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 Students know the stages of production of radio, television and cinema productions, have the ability and competence to plan and implement work in the stages of production.
- P02 Students know the basic working principles and operations of audiovisual production tools, have the ability to effectively use these tools in the production process of radio, television and cinema productions.
- P03 Students have knowledge about theories in the field of radio, television and cinema.
- P04 Students know the historical development process of radio, television and cinema in the world and in Turkey.
- P05 Students know the legislation governing the field of radio, television and cinema, national and international professional organizations and ethical principles.
- P06 Students know the types of programs in radio and television broadcasting.
- P07 Students know the genres and trends of Cinema.
- P08 Students know the methods of analyzing and evaluating messages in audio and visual environments.
- P09 Students prepare, design and implement project proposals for radio, television and cinema projects suitable for different broadcasting environments.
- P10 Students know the techniques of writing scripts, have the ability to write scripts and prepare a shooting script.
- P11 Students have the ability to make sound and image editing, apply it in the fields of digital sound design, image design and visual effects use in field-specific content production.
- P12 Students have the ability to consider, analyze and evaluate the social, economic, political, cultural, etc. effects of media content in written, audio and visual environments from a critical point of view.
- P13 Students have the competence to design and produce programs and/or make films in the field of radio, television and cinema.
- P14 Students are proficient in the basic principles of Image aesthetics, visual design, cinematographic language/expression and composition.
- P15 Students have knowledge about Radio and Television management.
- P16 Students know the standards in field-specific products.
- P17 Students are proficient in collaborating for joint work and production in the field of radio, television and cinema.
Po-Lo Matrix
| LO | P01 | P02 | P03 | P04 | P05 | P06 | P07 | P08 | P09 | P10 | P11 | P12 | P13 | P14 | P15 | P16 | P17 | Average |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| L01 | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - |
| L02 | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - |
| L03 | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - |
| L04 | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - |
| L05 | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - |