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 Create a user interface in a contemporary object-oriented language to allow users to access business data
  2. P02 Identify and analyze user needs and take them into account in the selection, creation, integration, evaluation and administration of computing-based systems
  3. P03 Analyze common business functions and identify, design, and develop appropriate information technology solutions
  4. P04 Design and develop software solutions for contemporary business environments by employing appropriate problem-solving strategies
  5. P05 Configure and administer database server to support contemporary business environments.
  6. P06 Administer or mange a relational database for a small to medium size company
  7. P07 Be able to effectively integrate IT-based solutions into the user environment
  8. P08 Understand professional, ethical, legal, security and social issues and responsibilities
  9. P09 Be able to apply effective communication skills consistent with the professional environment
  10. P10 Be able to apply effective collaboration skills in teamwork consistent with the professional environment

Po-Lo Matrix

LO P01 P02 P03 P04 P05 P06 P07 P08 P09 P10 Average
L01 - - - - - - - - - - -
L02 - - - - - - - - - - -
L03 - - - - - - - - - - -
L04 - - - - - - - - - - -
L05 - - - - - - - - - - -