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 1. Applies foundational nursing knowledge to meet individual, family, and community health needs by providing person-centred care that respects dignity, autonomy, privacy, and informed consent.
- P02 2. Applies professional standards and quality management principles by using risk assessment, incident/near-miss reporting, audit/feedback, and continuous improvement to strengthen patient safety.
- P03 3. Integrates theoretical and practical knowledge to deliver holistic preventive, curative, and rehabilitative nursing care by demonstrating therapeutic communication, empathy, and culturally safe practice.
- P04 4. Delivers evidence-based, high-quality care using health information and communication technologies by documenting accurately, protecting confidentiality/data security, and using clinical technologies safely and appropriately.
- P05 5. Identifies, analyses, and addresses healthcare problems by formulating clinical questions, searching and appraising evidence, applying findings to practice, and evaluating outcomes using a systematic, research-informed approach.
- P06 6. Manages nursing care by prioritising, planning, implementing, and evaluating interventions; escalating concerns appropriately; and demonstrating accountability through accurate documentation and responsible delegation/supervision.
- P07 7. Collaborates effectively within interdisciplinary/multidisciplinary teams by sharing timely information, respecting roles, engaging in constructive conflict management, and contributing actively to shared decision-making.
- P08 8. Maintains lifelong learning by setting professional development goals, seeking and using feedback, engaging in reflective practice/portfolio work, and updating practice according to current scientific and technological developments.
- P09 9. Plans and implements community-oriented projects and health promotion activities by using population data, collaborating with stakeholders, advocating for equitable health, and evaluating the impact of initiatives on community/public health.
- P10 10. Upholds ethical principles by maintaining confidentiality, obtaining informed consent, ensuring fairness/non-discrimination, managing professional boundaries, and reporting unethical or unsafe practices according to regulations.
- P11 11. Contributes to quality and professional development processes by participating in institutional quality activities , supporting in-field/out-of-field education through mentoring/teaching, and representing the nursing profession appropriately at national and international levels.
- P12 12. Communicates professionally in at least one foreign language to access and use international evidence, collaborate with global peers, and provide safe, respectful communication for diverse populations.
Po-Lo Matrix
| LO | P01 | P02 | P03 | P04 | P05 | P06 | P07 | P08 | P09 | P10 | P11 | P12 | Average |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| L01 | - | - | - | - | - | - | - | - | - | - | - | - | - |
| L02 | - | - | - | - | - | - | - | - | - | - | - | - | - |
| L03 | - | - | - | - | - | - | - | - | - | - | - | - | - |
| L04 | - | - | - | - | - | - | - | - | - | - | - | - | - |
| L05 | - | - | - | - | - | - | - | - | - | - | - | - | - |