Skip to main content
TR

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

  1. 01 Sanchez, A. E. (2024) 2024-2025 Newbies Guide to UI/UX Design Using Figma, Self-Published.
  2. 02 Designity. (2025) The Top UI/UX Books to Elevate Your Design Skills in 2025, Designity Publications.
  3. 03 Whitmer, B. (2025) My Favorite UX Books + Why (2025 Edition), Self-Published.

Learning Outcomes

  1. L01 Identify fundamental principles of user-centered design and interface design elements. SOLO 2
  2. L02 Describe key concepts of usability, accessibility, and information architecture in digital interfaces. SOLO 3
  3. L03 Apply basic wireframing and prototyping techniques to develop simple interface layouts. SOLO 3
  4. L04 Analyze interface designs in terms of visual hierarchy, interaction design, and user experience. SOLO 4
  5. L05 Design a functional and visually coherent user interface based on the given user needs and project requirements. SOLO 5

Program Outcomes

  1. P01 have knowledge which is supported by up-to-date primary and secondary course books and application tools in the field of Visual Communication Design
  2. P02 have technical knowledge necessary for the field of Visual Communication Design
  3. P03 Have knowledge about universal human rights, social justice, quality management, environmental protection, and workplace health.
  4. P04 S/he visualises imagined things in a coherent structure
  5. P05 S/he defines the problems related to communication and finds possible solutions for these problems.
  6. P06 S/he has skills to manage a project/work related to Visual Communication Design independently.
  7. P07 S/he develops and applies projects and activities related with his/her social environment with an awareness of social responsibility.
  8. P08 S/he designates and manages the requirements and processes of learning.
  9. P09 S/he, equipped with advanced knowledge and skills in Visual Communication Design education, who interprets and evaluates data, identifies and analyses problems and finds solutions based on research and facts.
  10. P10 S/he can take responsibility as an individual and a team member in complex and unforeseen problems related to Visual Communication Design projects.
  11. P11 S/he plans, manages and finishes a media content under time restrictions.
  12. P12 S/he approaches advanced knowledge and skills from a critical perspective.
  13. P13 S/he is aware that the Visual Communication Design Department has close ties with new technological developments and also aware of the importance of pursuing these developments which have vital importance for creating new media content.
  14. P14 S/he is a person who informs and expresses thoughts for possible solutions related with Visual Communication Design contents prepared for related individuals and organisations.
  15. P15 S/he shares developments and data related to Visual Communication Design with specialists and non-specialists
  16. P16 S/he acts in Visual Communication Design projects in accordance with social, scientific, cultural and ethical norms.

Po-Lo Matrix

LO P01 P02 P03 P04 P05 P06 P07 P08 P09 P10 P11 P12 P13 P14 P15 P16 Average
L01 4 3 0 4 4 3 0 4 4 3 0 4 5 4 4 3 3.06
L02 4 0 4 4 4 0 5 4 4 3 0 4 5 5 4 4 3.38
L03 4 3 0 4 0 3 0 4 3 3 2 2 5 5 4 0 2.63
L04 4 3 3 4 4 0 0 4 4 4 0 4 5 5 3 0 2.94
L05 4 5 3 4 4 2 2 4 4 4 3 3 5 4 4 3 3.63