Course Objectives: |
User interface design is the link between human and computer systems and is one of the study areas of human computer interaction. The aim of the course is to provide students with an interdisciplinary perspective on user interface design. To enable students to come up with usable and effective interface designs by learning the principles of interaction design. It is aimed not only to gain knowledge about visual design, but also to learn the whole design process together with processes such as research for design, determining user needs, revealing the design problem, designing, testing and evaluating. |
Course Content: |
Definition of interface design, its historical development, usage areas, current technologies utilized, the concept of interactivity and its basic principles, features and importance of a good interface design, user-oriented design, basic principles of interface design, design process, data visualization, features of usable designs, usability tests . |
Week |
Subject |
Related Preparation |
1) |
Definition of interface design and interaction design, basic information about the lesson, sharing the lesson plan with the students. Readings on the topics. |
Readings on the topics. |
2) |
User experience design and interaction design concepts, information about the field.
Brief history of interface design. |
Readings on the topics. |
3) |
Features of interface design. User-oriented design.
Assignment-1: Sample Analysis. |
Preliminary study on the subjects. |
4) |
Evaluation and discussion in class about the given homework.
Interactivity and interaction design concepts.
Basic principles of interaction.
Assignment-2: Application of design principles
Explaining the visa project. |
homework submission |
5) |
Evaluation and discussion in class about the given homework.
Basic principles in interface design
8 golden rules created by Ben Shneiderman.
Classwork: Cart sorting study. |
homework submission |
6) |
Week: Design Process: Research, needs analysis and idea development
Homework-3: Developing a project for the visa project |
homework submission |
7) |
Evaluation and discussion in class about the given homework.
Conducting a research on the identified design problem. Preparing a user scenario for the target audience by determining the user needs.
Homework-3: Developing a project for the visa project |
homework submission |
8) |
MIDTERM EXAM |
|
9) |
Design process and visual communication:
Gestalt, Visual design principles |
Readings on the topics. |
10) |
Design Process: Organizing Content
Information Architecture, Wireframe creation
Assignment-4: Creating a sitemap and wireframe
Announcement of the Final Project |
Study on topics. |
11) |
Evaluation and discussion in class about the given homework.
Week: Evaluation and discussion in class about the given homework.
Design Process and Visual Communication: Layout and grid system.
Homework-5: Selection of the topics of the final projects and layout work |
homework submission |
12) |
Design Process and Visual Communication:
1. Color and typography.
2. Semiotics, iconography and metaphor.
Assignment-6: To come up with a concept by thinking through metaphors for final projects. |
homework submission |
13) |
Giving feedback on the final project.
Design Process and Visual Communication: Using illustration, photography and moving images in interface design.
Interface design and data visualization: Data visualization and infographics |
homework submission |
14) |
Giving feedback on the final project.
Interface design and usability.
Features of usable designs. Usability tests. |
homework submission |
15) |
FINAL EXAMINATION |
|