TÜRKÇE
ENGLISH
Information
| Code | GRS336 |
| Name | Interactive Graphic Design |
| Term | 2024-2025 Academic Year |
| 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 |
| Label | E Elective |
| Mode of study | Yüz Yüze Öğretim |
| Catalog Information Coordinator | Öğr. Gör.Dr. MUSTAFA CAN KIZGINDEMİR |
| Course Instructor |
Öğr. Gör.Dr. MUSTAFA CAN KIZGINDEMİR
(A Group)
(Ins. in Charge)
|
Course Goal / Objective
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 | Defines and analyses the basic components of interactive content. |
| LO02 | Analyses the relationships between design thinking, user interface and user experience design. |
| LO03 | Defines and applies the principles of interactive design. |
| LO04 | Creates interactive design products by considering user experience. |
| LO05 | Apply coding knowledge in current and creative interactive projects. |
| LO06 | Explains and analyses the basic concepts of experience design. |
| LO07 | Analyses the interaction between user experience design and graphic design. |
| LO08 | Creates and applies effective information architecture by considering user experience in interactive graphic design projects. |
Relation with Program Learning Outcome
| Order | Type | Program Learning Outcomes | Level |
|---|---|---|---|
| PLO01 | Bilgi - Kuramsal, Olgusal | Defines and explains the basic elements and principles of art and design. | |
| PLO02 | Bilgi - Kuramsal, Olgusal | Analyses national and international artistic and cultural elements that may affect graphic design applications. | 4 |
| PLO03 | Bilgi - Kuramsal, Olgusal | Defines and compares mass communication media, communication methods and communication elements. | 5 |
| PLO04 | Bilgi - Kuramsal, Olgusal | Defines and applies research, information retrieval and critical thinking methods. | |
| PLO05 | Beceriler - Bilişsel, Uygulamalı | Applies the principles of colour, hierarchy, size and scale of art and design in the design process. | |
| PLO06 | Beceriler - Bilişsel, Uygulamalı | Follows technological developments in visual communication and applies them in design processes. | 5 |
| PLO07 | Beceriler - Bilişsel, Uygulamalı | Uses different materials, paints and technological tools and equipment consciously in the design process. | |
| PLO08 | Beceriler - Bilişsel, Uygulamalı | Integrates graphic design knowledge with the knowledge of different disciplines and applies it to the design process. | 4 |
| PLO09 | Yetkinlikler - Bağımsız Çalışabilme ve Sorumluluk Alabilme Yetkinliği | Takes an active role in individual and group work and fulfils its responsibilities. | |
| PLO10 | Yetkinlikler - Bağımsız Çalışabilme ve Sorumluluk Alabilme Yetkinliği | Provides consistency in written and visual communication by using grammar correctly. | |
| PLO11 | Yetkinlikler - Bağımsız Çalışabilme ve Sorumluluk Alabilme Yetkinliği | Develops and applies a planned, meticulous and disciplined working approach in the design process. | |
| PLO12 | Yetkinlikler - Öğrenme Yetkinliği | Understands, interprets and critically evaluates the texts they read. | |
| PLO13 | Yetkinlikler - Öğrenme Yetkinliği | Uses information and communication technologies effectively and consciously in learning and design processes. | 5 |
| PLO14 | Yetkinlikler - İletişim ve Sosyal Yetkinlik | Creates effective and functional designs that reach the target audience. | 5 |
| PLO15 | Yetkinlikler - İletişim ve Sosyal Yetkinlik | Uses oral, written and visual communication skills effectively. | |
| PLO16 | Yetkinlikler - İletişim ve Sosyal Yetkinlik | Establishes professional and effective communication with colleagues, employers and individuals to whom they provide services. | |
| PLO17 | Yetkinlikler - İletişim ve Sosyal Yetkinlik | Uses foreign language skills to follow the developments in the field and communicate at professional level. | 4 |
| PLO18 | Yetkinlikler - Alana Özgü Yetkinlik | Develops design approaches sensitive to social, cultural, scientific and artistic values. | |
| PLO19 | Yetkinlikler - Alana Özgü Yetkinlik | Analyses the place and effects of graphic design profession in social life. | |
| PLO20 | Yetkinlikler - Alana Özgü Yetkinlik | Defends the ethical and legal values of the graphic design profession and adopts environmentally sensitive design approaches. | |
| PLO21 | Yetkinlikler - Alana Özgü Yetkinlik | Produces creative, original, economic and aesthetic solutions 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 | Ölçme Yöntemleri: Proje / Tasarım |
| 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 | ||