Mobile User Interface 2018

200 years – Alfred Escher and Gottfried Keller "traces of the future"

Alfred Escher and Gottfried Keller are not only linked by the common year 1819. They have both left significant traces in history – one politically, economically, socially, the other culturally. These traces are not only clearly recognizable in retrospect, but extend beyond the present day and call for a confrontation with the future.
spurenderzukunft.ch

Under the slogan "traces of the future", we will reflect the work of Alfred Escher and place it in a current context. The work is based on the existing BUX app. The application was developed to explore the city with literature.

bux-app.ch

Time Period

13th of November - 21st of December 2018
Calendar | download as ical

Lecturers

Jürgen Späth | juergen.spaeth@zhdk.ch
Florian Wille | florian.wille@zhdk.ch

Material

• Foundation Alfred Escher
• wikipedia.org
• Die Schweizer: Alfred Escher und Stefano Franscini
• Materialen Escher.pdf
• Themen Escher.pdf

Recommended Software

Visual Design

• Sketch
• Figma
• Invision Studio
• Framer X

Mockup, Animations & Transitions

• Principle
• (Invision Studio, Framer X, Figma, Sketch)

see a more comprehensive list of UI Prototyping tools

Week 1 (CW46) – Requirements Gathering & Design Concept

Introduction to Alfred Escher and his life. This introduction will be made through different events. On the first day there are two kick-off events. The first will be held internally by IAD and the second will be together with trends & identity. In the afternoon, Escher biographer Prof. Joseph Jung giving a lecture on Alfred Escher. Then there is a short introduction to the BUXX app. On the second day, an individual city walk with the BUXX app will take place followed by an introductory event. On the third and last day of the first week, there is a tour of important places by Alfred Escher. In the afternoon, an exchange with trends & identity students takes place in groups. 

The first week is fully focused on getting more involved in the topic and gathering requirements.

Deliverables Week 1

To have some fantastic ideas for an implementation in mind.

Week 2 (CW47) – Reading Week

Please do not read anything about Alfred Escher!

Week 3 (CW48) – Requirements Gathering & Design Concept

The third week starts with a concept presentation at trend & identity. The third week starts with a concept presentation at trend & identity. A good opportunity to possibly pick up concepts and collaborate on or develop them further. This is not a must, it is just a possibility. The other possibility is to develop an independent concept. The task is to develop three concepts and present them with sketches. The sketches should be formulated so that they are understandable to an outsider. 

Deliverables Week 3

Three Concepts in the form of sketches

Week 4 (CW49) – Design Concept and Wireframe & Testing

The fourth week starts with an input event on the theme of sketching, wire framing and testing. One of the three concepts is revised and worked out. 

Deliverables Week 4

A digitally worked out concept with sketches. 

Week 5 (CW50) – Application of Designlanguage & Microinteractions

Deliverables Week 5 

Week 6 (CW51) – Design Documentation & Communication

Final deliverables

Complete your high-fidelity prototype to reflect your complete user journey. Document your design decisions in the styleguide and prepare a project presentation.

• Design documentation / Style guide (PDF)
• Final presentation (Keynote)
• Mockup & screencast of interaction with mockup
  
  

Schedule

Below is a list of appointments in this module. For the bold appointments, we'll all meet together, while the underlined appointments are 
individual meetings. The brightly marked fields represent the focus of these days.

JS: Jürgen Späth, FW: Florian Wille, BL: Barbara Liebster, JJ: Prof. Joseph Jung, SG: Stephanie Grubenmann