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 To be able to understand analog and digital games' theoretical and historical development.
- P02 Has a general understanding of the history and culture of the nation and the world in which he lives.
- P03 Digital game engines are well-suited for application.
- P04 His/Her mastery of the fundamental sciences underpins his/her expertise in the creation of digital games.
- P05 Understand the mechanics, logic, and frameworks of analog and digital games.
- P06 Possesses an aesthetic sensibility and knowledge of art.
- P07 Communication, art, music, psychology, sociology, mythology, philosophy, economics, cinema, history, and other disciplines gained the potential to benefit from one another during the game design process.
- P08 Knowing how media and digital games affect people and society and designing games responsibly in light of that knowledge.
- P09 Be able to assess critically the knowledge and abilities acquired through research in the area and other related areas.
- P10 Acquires expertise in artistic design to aid in the creation of digital games.
- P11 Make good use of digital game creation software and programs.
- P12 Possesses the skills necessary to write the code for digital games created for various platforms.
- P13 Possesses the capacity to jointly build digital games' aesthetic and computational aspects.
- P14 Possesses the capacity to create and communicate stories utilizing a variety of technologies.
- P15 Has the capacity to design, plan, and analyze the game as a concept.
- P16 Possesses the capacity to come up with tangible fixes for the issues that arise during the creation of digital games.
Po-Lo Matrix
| LO | P01 | P02 | P03 | P04 | P05 | P06 | P07 | P08 | P09 | P10 | P11 | P12 | P13 | P14 | P15 | P16 | Average |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| L01 | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - |
| L02 | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - |
| L03 | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - |
| L04 | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - |
| L05 | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - |