TÜRKÇE
ENGLISH
Information
| Code | GRS336 |
| Name | Interactive Graphic Design |
| Semester | 6. Semester |
| Duration (T+A) | 2-1 (T-A) (17 Week) |
| ECTS | 3 ECTS |
| National Credit | 2 National Credit |
| Teaching Language | Türkçe |
| Level | Lisans Dersi |
| Type | Normal |
| Mode of study | Yüz Yüze Öğretim |
| Catalog Information Coordinator | Öğr. Gör.Dr. MUSTAFA CAN KIZGINDEMİR |
Course Goal
Within the scope of this course, students learn and experience interactive designs practical and theoretical structure. Students explore and apply interactivity by coding and contemporary applications.
Course Content
Within the frame of this course, concepts such as design thinking, user experience design, interface design, graphic design, texture, movement and animation are examined, discussed with examples. Students deliver interactive and creative products by studio based applications.
Course Precondition
None
Resources
Alan Cooper, Robert Reimann, David Cronin, Christopher Noessel About Face The Essentials of Interaction Design Chauncey Wilson Auth. User Interface Inspection Methods. A User-Centered Design Method Rex Hartson, Pardha Pyla The UX Book Process and Guidelines for Ensuring a Quality User Experience Everett N McKay UI is Communication How to Design Intuitive, User Centered Interfaces by Focusing on Effective Communication
Notes
Alan Cooper, Robert Reimann, David Cronin, Christopher Noessel About Face The Essentials of Interaction Design Chauncey Wilson Auth. User Interface Inspection Methods. A User-Centered Design Method Rex Hartson, Pardha Pyla The UX Book Process and Guidelines for Ensuring a Quality User Experience Everett N McKay UI is Communication How to Design Intuitive, User Centered Interfaces by Focusing on Effective Communication
Course Learning Outcomes
| Order | Course Learning Outcomes |
|---|---|
| LO01 | Explores the interactive content. |
| LO02 | Develops awareness of design thinking, user interface and user experience design. |
| LO03 | Understands the principles of interactive design. |
| LO04 | Designs interactive design products. |
| LO05 | Applies coding to innovative interactive projects. |
| LO06 | Learn about experience design |
| LO07 | Understands the effects of user experience design and graphic design relationship |
Relation with Program Learning Outcome
| Order | Type | Program Learning Outcomes | Level |
|---|---|---|---|
| PLO01 | Bilgi - Kuramsal, Olgusal | Has knowledge about the basic elements and principles of Art and Design. | 5 |
| PLO02 | Bilgi - Kuramsal, Olgusal | Recognition of national/international artistic and cultural elements which can effect Graphic design practices. | 4 |
| PLO03 | Bilgi - Kuramsal, Olgusal | Identification of communication methods, communication elements and mass communication media | 5 |
| PLO04 | Bilgi - Kuramsal, Olgusal | Using research methods, techniques and dialectic to make access to information. | |
| PLO05 | Beceriler - Bilişsel, Uygulamalı | It uses the basic principles of art and design such as color, hierarchy, size and scale. | 5 |
| PLO06 | Beceriler - Bilişsel, Uygulamalı | Following and using the current applications, innovations and technological devolopments in line with the visual communication world. | 5 |
| PLO07 | Beceriler - Bilişsel, Uygulamalı | Using different materials, paints and technological tools in the process of design. | |
| PLO08 | Beceriler - Bilişsel, Uygulamalı | Using the information of ther field with the practices of other diciplines. | 4 |
| PLO09 | Yetkinlikler - Bağımsız Çalışabilme ve Sorumluluk Alabilme Yetkinliği | Have the skills to work effectively and take responsibility individually and in groups. | 4 |
| PLO10 | Yetkinlikler - Bağımsız Çalışabilme ve Sorumluluk Alabilme Yetkinliği | Taking responsibility in the use of correct language when designing. | |
| PLO11 | Yetkinlikler - Bağımsız Çalışabilme ve Sorumluluk Alabilme Yetkinliği | Understands the importance of a planned, meticulous and disciplined design process. | |
| PLO12 | Yetkinlikler - Öğrenme Yetkinliği | Gains the ability to read, understand and interpret what is read, and evaluate it with a critical approach. | |
| PLO13 | Yetkinlikler - Öğrenme Yetkinliği | Operating information and communication technologies effectively, both in learning process and design process. | 5 |
| PLO14 | Yetkinlikler - İletişim ve Sosyal Yetkinlik | Creating designs that serve its purpose, communicates successfully and reaches the target audience. | 5 |
| PLO15 | Yetkinlikler - İletişim ve Sosyal Yetkinlik | Having the self-confidence and ability of communicating, written, orally and visually. | 4 |
| PLO16 | Yetkinlikler - İletişim ve Sosyal Yetkinlik | Have the ability to communicate well with colleagues, employers and individuals to whom they serve. | 3 |
| PLO17 | Yetkinlikler - İletişim ve Sosyal Yetkinlik | Being competent in at least one foreign language to be able to understand and communicate in the field. | 4 |
| PLO18 | Yetkinlikler - Alana Özgü Yetkinlik | Being a responsible citizen with his/her awareness of social, cultural, scientific and artistic values. | |
| PLO19 | Yetkinlikler - Alana Özgü Yetkinlik | Being aware of the role and importance of graphic design in social life. | 4 |
| PLO20 | Yetkinlikler - Alana Özgü Yetkinlik | Showing personal and professional care in protecting the environment and defending the ethical and legal values of the profession. | |
| PLO21 | Yetkinlikler - Alana Özgü Yetkinlik | Prepares creative, original, economical, aesthetic alternative drafts for visual communication problems. | 5 |
Week Plan
| Week | Topic | Preparation | Methods |
|---|---|---|---|
| 1 | Introduction to course | Lecture, Demonstration, Brainstorming, Discussion | Öğretim Yöntemleri: Anlatım |
| 2 | Discussion of the term project | Lecture, Demonstration, Brainstorming, Discussion | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Beyin Fırtınası |
| 3 | User research | Lecture, Demonstration, Brainstorming, Discussion | Öğretim Yöntemleri: Alıştırma ve Uygulama |
| 4 | Intormation Architecture of the project | Lecture, Demonstration, Brainstorming, Discussion | Öğretim Yöntemleri: Alıştırma ve Uygulama |
| 5 | Wireframe of the project | Lecture, Demonstration, Brainstorming, Discussion | Öğretim Yöntemleri: Alıştırma ve Uygulama |
| 6 | Desktop UI Design 1 | Lecture, Demonstration, Brainstorming, Discussion | Öğretim Yöntemleri: Alıştırma ve Uygulama |
| 7 | Desktop UI Design 2 | Lecture, Demonstration, Brainstorming, Discussion | Öğretim Yöntemleri: Alıştırma ve Uygulama |
| 8 | Mid-Term Review | Presentations | Öğretim Yöntemleri: Beyin Fırtınası |
| 9 | Mobile UI Design | Lecture, Demonstration, Brainstorming, Discussion | Öğretim Yöntemleri: Alıştırma ve Uygulama |
| 10 | Continuation Mobile UI Design | Lecture, Demonstration, Brainstorming, Discussion | Öğretim Yöntemleri: Alıştırma ve Uygulama |
| 11 | Smart TV App UI Design | Lecture, Demonstration, Brainstorming, Discussion | Öğretim Yöntemleri: Alıştırma ve Uygulama |
| 12 | Continuation Smart TV App UI Design | Lecture, Demonstration, Brainstorming, Discussion | Öğretim Yöntemleri: Alıştırma ve Uygulama |
| 13 | Creating the design system and making the project ready for the software phase | Lecture, Demonstration, Brainstorming, Discussion | Öğretim Yöntemleri: Alıştırma ve Uygulama |
| 14 | Finalization of the design system | Lecture, Demonstration, Brainstorming, Discussion | Öğretim Yöntemleri: Alıştırma ve Uygulama |
| 15 | Presentation of the project | Lecture, Demonstration, Brainstorming, Discussion | Öğretim Yöntemleri: Alıştırma ve Uygulama |
| 16 | Term Exams | Presentations | Ölçme Yöntemleri: Proje / Tasarım |
| 17 | Term Exams | Presentations | Ölçme Yöntemleri: Proje / Tasarım |
Student Workload - ECTS
| Works | Number | Time (Hour) | Workload (Hour) |
|---|---|---|---|
| Course Related Works | |||
| Class Time (Exam weeks are excluded) | 14 | 3 | 42 |
| Out of Class Study (Preliminary Work, Practice) | 14 | 2 | 28 |
| Assesment Related Works | |||
| Homeworks, Projects, Others | 1 | 2 | 2 |
| Mid-term Exams (Written, Oral, etc.) | 1 | 5 | 5 |
| Final Exam | 1 | 10 | 10 |
| Total Workload (Hour) | 87 | ||
| Total Workload / 25 (h) | 3,48 | ||
| ECTS | 3 ECTS | ||