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. Acquainting oneself with technologic developments which have effect on new media area.
2. Gaining the theoretical infrastructure controling the influence flow within social media, society and digital culture.
3. Implementing digital communication on productive and strategic projects by using the right applications.
4. Wining theoretical and factual infrastructure to use data which can reach the right information in an ethical way. |
|
2) |
1.Designing, strategizing and managing related processes as an active actor of the new media at the center of all transformations and changes, especially production, marketing, journalism, social relations.
2.Being able to comprehend the interdisciplinary structure of the new media and the tendency to work with traditional media such as newspapers, radio and TV, and to produce interactive content in this direction.
3.Generating a new generation of news in the context of news gathering and writing transformations; to be a new media correspondent, editor or producer in newspapers, radio or TV institutions carrying publishing activities on the Internet and mobile media.
4.Designing, producing and implementing content for public and private organizations with disciplines as public relations, trade, advertising for effective reach to target audience, productivity and competitive advantage.
5. Solving the crisis based new media at the institutions and to produce parallel strategies to the new situation.
6.Portal management, learning and implementation of stages in web design areas. |
|
3) |
1.Entrepreneurship that to be able to present thoughts and creativity in all new media platforms like web, newspaper, blog, e-commerce.
2.Informative, entertaining content production based on social existence, sharing and interaction in social media.
3.To be able to perform the profession as a team member and fulfill the responsibilities, while remaining committed to ethical values.
4.Paying attention to the fair representation of the views of all parties within the framework of accountability, equal approach to the parties and not misleading. |
|
4) |
1. Comprehension of media literacy skills in the process of news gathering.
2. Learning how to effectively use and develop new media platforms.
3. Comprehension of conceptual connections between media and politics
4. To be able to understand and question the basic principles of mass communication and the place and importance of mass communication.
5. Developing a perspective of being able to analyze and tired of economic politics, social, political and cultural influences of mass communication. |
|
5) |
1. communicating with digital agencies about new media projects in order to be a part of the solution.
2. Sharing the solution suggestions on communication area using qualitative and quantitative research.
3. Organizing and implementing projects and events for one'ssocial environment using the digital communication formats in a creative way. |
|
6) |
1. Understanding the basic principles and doctrines of communication and foprming a point of view.
2. Understanding and evaluating theoritical approach on communication.
3. Comprehension of criticism on media theories.
4. In Turkey and in the world assessing industry 4.0 strategies, Making the analysis of the practices.
5. Solving possible crises in the institutions by evaluating all technological, political and economic developments that will affect the new media field and producing parallel strategies to the new situation |
|