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 Should have sufficient knowledge in mathematics, science, and subjects specific to the relevant engineering discipline.
  2. P02 Should have the ability to use theoretical and applied knowledge in mathematics, science, and related engineering disciplines in complex engineering problems.
  3. P03 Should have the ability to detect, define, formulate, and solve complex engineering problems.
  4. P04 Should have the ability to select and apply appropriate analysis and modeling methods to solve complex engineering problems.
  5. P05 Should have the ability to design a complex system, process, device, or product to meet specific requirements under realistic constraints and conditions.
  6. P06 Should have the ability to apply modern design methods.
  7. P07 Should have the ability to develop, select, and use modern techniques and tools necessary for the analysis and solution of complex problems encountered in engineering applications.
  8. P08 Should have the ability to use information technologies effectively.
  9. P09 Should have the ability to design experiments, for the study of complex problems or discipline-specific research topics.
  10. P10 Should have the ability to conduct experiments, collect data, analyze and interpret results for the study of complex problems or discipline-specific research topics.
  11. P11 Should have the ability to work in intradisciplinary teams.
  12. P12 Should have the ability to work in interdisciplinary teams.
  13. P13 Should have the skills to work individually.
  14. P14 Should have the ability to communicate effectively verbally and in writing.
  15. P15 Should have the knowledge of at least one foreign language.
  16. P16 Should be able to write effective reports, understand written reports, and prepare design and production reports.
  17. P17 Should have the ability to make effective presentations.
  18. P18 Should have the ability to give and have clear and understandable instructions.
  19. P19 Should gain consciousness (awareness) about the necessity of lifelong learning.
  20. P20 Should have the ability to access information.
  21. P21 Should have the ability to follow developments in science and technology and constantly renew himself/herself.
  22. P22 Should gain the awareness of professional and ethical responsibility and should act in accordance with ethical principles.
  23. P23 Should gain knowledge about the standards used in engineering applications.
  24. P24 Should gain knowledge about project management, risk management, and change management practices in business life.
  25. P25 Should gain awareness about entrepreneurship, and innovation.
  26. P26 Should gain knowledge about development in sustainability.
  27. P27 Should gain knowledge about the effects of engineering practices on health, environment, and security at universal and social dimensions and the problems of the age reflected in the field of engineering.
  28. P28 Awareness should be gained about the legal consequences of engineering solutions.

Po-Lo Matrix

LO P01 P02 P03 P04 P05 P06 P07 P08 P09 P10 P11 P12 P13 P14 P15 P16 P17 P18 P19 P20 P21 P22 P23 P24 P25 P26 P27 P28 Average
L01 - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
L02 - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
L03 - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
L04 - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
L05 - - - - - - - - - - - - - - - - - - - - - - - - - - - - -