Topic:
Cooperation Partner: TBD.
Contact:
Time Period
13th of November - 21st of December 2018
Calendar | download as ical
Lecturers
Jürgen Späth | juergen.spaeth@zhdk.ch
Florian Wille | florian.wille@zhdk.ch
Recommended Software
Visual Design
Mockup, Animations & Transitions
- Principle
- (Invision Studio, Framer X, Figma, Sketch)
see a more comprehensive list of UI Prototyping tools
Designdocumentation
Week 1 (CW46) – Requirements Gathering & Design Concept
Introduction to Alfred Escher and his life.
Getting to know potential 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
Week 2 (CW47)
Reading Week
Week 3 (CW48) – 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.
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
Deliverables Week 2
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 (CW49) – 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
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 (CW50) – Application of Designlanguage & Microinteractions
Brown Bag Review
Deliverables Week 4 = Final Deliverables
Week 5 (CW51) – 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