Interaction Design WikiMobile User Interface

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

Recommended Software

Visual Design

Mockup, Animations & Transitions

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.

Feedback after BUX App tours

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 by Trends&Identity. This is a good opportunity to look for possible collaborations or inspirations for your independent concept. The collaboration with Trends&Identity is optional, even though we strongly encourage collaborative projects. We ask you to develop three concepts and present them in the form of sketches, simple enough so someone new to the topic can understand your idea.

Input Slides – Native Apps vs. Progressive Web Apps – Download


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 UI-sketching, wireframing and testing. You will pick one of your concepts in order to refine it.

Download

Deliverables Week 4

A digitally worked out concept with sketches. 

Week 5 (CW50) – Application of Designlanguage & Microinteractions

In the fifth week, there will be an input on the topic design language before we start the phase where this gained knowledge will be applied.

Download

Deliverables Week 5 

Elaborated and tested wireframe.

Week 6 (CW51) – Design Documentation & Communication

In the last week, the application is refined and documented. On Thursday afternoon a final presentation will take place together with trends & identity.

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.

Schedule

Below you'll find the schedule of 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.

W1

Tuesday 13.11.

Wednesday 14.11.

Thursday 15.11.

Friday 16.11.


Kick-Off
09.00 - 10.00
JS, JG - 4.T06

Kick-Off IAD/T&I

10.00 - 11.30
JS, JG, BL - 4.T06

Input Alfred Escher

14.00 - 16.15
JJ - 5.K10

Introduction BUX App

16.45 - 17.15
SG - 5.K10

Discover

City Walk 
09.00 - 10.15

Feedback / Questions 

11.00 - 12.00
SG - 4.K15

Input BUXX App 

13.30 - 15.00
SG - 4.K15

Discover

Escher Walk
10.00 - 14.00
JS, BL

Workshop
15.00 - 17.00
BL - 4.T06

Discover

Academic Writing

W2

Tuesday 20.11.

Wednesday 21.11.

Thursday 22.11.

Friday 23.11.


Reading Week

Reading Week

Reading Week

Reading Week

W3

Tuesday 27.11.

Wednesday 28.11.

Thursday 29.11.

Friday 30.11.


Concept Presentation T&I
09.00 - 12.00
JS, FW, BL - 5.G03

Requirements Gathering & Design Concept

Input: Philipp Läubli

Web Apps, Apps, Mobile applications

11.00 - 12.00 

PL, JS - 4.T06

Mentoring
13.00 - 16.00
JS, FW - 4.K22-1

Requirements Gathering & Design Concept

Portfolio Review

Alumni Seminar

Academic Writing

W4

Tuesday 04.12.

Wednesday 05.12.

Thursday 06.12.

Friday 07.12.


Input: UI Sketching/Wireframing/Testing
09.00 - 10.00
JG - 4.T06

Design Concept

Presentation of design concept

13.00 - 17.00
JS, FW - 5.D02

Design Concept

Mentoring
13.00 - 17.00
JS - 4.T33

Wireframing & Testing

Academic Writing
W5Tuesday 11.12.Wednesday 12.12.Thursday 13.12.Friday 14.12.

Wireframing & Testing

Input design language
09.00 - 10.00
JS - 5.T04

Mentoring
13.00 - 17.00
JS - 4.K22-1

Wireframing & Testing

Application of Designlanguage & Microinteractions

Mentoring
13.00 - 17.00
FW - 4.K22-1

Application of Designlanguage & Microinteractions

W6Tuesday 18.12.Wednesday 19.12.Thursday 20.12.Friday 21.12.

Application of Designlanguage

Mentoring

13.00 - 17.00
JS, FW - 4.K22-1

Design Documentation and Communication

Final presentation

13.00 - 17.00
JS, FW, BL - 4.K14

Design Documentation and Communication

Design Documentation and Communication

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