Mobile User Interface 2017

Owned by Florian Wille
Last updated: Oct 11, 2017

MOBILE UI MODULE 2017 | RESSOURCES | FAQ KUNSTHAUS

Topic: Guides in Art Museums & Vote on Art

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

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

Kontakt:

Time Period

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

Lecturers

Florian Wille | florian.wille@zhdk.ch
Daniel Demel | demel.daniel@gmail.com
Philipp Lehman | philipp.lehmann@obvious.ch

Recommended Software

Visual Design

Mockup, Animations & Transitions

see a more comprehensive list of UI Prototyping tools

Designdocumentation

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)

Present your concept ideas in a short essay (approx. 1000 characters). Describe how you plan to implement the project briefing, define your personal project goal and document your initial thoughts on the process flow with wireframes, describing the user journeys and highlighting the key features. Attach your findings to your Frontify 'Concept' page.

  • 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)

Create a low-fi prototype from your formulated questions for a formative usability evaluation and do a guerrilla usability testing with at least 3 candidates. Upload a screencapture of the prototype, the scenarios and findings of your testing to your Frontify 'Prototype & Testing' section.

  • 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)

Create two proposals for a look and feel demonstrated on key views of your project. Create a mockup demonstrating the key features and micro-interactions. Upload your material to your Frontify styleguide.

  • 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

Complete your high-fidelity prototype to reflect your complete user journey. Document your design decisions in the styleguide and prepare a project presentation and of course make it accessible on Frontify.

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