INTERACTIVE DESIGN
- Course
- GRDE303 - INTERACTIVE DESIGN
- Department
- Graphic Design - English - Undergraduate
- Course Type
- Course
- Status
- Required
- Language
- English
- Credit
- 3
- ECTS
- 4
- T+P+L
- 2 + 2 + 0
- Course Coordinator(s)
- Prof. Dr. Vüsal BAĞIROV
- Prerequisite
- -
Course Description
Interactive Design blends theoretical and practical perspectives in the areas of visualization and interactivity into several focused projects using interactivity for education, entertainment, and industrial purposes. The hands-on and guided practice centers on software and other design interfaces with which the system defines and/or responds to the users’ behavior. However the purpose of this course is to introduce interactive design techniques to enable the student to use their design and software knowledge as a basis specifically learning how to design an online interaction design like an interactive magazine, book, website, and application is the main area of progress and objective.
INTERACTIVE DESIGN
Evaluation Tools (Active Term)
| Item | Type | Weight (%) |
|---|---|---|
| Midterm Project | Midterm | 30 |
| Final Project | Final | 40 |
| Project 1 | Project | 15 |
| Project 2 | Project | 15 |
| Total | 100 | |
Course outcomes
- 01 Designs concepts (3) and studies them (5)
- 02 Designing original logo designs (5) and visualizing ideas with Indesign and Photoshop (5)
- 03 Decides (2) which color graphic elements can be used and designed (5)
- 04 Define the Concept (2) and describe the relationship between text and visual elements. (3)
- 05 Designing (5) and developing (4) student's artistic perspectives
Course Syllabus
| Week | Topic |
|---|---|
| Week 1 | Introduction, general description of interactive design |
| Week 2 | Introduction to Interactive Graphic Design: What is interactive design? Historical context and evolution. Principles: usability, engagement, and interactivity. Case studies (websites, apps, installations). |
| Week 3 | Fundamentals of User-Centered Design: UX vs. UI explained. Understanding target audiences & personas. Wireframing basics. |
| Week 4 | Visual Design Principles in Interactivity: Typography, color, and layout for screens. Accessibility & inclusivity in design. Responsive/adaptive design principles. Exercise: Reworking a static poster into an interactive layout. |
| Week 5 | Tools for Interactive Graphic Design: Software: Figma, Adobe XD, After Effects, Blender (for motion). Introduction to prototyping tools. Workshop: Building clickable prototypes. |
| Week 6 | Motion & Time-Based Design: ole of motion in interactivity. Micro-interactions & animations. Exercise: Creating animated buttons or transitions. |
| Week 7 | Interactive Media & Storytelling: Narrative design in interactive experiences. Storyboarding interactive flows. Workshop: Designing an interactive infographic. |
| Week 8 | MIDTERM |
| Week 9 | MIDTERM |
| Week 10 | Web & Mobile Interfaces: Designing for different devices. Mobile-first vs. desktop-first strategies. |
| Week 11 | Web & Mobile Interfaces: Usability testing methods. Workshop: Redesign an app screen with improved UX. |
| Week 12 | Experimental & Emerging Technologies: AR/VR in interactive design. AI-driven interactivity. Interactive installations & multimedia. Discussion: Future of interactive graphic design. |
| Week 13 | Project Development I: Project proposal & wireframes. |
| Week 14 | Project Development II: Prototyping, design testing, and refinement. |
| Week 15 | FINAL |
Reference Books & Course Materials
- 01 Adobe After Effects 2020, Adobe After Effects CC Basics and Advanced motion graphics by Meyers, 2020
- 02 Designing in Figma, Federenko, 2020
- 03 Motion Graphic, Principles and Practices by Crook & Beare, Bloomsbury, 2016
- 04 Figma for UI/UX, Aditi Sharma, Orange Education, 2025
Learning Outcomes
- L01 Expresses(2) an idea, concept or phenomenon visually in a creative way SOLO 2
- L02 Students will be able to decide(2) and analyze(4) which color graphic elements can be used SOLO 3
- L03 Applies(3) technology effectively in the design process SOLO 3
- L04 Symbolizes(3) concepts, situations, and objects in the visual context SOLO 3
- L05 Students will be able to use(3) and produces(5) different visual areas such as multimedia, advertising graphics, animation, new media, printmaking, and photography SOLO 4
Program Outcomes
- P01 Integrate knowledge of interior architecture principles, spatial organization, and visual perception to develop user-centered, functional, aesthetically enriching, and innovative spatial solutions.
- P02 Analyze and evaluate the relationships among user needs, functional constraints, ergonomics, accessibility, and universal design principles to develop interior architecture solutions across different design scales and contexts.
- P03 Research, analyze, and relate historical, cultural, and theoretical knowledge to justify design decisions that respect local values while responding to global cultural diversity.
- P04 Communicate design ideas effectively by integrating visual communication tools, manual and digital representation techniques, and appropriate digital technologies, including artificial intelligence-assisted visualization methods, where appropriate.
- P05 Evaluate and synthesize appropriate materials, color schemes, lighting, and furniture systems using up-to-date technologies and aesthetic principles to shape experiential atmospheres.
- P06 Integrate environmental responsibility, occupant health, and ethical principles to develop sustainable, safe, and healthy interior architecture solutions and justify design decisions.
- P07 Collaborate and coordinate with professionals from architecture, landscape architecture, engineering, and related disciplines by integrating multidisciplinary knowledge to develop comprehensive spatial solutions.
- P08 Critically evaluate research, contemporary approaches, and artificial intelligence-assisted design and research methods to generate innovative knowledge and design solutions while sustaining lifelong learning and professional development.
- P09 Justify professional decisions by integrating ethical principles, cultural, societal, and aesthetic responsibilities with the responsible, legal, and ethical use of digital technologies, including artificial intelligence.
- P10 Plan, manage, and evaluate interior architecture projects by integrating technical systems, user-centered design methods, regulatory requirements, and contemporary digital project management and design technologies.
- P11 Evaluate and reinterpret existing and historic interiors by integrating conservation principles, adaptive reuse strategies, and digital documentation techniques to support cultural continuity and sustainable heritage conservation.
- P12 Integrate inclusive and socially responsible design approaches with entrepreneurship, lifelong learning, professional collaboration, and adaptation to technological transformation to contribute to the sustainable advancement of the profession and society.
Po-Lo Matrix
| LO | P01 | P02 | P03 | P04 | P05 | P06 | P07 | P08 | P09 | P10 | P11 | P12 | Average |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| L01 | - | - | - | - | - | - | - | - | - | - | - | - | - |
| L02 | - | - | - | - | - | - | - | - | - | - | - | - | - |
| L03 | - | - | - | - | - | - | - | - | - | - | - | - | - |
| L04 | - | - | - | - | - | - | - | - | - | - | - | - | - |
| L05 | - | - | - | - | - | - | - | - | - | - | - | - | - |