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) |
1- Has knowledge about art culture and aesthetic issues.
2-Has knowledge about art history which is specific to the field of art concerned.
3-Knowledge of art and design materials.
4-Has knowledge about art and design methods and techniques.
5-Has knowledge about legal regulations and procedures in the field of art concerned.
6-Has knowledge about the interdisciplinary interaction with which the related art field is related.
7-Has knowledge about research methods.
8- Has knowledge about methods of artistic criticism.
9-Knowledge of art and science ethics. |
2 |
2) |
1-Provides theory and application integrity.
2. Uses methods and techniques related to the field of art.
3-Evaluates the interaction of the subdisciplines within the field of art.
4-Based on the analysis has the ability to interpret.
5-Develops multi-dimensional perception, thinking, designing, practicing ability.
6-Concrete sensory perception. |
3 |
3) |
1-Works alone, independently and / or within the group, compatible and productive.
2- It takes place actively in project processes.
3-Share the original works about the field with the society and evaluate the results. |
2 |
4) |
To be able to evaluate advanced knowledge and skills in the field with a critical approach,
- Being able to identify and learn learning needs.
- Being able to develop a positive attitude about learning life. |
3 |
5) |
To be able to inform related persons and institutions about issues related to the field; to be able to transfer ideas and suggestions for solutions to problems in writing and verbally.
- To share ideas and suggestions for solutions to problems with experts and non-experts by supporting quantitative and qualitative data.
-To organize projects and activities for the social environment with social responsibility awareness and apply them.
- Can use a foreign language at least in the European Language Portfolio B1 General Level to monitor the information in the field and communicate with colleagues.
- To be able to use information and communication technologies with the computer software at least at the level of European Computer Use License Advanced level required by the field. |
4 |
6) |
- Be able to carry out an advanced study independently of the field.
- Being able to take responsibility as individuals and team members to solve complex and unforeseen problems encountered in field related applications.
- Planning and managing activities for the development of employees under their responsibility in a project framework. |
2 |
7) |
- To comply with social, scientific, cultural and ethical values in the process of collecting, interpreting, implementing and announcing results related to the field.
- The universality of social rights, social justice, quality culture and protection of cultural values and having adequate consciousness about environmental protection, occupational health and safety issues. |
3 |
8) |
Has knowledge of artistic criticism methods. |
3 |