MOBILE UI MODULE 2017 | RESOURCES

Topic: Vote on Art

Exhibition:
„Gefeiert und verspottet. Französische Malerei 1820-1880“
10. November 2017 – 28. Januar 2018

Cooperation Partner: Kunsthaus Zürich (www.kunsthaus.ch)

Kontakt:

• Dr. Sandra Gianfreda (Kuratorin)
• Esther Braun (Ausstellungsorganisation)
• Carin Cornioley (Mitglieder und Besucherservice)

Time Period

18th of September - 18th of October
Calendar | download as ical

Lecturers

Florian Wille
Daniel Demel
Philipp Lehman

Recommended Software

Visual Design

• Sketch
• Adobe Illustrator
  
  

Mockup, Animations & Transitions

• Principle
• Craft (by invision)
• Framer
• Frontify
  
  

Designdocumentation

• Frontify
• Zeplin

Week 1 (CW38) – Requirements Gathering & Design Concept

Introduction of the topic through our collaboration partner in a project kickoff meeting.
Getting to know the users, deepen the understanding of topic and gather requirements.
Form a concept present it in a short written UI concept and concept sketches. 

Deliverables Week 1 (25.09.2017 / 17:00)

• Written UI concept & concept sketches / user journey
• Prioritized feature list in the form of user stories

Week 2 (CW39) – Wireframing & Testing 

The second week to turn your written UI concept into wireframes. These are the basis for a low-fi click dummy you use to test you application with potential users.

Deliverables Week 2 (2.10.2017 / 17:00)

• Low-fi click dummy
• Evaluation report documenting the findings of your user tests 

Week 3 (CW40) – Development of Design Language & Microinteractions

Having ensured that the rough UI of your app is understandable to users, you turn to design the look&feel of your application.
You use two key views to design two (or more) design proposals. In coordination with your mentor (latest 10.10.2017 / 17:00) you decide on one design proposal to be implemented.
Use quick prototyping tools (like principle, framer, craft, …) to demonstrate your keyfeatures and microinteractions.

Deliverables Week 3 (10.10.2017 / 17:00)

• Two proposals for a look and feel demonstrated on two key views
• Mockup demonstrating key features and microinteractions

Week 4 (CW41) – Application of Designlanguage & Microinteractions

Brown Bag Review

Deliverables Week 4 = Final Deliverables (18.10.2017)

Week 5 (CW42) – Design Documentation & Communication

Meetings

• 18.10, 13:00-17:00 Final Presentation

Final deliverables

• Written UI concept (pdf)
• Specification (pdf)
• Design documentation / Style guide (pdf)
• Mockup (html)
• Evaluation report documenting the findings of your user tests (pdf)