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) |
Defines and interprets the concepts in the field of health and health management. |
|
2) |
Can specify aim and objectives for organization/institution. Has the ability to transfer them to workers and collegues, to lead people at the workplace and to inspire team spirit. |
|
3) |
Analyzes the relationship between organization/ institution’s stakeholders and competitors. Executes the related activities effectively. |
|
4) |
Can evaluate the health legislation, laws and regulations based on these and the recent changes.Can prepare the contracts and present solutions related with them. |
|
5) |
Has the ability to interpret, analyze, identify the problems and making propositions by using information about health management in her/his decisions, practice and behaviors. |
|
6) |
Uses the adequate level of English in order to follow sectoral developments, make scientific research, communicate and to sustain business relationships with the second foreign language. |
|
7) |
Uses the computer programs required by the field and information and communication technologies. |
|
8) |
Can analyze public health problems, generate solutions according to the needs and accordingly create health education and communication programs. |
|
9) |
Acts in accordance with the organization/institution, business, social and scientific ethical values. Has the awareness of cultural values and environmental protection, quality, occupational health and safety issues. |
|