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) |
Sports management students have advanced level theoretical and practical knowledge supported by textbooks, application tools and other resources which contain up-to-date information in the field. |
|
2) |
Sport management students can transfer their opinions and suggestions for solutions to problems in written and orally, and share their ideas and solutions with problems by supporting them with qualitative and quantitative data.
|
|
3) |
Sports management students act in accordance with social, scientific, cultural and ethical values in the stages of collecting, interpreting, applying and announcing the data related to the field. |
|
4) |
Sports management students can use the advanced theoretical and practical knowledge gained in the field and use the advanced knowledge and skills in the field to interpret and evaluate the data, to identify problems, to analyze problems, to develop solutions based on research and evidence. |
|
5) |
Sports management students can conduct an advanced study independently and take responsibility as an individual and team member in order to solve unforeseen complex problems encountered in the applications related to their field.
|
|