Mobile User Interface 2019

MORI Building DIGITAL ART MUSEUM: teamLab Borderless

Enrich the Experience – Navigation App for Digital Art Zurich

In spring 2020, the Digital Art Zurich is happening for the first time. In Zurich West, exhibitions, talks and parties will be taking place in galleries and museums as well as in clubs and public spaces. Visitors can enjoy the work of world-renowned artists and upcoming stars from the scene.

The mobile app you will be designing should provide visitors with information about the works and artists, guide them to the locations and let them participate in voting for the audience award. Besides the design guidelines from DA Z, there are no limitations to what you can do. Please depart from tradition, explore the possibilities of a mobile phone with all its features and sensors and show how to make a great navigation experience through a festival for digital art today.

Time Period

17th of September – 18th of October 2019
Calendar | download as ical

Lecturers

Jürgen Späth | juergen.spaeth@zhdk.ch
Martin Dušek | martin.dusek@zhdk.ch

Students

01 Claudia Buck, 02 Randy Chen, 03 Jennifer Duarte, 04 Fiona Good, 05 Andrin Gorgi, 06 Marcial Koch, 07 Jérôme Krüsi, 08 Stefan Lustenberger, 09 Ismael Möri, 10 Shaën Anouk Reinhart, 11 Dominik Szakacs, 12 Ju Young Yi

Groups

The students have 

Material

• DA Z presentation (PDF)
• DA Z design guide (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 (CW38) – Explore, Requirements Gathering & Design Concept

The explore phase is our hard drive for all relevant information about our users and their needs as well as the general context in which our application is embedded. In the first week we already start with the design concept. 

Trends & Technology, Competitor, Facts, User, Needs, Insights etc.

Deliverables Week 1

Find a way out of your computer to document all your findings. 

Week 2 (CW39) – Design Concept, Wireframing

In the second week, we work exclusively and highly concentrated on our design concepts. Part of the design concept is the visual language for the application. 

Deliverables Week 2

One complete design concept. 

Week 3 (CW40) – Design Concept, Wireframe & Testing

At the beginning of the third week we refine the concept and start with wireframing the concept. At the end of the week you have to do some user testings with a prototype. 

Mid-Presentation expectations: Design Concept, Screens to show the visual language of the application.

Deliverables Week 3

Findings out of user tests with a wireframe prototype.

Week 4 (CW41) – Application of Designlanguage & Microinteractions

In the fourth week you define and create the designlanguage and the microinteractions. 

Input Exchange Design/Programming

Alain Groeneweg, Marco Huber both from dreipol

- Allgemeines zur Zusammenarbeit/Prozess
- Akzeptanzkriterien/Spezifikation
- Styleguide/UI-Elemente
- Shared Components
- Grid
- Animations
- Plattform spezifische Eigenheiten
- Review-Prozesse
…

Deliverables Week 4 

Working prototype which shows the most relevant screens and the microinteractions.

Week 5 (CW42) – Design Documentation & Communication

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

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 the mockup
• Text file including the project title, a short description, and a project description (in a file to be labeled “Texts”)
• Approx. 10 representative images of the project (to be stored in a file labeled “Images”)

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.

JS: Jürgen Späth, MD: Martin Dušek, HPR: Hans Peter Riegel, FW: Florian Wille