YMD417 Digital Interface DesignIstanbul Okan UniversityDegree Programs Industrial Engineering (English)General Information For StudentsDiploma SupplementErasmus Policy StatementNational Qualifications
Industrial Engineering (English)
Bachelor TR-NQF-HE: Level 6 QF-EHEA: First Cycle EQF-LLL: Level 6

General course introduction information

Course Code: YMD417
Course Name: Digital Interface Design
Course Semester: Spring
Course Credits:
Theoretical Practical Credit ECTS
3 0 3 4
Language of instruction: TR
Course Requisites:
Does the Course Require Work Experience?: No
Type of course: University / Foreign Language
Course Level:
Bachelor TR-NQF-HE:6. Master`s Degree QF-EHEA:First Cycle EQF-LLL:6. Master`s Degree
Mode of Delivery: Face to face
Course Coordinator : Öğr.Gör. IBRAHIM ALTAN GUVENNI
Course Lecturer(s):
Course Assistants:

Course Objective and Content

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 .

Learning Outcomes

The students who have succeeded in this course;
Learning Outcomes
1 - Knowledge
Theoretical - Conceptual
1) Understanding interface design and learning basic terminology in this field. Learning the important criteria in interface design.
2 - Skills
Cognitive - Practical
1) To be able to analyze and criticize previously created interface designs. To be able to create their own designs by making use of the elements and principles used in interface design.
3 - Competences
Communication and Social Competence
1) To be able to use the knowledge gained in the field of interface design to solve the problems encountered. To be able to propose and implement constructive projects for the social environment in which he/she lives by combining his/her knowledge and experience in interface design with the awareness of social responsibility.
Learning Competence
1) To be able to transfer the knowledge acquired in the field of interface design to other disciplines in the field. To be able to use the gains in the field after graduation and to determine their own learning needs when necessary and to reach their goals by planning.
Field Specific Competence
1) Acting in accordance with social, scientific, cultural and ethical values in the stages of collecting, interpreting, applying and announcing the results related to interface design.
Competence to Work Independently and Take Responsibility
1) Understanding that the knowledge gained in the field of interface design can improve many subjects in daily life. Learning how to behave in a team work. Design development for portfolio.

Lesson Plan

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

Sources

Course Notes / Textbooks: Donald A. Norman. The Design of Everyday Things.
Ben Schneiderman. Designing the User Interface.
References: Alan Cooper and Andrew Singer. About Face: The Essentials of User Interface Design.
Kevin Mullet and Darrell Sano. Designing Visual Interfaces: Communication Oriented Techniques.

Course-Program Learning Outcome Relationship

Learning Outcomes

1

2

3

4

5

6

Program Outcomes
1) Adequate knowledge in mathematics, science and engineering subjects pertaining to the relevant discipline; ability to use theoretical and applied information in these areas to model and solve engineering problems.
2) Ability to identify, formulate, and solve complex engineering problems; ability to select and apply proper analysis and modelling methods for this purpose.
3) Ability to design a complex system, process, device or product under realistic constraints and conditions, in such a way so as to meet the desired result; ability to apply modern design methods for this purpose. (Realistic constraints and conditions may include factors such as economic and environmental issues, sustainability, manufacturability, ethics, health, safety issues, and social and political issues according to the nature of the design.)
4) Ability to devise, select, and use modern techniques and tools needed for engineering practice; ability to employ information technologies effectively.
5) Ability to design and conduct experiments, gather data, analyse and interpret results for investigating engineering problems.
6) Ability to work efficiently in intra-disciplinary and multi-disciplinary teams; ability to work individually.
7) Ability to communicate effectively i Turkish, both orally and in writing; knowledge of a minimum of one foreign language.
8) Recognition of the need for lifelong learning; ability to access information, to follow developments in science and technology, and to continue to educate him/herself.
9) Awareness of professional and ethical responsibility.
10) Information about business life practices such as project management, risk management, and change management; awareness of entrepreneurship, innovation, and sustainable development.
11) Knowledge about contemporary issues and the global and societal effects of engineering practices on health, environment, and safety; awareness of the legal consequences of engineering solutions.

Course - Learning Outcome Relationship

No Effect 1 Lowest 2 Low 3 Average 4 High 5 Highest
           
Program Outcomes Level of Contribution
1) Adequate knowledge in mathematics, science and engineering subjects pertaining to the relevant discipline; ability to use theoretical and applied information in these areas to model and solve engineering problems.
2) Ability to identify, formulate, and solve complex engineering problems; ability to select and apply proper analysis and modelling methods for this purpose.
3) Ability to design a complex system, process, device or product under realistic constraints and conditions, in such a way so as to meet the desired result; ability to apply modern design methods for this purpose. (Realistic constraints and conditions may include factors such as economic and environmental issues, sustainability, manufacturability, ethics, health, safety issues, and social and political issues according to the nature of the design.)
4) Ability to devise, select, and use modern techniques and tools needed for engineering practice; ability to employ information technologies effectively.
5) Ability to design and conduct experiments, gather data, analyse and interpret results for investigating engineering problems.
6) Ability to work efficiently in intra-disciplinary and multi-disciplinary teams; ability to work individually.
7) Ability to communicate effectively i Turkish, both orally and in writing; knowledge of a minimum of one foreign language.
8) Recognition of the need for lifelong learning; ability to access information, to follow developments in science and technology, and to continue to educate him/herself.
9) Awareness of professional and ethical responsibility.
10) Information about business life practices such as project management, risk management, and change management; awareness of entrepreneurship, innovation, and sustainable development.
11) Knowledge about contemporary issues and the global and societal effects of engineering practices on health, environment, and safety; awareness of the legal consequences of engineering solutions.

Learning Activity and Teaching Methods

Field Study
Expression
Individual study and homework
Lesson
Group study and homework
Homework
Application (Modelling, Design, Model, Simulation, Experiment etc.)
Web Based Learning

Assessment & Grading Methods and Criteria

Written Exam (Open-ended questions, multiple choice, true-false, matching, fill in the blanks, sequencing)
Homework
Application
Individual Project
Group project
Presentation
Bilgisayar Destekli Sunum

Assessment & Grading

Semester Requirements Number of Activities Level of Contribution
Homework Assignments 2 % 10
Project 1 % 40
Final 1 % 50
total % 100
PERCENTAGE OF SEMESTER WORK % 50
PERCENTAGE OF FINAL WORK % 50
total % 100

Workload and ECTS Credit Grading

Activities Number of Activities Workload
Course Hours 16 48
Study Hours Out of Class 15 45
Project 16 32
Midterms 1 3
Total Workload 128