Web Design II (261284)

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 (learned in previous courses), 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
1.1.    Design Mobile (UX)
1.1.1.    Guidelines & Components of User Interface Design (UI)
1.1.2.    Strategies and Mobile Contexts (UX)
1.1.3.    Design Challenges & Opportunities (UI/UX)
1.2.    UX Design Process
1.2.1.    Design Workflow
1.2.2.    Information Architecture (UX) & Content Strategies
1.3.    Design and Prototyping of Mobile Applications

2.    UI Motion Design & After Effects
2.1.    Introduction to Motion Design (Interaction vs Motion)
2.2.    Animation & UX Principles applied to Motion Design
2.3.    Set Up files (Adobe XD, Figma or Illustrator) for Motion Design
2.4.    Introduction to After Effects and main techniques (for Motion Design)
2.5.    After Effects and Mobile Development

3.    Project Development (from ideation to evaluation)



Colborne, G. (2017). Simple and usable web, mobile, and interaction design. New Riders.
Head, V. (2014). Designing Interface Animation. Rosenfeld Media.
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.