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) |
Has sufficient background in mathematics, science and engineering related fields. |
|
2) |
Uses the theoretical and practical knowledge in mathematics, science and their fields together for engineering solutions. |
|
3) |
Identifies, formulates and solves engineering problems, selects and applies appropriate analytical methods and modeling techniques for this purpose. |
|
4) |
Analyze a system, system component or process and design it under realistic constraints to meet desired requirements; apply modern design methods accordingly. |
|
5) |
Selects and uses the modern techniques and tools necessary for engineering applications. |
|
6) |
Design experiments, conduct experiments, collect data, analyze and interpret results. |
|
7) |
Works individually and in multi-disciplinary teams. |
|
8) |
Accesses information and conducts resource research for this purpose, uses databases and other information sources. |
|
9) |
Accesses information and conducts resource research for this purpose, uses databases and other information sources. |
|
10) |
Accesses information and conducts resource research for this purpose, uses databases and other information sources. |
|
11) |
Uses the theoretical and practical knowledge in mathematics, science and their fields together for engineering solutions. |
|
12) |
Identifies, formulates and solves engineering problems, selects and applies appropriate analytical methods and modeling techniques for this purpose. |
|
13) |
Analyze a system, system component or process and design it under realistic constraints to meet desired requirements; apply modern design methods accordingly. |
|
14) |
Selects and uses the modern techniques and tools necessary for engineering applications. |
|
15) |
Works individually and in multi-disciplinary teams |
|
16) |
Uses information and communication technologies together with computer software required by the field at least Advanced Level of European Computer Skills License. |
|
17) |
Communicate effectively verbally and in writing; use a foreign language at least at level B1 of the European Language Portfolio. |
|
18) |
Communicates using technical drawing. |
|
19) |
Accesses information and conducts resource research for this purpose, uses databases and other information sources. |
|
20) |
Becomes aware of the universal and social effects of engineering solutions and applications; entrepreneurship and innovation and have knowledge about the problems of the age. |
|
21) |
Has professional and ethical responsibility. |
|
22) |
Have awareness of project management, workplace practices, employee health, environmental and occupational safety; the legal consequences of engineering applications. |
|
23) |
Demonstrates awareness of the universal and social impact of engineering solutions and applications; is aware of entrepreneurship and innovation and has knowledge about the problems of the age. |
|