Zunächst Skizzierte jeder für sich einen Teil des Screen Flows. Um schneller voranzukommen, teilten wir unsere Gruppe in Zweier-Teams ein. Die eine Gruppe übernahm daher das zuvor definierte Szenario für den Teamleiter und die andere für das Teammitglied.

Teamleiter

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/7794d304-81eb-49c8-bb96-6590b96b69ae/Angewandte_Gestaltung_-_Teamleiter.jpg

Teammitglied

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5bfd91ae-67b9-494c-921d-ce1fe49129cf/Angewandte_Gestaltung_-_Teammitglied.jpg

Nachdem wir die ersten Skizzen angefertigt und analysiert haben, erstellten wir daraus erste digitale Wireframes. Das bestehende Szenario wurde anschließend inhaltlich noch einmal geschärft. Es sollte jetzt konkret darum gehen, dass der Teamleiter eines Supermarktes seinem Team eine Nachricht bezüglich geänderter Hygiene Standards senden möchte.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/756518a3-4de9-40ca-b6d3-3f84353f4bca/Angewandte_Gestaltung_-_Wireframes.jpg

Die Wireframes wurden dann mit einer höheren fidelity in Figma umgesetzt. Es entstand ein kleiner Prototyp, mit dem wir dann die Funktionalität der Prozesse testen konnten.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/89ca18f9-32ae-4835-a901-f3dda7b4e897/Bildschirmfoto_2020-05-05_um_17.29.13.png

Prototyp

Figma