MOBILE UI MODULE 2017 | RESOURCES

Topic: tbd.

Cooperation Partner: tbd.

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. 

Deliverables Week 1 (25.09.2017 / 17:00)

• Written UI concept
• Prioritized feature list in the form of user stories describing a minimal viable product (MVP)

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

Meetings

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)