====Auftrag 16: Wireflow erstellen====
Zu dem in Auftrag 15, Aufgabe 1 erstellten Key Screen wird ein Wireflow erstellt.

===1. Wireflow erstellen ===
{|style = "table-layout: fixed; width: 100%;"
|- 
|style = "width: 100px; border-top: thin solid;"| Sozialform:
|style = "width: 100%"   | Einzelarbeit 
|-
|style="border-top: thin solid; "| Ergebnis:   
| Ein Wireflow zu der in Aufgabe 1. ausgewählten User Story Map. 
|-
|style="border-top: thin solid; vertical-align: top;"| Vorgehen:   
| Skizzieren Sie zuerst eine vereinfachte Sicht Ihres Key Screens aus Auftrag 15. Vergleichen Sie dazu in der Theorie die Abbildung 6-12.\\
Zeigen Sie die typischen Durchläufe und beteiligten Screens auf. Aus der Graphik muss klar hervorgehen, welches Element zu welcher Aktion führt und was als Ergbebnis (z.B. Dialogfenster usw.) resultiert.
|-
|style="border-top: thin solid; vertical-align: top;"| Dauer:      
| 45 Minuten (je nach Komplexität braucht es evtl. mehr (Hausaufgaben-) Zeit.)
|-
|style="border-top: thin solid; vertical-align: top;"| Artefakte:  
| Wireflow mit Wireframe Library in Miro.
|-
|style="border-top: thin solid;"|
|}
\\


===2. Wireflows diskutieren ===
{|style = "table-layout: fixed; width: 100%;"
|- 
|style = "width: 100px; border-top: thin solid;"| Sozialform:
|style = "width: 100%"   | Gruppenarbeit  
|-
|style="border-top: thin solid; "| Ergebnis:   
| Je ein ausgewähltes Artefakt aus den Aufgaben 1. und 2. 
|-
|style="border-top: thin solid; vertical-align: top;"| Vorgehen:   
| Stellen Sie sich in Ihrem Team gegenseitig die erstellten Wireflows vor.\\
Stellen Sie kritische Fragen an den Autor und diskutieren Sie unterschiedliche Lösungsvarianten.\\
Definieren Sie welche Lösungsvarianten Sie für den Prototyp in Figma verwenden möchten.
|-
|style="border-top: thin solid; vertical-align: top;"| Dauer:      
| 20 Minuten
|-
|style="border-top: thin solid; vertical-align: top;"| Artefakte:  
| Key Screens als Wireflow in Miro hinterlegt.
|-
|style="border-top: thin solid;"|
|}
\\

----
[[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] (c) René Probst