Week: Week 2 | 12. – 15. May | Basic GUI 2020

Select activity Week 2

Week 2
Select activity Tuesday

Tuesday
Select activity Wireframe  Input Tuesday, 12. May 2020...

Wireframe Input

Tuesday, 12. May 2020, 09:00–10:00

Please read and watch the following PDF, Websites and video before our Input «Wireframe Screen Flow Diagram»!

App-Design_Wireframe.pdf
https://careerfoundry.com/en/blog/ux-design/what-is-a-wireframe-guide/
https://t3n.de/news/ux-flow-chart-diagramm-597122/

Task

Start with pen and paper to put the first ideas for the wireframe on paper. Please place this sketches on the Figma whiteboard, too. Once you have sketched out the concept using hand sketches, you will begin

to translate it into digital wireframes. At the end you creat a wireframe screen flow diagram. Your task is to show in that chart a more extensive physiotherapy intervention.

Wireframe hand sketch

Wireframe screen flow diagram

Q & A with Dr. Christoph Bauer #2

Post your questions to Dr. Christoph Bauer here.
They will be answered in the Q&A Session
on Tuesday, 12.05.2020 at 14:30.
Google Docs
https://docs.google.com/document/d/1C-NaWfyra2X_u6LX1DUABaIaQ7rOox42e3L-u-LM2fU/edit?usp=sharing
Zoom
https://zhdk.zoom.us/j/96447299245?pwd=aFRYVTU4STFlbjNKdDNOY1lvdzkwdz09
PW: 593432
Select activity Wednesday

Wednesday
Select activity Pitch your findingsHow can we share the knowledge ...

Pitch your findings
How can we share the knowledge you've gathered during the
discover phase? With an (elevator) pitch!
Every group will present their findings in a 5 min pitch.
Followed by a 2 min feedback round.

https://zhdk.zoom.us/j/96052205138?pwd=MDk0QVpxN1d5NVdpYjMyRXZGVkZqUT09 (PW: 418257)
10:30–10:37 | Group 6
10:40–11:47 | Group 5
10:50–10:57 | Group 4
11:00–11:07 | Group 3
11:10–11:17 | Group 2
11:20–11:27 | Group 1
Select activity Mentoring We would like to see and talk about...

Mentoring
We would like to see and talk about the following points in this mentoring:
- Ideas/approaches how to solve the interface requirement. Choose a suitable method to get closer to the solution.
- Hand sketches of wireframes

We have 15min per group (+ some minute in-between for changing zoom rooms).

11:45–12:00 | Group 3
1h lunch break
13:00–13:15 | Group 1
13:20–13:35 | Group 5
13:40–13:55 | Group 4
15 min break
14:10–14:25 | Group 2
14:30–14:45 | Group 6
Select activity Thursday

Thursday
Select activity Moodboard InputThursday, 14. May 2020, 09:00–10:00...

Moodboard Input
Thursday, 14. May 2020, 09:00–10:00
Please read the following PDF before our Input „GUI Design“
App-Design_Moodboard.pdf

Task
Creat a moodboard for you application which you are concepting in the moment.
Place your moodboard on your Figma whiteboard until Friday, 15. May 2020, 09:00

Micro Interaction and Animation Input/Inspiration
Button Design. Read Article.
https://www.mockplus.com/blog/post/tips-of-android-button-design

Here’s a tip:
Combine your buttons with other design elements, such as a progress bar,
different button states, different dynamic effects and more
https://dribbble.com/shots/7269049-Drone-Delivery-Progressing

Considers whether a human body would work instead of a car!
https://dribbble.com/shots/6908388-Tesla-mobile-app-ui-tutorial

This work is close to your topic.
https://dribbble.com/Vitwai/projects/734335-Kenko-Workout-Tracker

https://dribbble.com/shots/5137383--Mi-Smart-Home-Outside-view-1
https://dribbble.com/shots/5265102-Tap-Bar-Crypto-App
https://dribbble.com/shots/4405963-Smart-House
https://blog.usejournal.com/ideas-for-a-more-functional-apple-maps-fe395774e1f1
https://dribbble.com/shots/7520340-Mobile-app-Rent-a-boat
https://dribbble.com/shots/8520745-Split-Check-App-Overview
https://dribbble.com/shots/8154883-Pizza-order-system
https://dribbble.com/shots/7164420-Liquid-tab-bar-animation

Just nice!
https://dribbble.com/shots/5321441-3D-Transition-Exploration-for-Travel-App
Select activity Friday

Friday
Select activity MentoringWe would like to see and talk about the f...

Mentoring
We would like to see and talk about the following points in this mentoring:
- Wireframe screen flow diagram

09:00–09:25  Group 2
09:30–09:55  Group 6
10:00–10:25  Group 4

10:35–11:00  Group 1
11:05–11:30  Group 5
11:35–12:00  Group 3

Section outline

Week 2

Tuesday

Tuesday

Wireframe Input

Q & A with Dr. Christoph Bauer #2

Wednesday

Wednesday

Pitch your findings

Mentoring

Thursday

Thursday

Moodboard Input

Task

Micro Interaction and Animation Input/Inspiration

Friday

Friday

Mentoring