MOBILE UI MODULE 2017 | RESOURCES
...
Recommended Software
Visual Design
- Sketch
- Adobe Illustrator
Mockup, Animations & Transitions
...
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
MeetingsThe 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 clickdummyclick dummy
- Evaluation report documenting the findings of your user tests
Week 3 (CW40) – Development of
...
Meetings
...
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
...