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