INTERACTIVE ART AND DESIGN
- Course
- VICD407 - INTERACTIVE ART AND DESIGN
- Department
- Visual Communication Design - English - Undergraduate
- Course Type
- Course
- Status
- Required
- Language
- English
- Credit
- 3
- ECTS
- 3
- T+P+L
- 3 + 0 + 0
- Course Coordinator(s)
- -
- Prerequisite
- -
- Keywords
Course Description
Building upon the concepts learned in Visual perception and Design, this course presents a new challenge to the student: to use art and design methodologies for the creation of virtual worlds, interactivities and environments. Within this scope this course introduces and expands the concepts, aesthetics, and techniques and the impact of technology and new media critical to the exploration and authoring of interactive art and design works. The conceptual framework of the course includes an understanding of the psychological and cultural/social contexts of interactive media access, media ecologies, content composition, sensing of physical environments, spatial narrativity and venue development.
INTERACTIVE ART AND DESIGN
Evaluation Tools (Active Term)
No evaluation items have been defined.
Course outcomes
- 01 To interpret basic concepts related to interactive design
- 02 To analyze the psychology and cultural/social contexts of interactive media access
- 03 To be able to describe the concept behind sensing of physical environments
- 04 To be able to explain and describe spatial narrativity and venue development
- 05 The students be able to explain and demonstrate authoring of interactive art and design worksltimedia tools rather than a hands--on practice
Course Syllabus
| Week | Topic |
|---|---|
| Week 1 | Introduction to course |
| Week 2 | Historical evolution of interactive arts Key concepts and terminology |
| Week 3 | Design Principles - Principles of interaction design, User-centered design Usability and accessibility |
| Week 4 | AI In Interactive Art & Design |
| Week 5 | Interaction Models - Cognitive psychology and interaction |
| Week 6 | Interaction Models -Affordances and signifiers Feedback and conceptual models |
| Week 7 | Mid-Term Week |
| Week 8 | Mid-Term Week |
| Week 9 | User Experience (UX) - Understanding user behavior |
| Week 10 | User Experience (UX) - Information architecture Wireframing and prototyping |
| Week 11 | Theoretical Frameworks - Semiotics and interaction Gestalt principles |
| Week 12 | Theoretical Frameworks - Behaviorism vs. cognitivism |
| Week 13 | Ethical and Cultural Considerations -Ethics in interactive design |
| Week 14 | Revision |
| Week 15 | Final Week |
Reference Books & Course Materials
- 01 Lin, R., Lin, P. H., Shiao, W. S., & Lin, S. H. (2009, July). Cultural aspect of interaction design beyond human-computer interaction. In International Conference on Internationalization, Design and Global Development (pp. 49-58). Springer, Berlin, Heidelberg.
Learning Outcomes
- L01 Apply principles of interactive design, including usability, accessibility, consistency, feedback, and intuitive user experiences, to create visually appealing and engaging digital interfaces. SOLO 4
- L02 Design responsive interfaces that seamlessly adapt to different screen sizes and devices, ensuring an optimal user experience across platforms. SOLO 5
- L03 Combine various interaction design patterns and apply them effectively to their projects, enhancing the usability and familiarity of their interactive designs SOLO 3
- L04 Imitate a comprehensive interactive art and design project from concept to execution using Adobe XD, demonstrating their ability to incorporate all the learned principles and skills into a different concept design. SOLO 2
Program Outcomes
- P01 The student chooses the design principles and can match the application
- P02 Students will be able to define national and international values in art and design
- P03 Students will be able to define abstract and concrete design concepts and express them in composition
- P04 The student can adjust the time correctly to complete his / her graphic application
- P05 The student matches the relationship between image and meaning
- P06 Students can express what they see by drawing
- P07 Identifies the traces, aligns, and calculates the hierarchy of typographic elements
- P08 Defines and lists art and design materials
- P09 Expresses an idea, concept or phenomenon visually in a creative way
- P10 Solves the design problems encountered in the process
- P11 Symbolizes concepts, situations, and objects in the visual context
- P12 Develops design projects by recalling basic graphic design principles
- P13 Applies technology effectively in the design process
- P14 Can think critically and question theoretical gains in the context
- P15 Relate the past, present, and future of design
- P16 Can perform original works related to the field and evaluate the results
- P17 Designs and produces different visual areas such as multimedia, advertising graphics, animation, new media, printmaking, and photography
- P18 Improves communication skills for teamwork
- P19 Can effectively discuss, criticize and form theory about the field
- P20 Student can organize paragraphs, single-column, multi-column and modular grids in book and magazine designs
- P21 Can plan collaborations with colleagues in interdisciplinary and multidisciplinary environments
- P22 Can associate written texts with visual images
- P23 Can observe and compare in the context of art criticism methods
- P24 Can apply legal regulations and procedures in the field
- P25 Be able to associate written texts with visual images
Po-Lo Matrix
| LO | P01 | P02 | P03 | P04 | P05 | P06 | P07 | P08 | P09 | P10 | P11 | P12 | P13 | P14 | P15 | P16 | P17 | P18 | P19 | P20 | P21 | P22 | P23 | P24 | P25 | Average |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| L01 | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - |
| L02 | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - |
| L03 | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - |
| L04 | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - | - |