DIGITAL MEDIA INTERFACE DESIGN
- Course
- VICD110 - DIGITAL MEDIA INTERFACE DESIGN
- Department
- Visual Communication Design - English - Undergraduate
- Course Type
- Course
- Status
- Required
- Language
- English
- Credit
- 3
- ECTS
- 6
- T+P+L
- 2 + 2 + 0
- Course Coordinator(s)
- -
- Prerequisite
- -
- Keywords
Course Description
This course teaches how information obtained from the clients, sales, and marketing is used to design and develop compelling visual experience Web sites for multiple platforms, including mobile devices, tablets, and desktops. The students will learn more about wireframes, color schemes, tones, design templates, formatting, and typography. This course builds upon the students’ abilities to implement user analysis techniques, usability concepts, usability testing procedures and the vital role of testing to publish and maintain a Web site. The UI/UX Design Specialization brings a design-centric approach to user interface and user experience design, and offers practical, skill-based instruction centered around a visual communications perspective, rather than on one focused on marketing or programming alone.
DIGITAL MEDIA INTERFACE DESIGN
Evaluation Tools (Active Term)
No evaluation items have been defined.
Course outcomes
No course outcomes have been defined yet.
Course Syllabus
| Week | Topic |
|---|---|
| Week 1 | Introduction to Interface Design |
| Week 2 | Principles of User-Centered Design & Human-Computer Interaction |
| Week 3 | Usability and Accessibility |
| Week 4 | Visual Hierarchy and Information Architecture |
| Week 5 | Wireframing: Tools, Techniques, and Best Practices |
| Week 6 | Prototyping and Low- to High-Fidelity Transitions |
| Week 7 | Midterm week |
| Week 8 | Midterm week |
| Week 9 | Micro-Animations and Motion in UI Design |
| Week 10 | Responsive and Adaptive Design Across Devices |
| Week 11 | Design Systems and UI Component Libraries |
| Week 12 | Emerging Interfaces |
| Week 13 | Ethical and Responsible Design |
| Week 14 | Final Project |
| Week 15 | - |
Reference Books & Course Materials
- 01 Sanchez, A. E. (2024) 2024-2025 Newbies Guide to UI/UX Design Using Figma, Self-Published.
- 02 Designity. (2025) The Top UI/UX Books to Elevate Your Design Skills in 2025, Designity Publications.
- 03 Whitmer, B. (2025) My Favorite UX Books + Why (2025 Edition), Self-Published.
Learning Outcomes
- L01 Identify fundamental principles of user-centered design and interface design elements. SOLO 2
- L02 Describe key concepts of usability, accessibility, and information architecture in digital interfaces. SOLO 3
- L03 Apply basic wireframing and prototyping techniques to develop simple interface layouts. SOLO 3
- L04 Analyze interface designs in terms of visual hierarchy, interaction design, and user experience. SOLO 4
- L05 Design a functional and visually coherent user interface based on the given user needs and project requirements. SOLO 5
Program Outcomes
- P01 Demonstrate an understanding of the core subfields of psychology — including but not limited to clinical, developmental, cognitive, social, and biological/neuroscientific psychology — and their interconnections with other scientific disciplines, critically evaluating the value of a multidisciplinary approach to scientific inquiry in psychology.
- P02 Apply scientific methods, research techniques, measurement and psychometric principles (e.g., reliability, validity, scale development/adaptation), and quantitative/statistical reasoning to investigate psychological phenomena, recognizing methodological strengths, limitations, common reasoning fallacies, and the flaws of pseudoscience.
- P03 Employ logical, intuitive, and creative thinking to analyze psychological concepts, evaluate theories (including their historical and philosophical development), synthesize information, and solve complex problems related to cognition and behavior.
- P04 Integrate psychological theories and findings into practical settings (e.g., business, policy, clinical/counseling contexts, and daily life), applying foundational applied skills such as interviewing, observation, and case formulation, drawing meaningful conclusions to inform individual, organizational, and societal practices.
- P05 Describe key ethical principles in psychological research and practice, critically applying these principles to dilemmas across academic, professional, and everyday contexts.
- P06 Recognize how individual differences (e.g., beliefs, values, backgrounds) impact behavior and relationships; use psychological knowledge to prevent or resolve intercultural and interpersonal conflicts and promote inclusive, respectful interactions.
- P07 Exhibit self-regulation and self-awareness, demonstrating a commitment to psychological well-being, effective time management, constructive incorporation of feedback, and ongoing personal and professional development.
- P08 Collaborate effectively in diverse teams, demonstrating responsibility, bias awareness, conflict resolution skills, and leadership in achieving collective goals.
- P09 Communicate psychological knowledge clearly and appropriately for academic, professional, and public audiences using inclusive language, both in written and oral formats, and by accurately summarizing and presenting research findings.
- P10 Use information and communication technologies (including AI and digital media) responsibly and effectively for research, collaboration, and the dissemination of psychological knowledge.
- P11 Embrace lifelong learning and adaptability in response to evolving psychological knowledge and societal needs, engaging with global perspectives and demonstrating intercultural awareness.
Po-Lo Matrix
| LO | P01 | P02 | P03 | P04 | P05 | P06 | P07 | P08 | P09 | P10 | P11 | Average |
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| L01 | - | - | - | - | - | - | - | - | - | - | - | - |
| L02 | - | - | - | - | - | - | - | - | - | - | - | - |
| L03 | - | - | - | - | - | - | - | - | - | - | - | - |
| L04 | - | - | - | - | - | - | - | - | - | - | - | - |
| L05 | - | - | - | - | - | - | - | - | - | - | - | - |