Interaction and Interface Design II ( 261319)

Learning Outcomes

At the end of the course the student is expected to be able to:

 

  1. Apply the main concepts of graphic and UI design in the creation and development of mobile applications;
  2. Understand and apply several design and prototyping techniques in development of applications adapted to different media and contexts of use;
  3. Understand and assimilate the theory and practice of motion design and micro-interactions in order to include in mobile development;
  4. Foster creativity and be able to implement projects using prototyping and motion design tools.

Study Program

  1. Mobile Design
    • Design Mobile (UX)
      • Guidelines & Components of User Interface Design (UI)
      • Strategies and Mobile Contexts (UX)
      • Design Challenges & Opportunities (UI/UX)

 

  • UX Design Process
    • Design Workflow
    • UX Methods and Techniques - Idealization of Interfaces
    • Information Architecture (UX) & Content Strategies

 

  • Design and Prototyping of Mobile Applications

 

  1. UI Motion Design & After Effects
    • Introduction to Motion Design (Interaction vs Motion)
    • Animation & UX Principles applied to Motion Design
    • Set up files (Adobe XD or Figma or Illustrator) for Motion Design
    • Main techniques for Motion Design

 

  1. Project Development (from ideation to evaluation)

Bibliography

Head, V. (2014). Designing Interface Animation. Rosenfeld Media.

Colborne, G. (2017). Simple and usable web, mobile, and interaction design. New Riders.

Jackson, C. (2018). After effects for designers: Graphic and interactive design in motion. Routledge.

Shaw, A. (2015). Design for Motion: Fundamentals and Techniques of Motion Design. CRC Press.