Course Objectives: |
The aim of the course is to provide students with an interdisciplinary perspective on user interface design. It is aimed to enable students to learn the principles of this field and to reveal effective interface designs.It is aimed not only to learn about visual design, but also to learn the entire design process along with processes such as research for design, determining user needs, revealing the design problem, designing, testing and evaluating. |
Course Content: |
Definition of interface design, historical development, usage areas, current technologies, the concept and basic principles of interactivity, 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.
User experience design. |
https://faculty.washington.edu/ajko/books/uist/theory.html.
https://www.interaction-design.org/literature/topics/ui-design.
Debbie Stone, Caroline Jarrett, Mark Woodroffe, Shailey Minocha-Morgan Kaufmann. User Interface Design and Evaluation.
|
2) |
Brief history of interface design.
Usage areas and current technologies.
Design programs that can be used in interface design. |
https://faculty.washington.edu/ajko/books/uist/history.html. |
3) |
Features and importance of a good interface design.
User oriented design. |
Donald A. Norman, The Design of Everyday Things.
Wilbert O. Galitz. The essential guide to user interface design: An introduction to GUI design principles and techniques.
|
4) |
Interactivity and interaction design concepts.
The basic principles of interaction. |
Michael Salmond and Gavin Ambrose, The Fundamentals of Interactive Design. |
5) |
Basic principles in interface design
8 golden rules created by Ben Shneiderman |
Video: https://www.coursera.org/learn/ui-design/lecture/XZTrX/design-principles-visibility-feedback-mappings-constraints
Bill Moggridge, Designing Interactions.
Apple OS X Human Interface Guidlines.
https://www.interaction-design.org/literature/article/shneiderman-s-eight-golden-rules-will-help-you-design-better-interfaces.
|
6) |
Design Process: Research, needs analysis and idea development. |
Jesse James Garrett, The Elements of User Experience: User-Centered Design for the Web and Beyond.
Homework: Creating website map and wireframe. |
7) |
Midterm Exam. |
.. |
8) |
Design Process: Editing Content,
Information Architecture, Creating Wireframe. |
Jesse James Garrett, The Elements of User Experience: User-Centered Design for the Web and Beyond.
|
9) |
Design process and visual communication:
Gestalt, Visual design principles. |
Amy Arntson (2012). “Graphic Design Basics”
Homework: Creating a design with using the determined principles. |
10) |
Design Process and Visual Communication: Layout and grid system. |
Gavib Ambrose and Paul Harris (2011). Layout.
Homework: Creating a layout that can be used for the web
|
11) |
Design Process and Visual Communication: Color and typography. |
Ellen Lupton, Type on Screen.
Dave Wood, Interface Design.
Homework: Color and typography study. |
12) |
Design Process and Visual Communication: Semiotics, iconography and metaphor.
Disclosure of the final project. |
Reading: Dave Wood, Interface Design.
Video: Key Principles of Visual Semiotics, Visible Language, User-interface and User-centered Design. https://www.youtube.com/watch?v=AeXjEUZNswY&t=3s
Class Work: To come up with a concept by thinking through metaphors. |
13) |
Design Process and Visual Communication: Using illustration, photography and motion picture in interface design.
Giving feedback about the final project. |
Michael Salmond and Gavin Ambrose, The Fundamentals of Interactive Design. |
14) |
Interface design and data visualization
Data visualization and info graphics.
Giving feedback about the final project. |
Scott Murray, Interactive Data Visualization for the Web.
Stephen Few, Data visualization: Past, present, and future.
|
15) |
Interface design and usability.
Features of usable designs. Usability tests.
Giving feedback about the final project. |
Jakob Nielsen, 1999. Designing Web Usability: The Practice of Simplicity |
|
Program Outcomes |
Level of Contribution |
1) |
Ability to think creatively and innovatively in industrial design discipline. |
|
2) |
Ability to master professional material and production technologies and follow up developments and to effectively apply acquired knowledge in the projects |
|
3) |
Ability to reflect cultural values to professional approaches |
|
4) |
Ability to reach to original design solutions through critical approach to complex design problems and also foresee potential user needs. |
|
5) |
Having the knowledge and ability to effectively use two and three dimensional design tools and technologies in industrial design |
|
6) |
Ability to participate in teamwork in companies and to effectively participate in industrial design project management |
|
7) |
Ability to have professional and ethical sense of responsibility |
|
8) |
To work independently, to take responsiblity and to develop designerly sensitivities towards global problems |
|