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. Recognized and applied all the learning tools and techniques learnt which they will implement throughout their lives and future careers.
- P02 2. Become confident in their knowledge and skills so that they can successfully study and work on their own.
- P03 3. Attained a high level of professionalism through the fundamental knowledge and skills gained in both marketing and digital fields.
- P04 4. Demonstrated a solid understanding of core business principles in the primary areas of digital marketing, web technologies, new media and management, as well as the interconnectedness of these disciplines in the running of an organization.
- P05 5. Been able to critically implement their knowledge and skills in both written, oral and digital forms to an intended audience, based on creative and analytical approaches.
- P06 6.Demonstrated their understanding of the ethical and protected use of various new media such as social media, mobile technology, web analytics, search engine optimization, and viral advertising in both their studies and careers.
- P07 7. Implemented best practices in business for planning, decision-making, and problem-solving based on collaborative work and studies.
- P08 8. Demonstrated effective communication skills in addition to in-depth of analysis and synthesis which are essential in multicultural educational and work contexts.
- P09 9. Demonstrated critical thinking characterized by the ability to define business problems with the evidence available, discern fact from opinion, determine underlying causes, formulate and evaluate potential solutions.
- P10 10. Been able to implement ideas and concepts through the development and creation of digital content for effective social media marketing strategies, and designing and evaluating the effectiveness of interactive web sites to increase web traffic flows, visibility, consumer satisfaction and response rates.
- P11 11. Embodied integrity in their work and actions, honor confidentiality, followed generally accepted codes of conduct in the digital marketing industry.
- P12 12. Devoted themselves to follow the codes of ethics, improve privacy issues with social media, conflict, and citizenship in order to frame a better understanding of digital marketing.
Po-Lo Matrix
| LO | P01 | P02 | P03 | P04 | P05 | P06 | P07 | P08 | P09 | P10 | P11 | P12 | Average |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| L01 | - | - | - | - | - | - | - | - | - | - | - | - | - |
| L02 | - | - | - | - | - | - | - | - | - | - | - | - | - |
| L03 | - | - | - | - | - | - | - | - | - | - | - | - | - |
| L04 | - | - | - | - | - | - | - | - | - | - | - | - | - |
| L05 | - | - | - | - | - | - | - | - | - | - | - | - | - |