====Auftrag 15: Key Screen skizzieren ====
Aus den vorliegenden Artefakte kann ein Key Screen (typischerweise der "Hauptschirm") der Anwendung skizziert werden.
 
===1. Key Screen 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 Key Screen (Handskizze) zu einer ausgewählten User Story Map.
|-
|style="border-top: thin solid; vertical-align: top;"| Vorgehen:   
| Jedes Teammitglied wählt eine der erstellten User Story Maps aus und skizziert dazu einen Key Screen.\\ Die Skizze (Handskizze) muss alle relevanten Elemente in ihrer Art (Schaltfläche, Label, Textfel usw.) wiedergeben. Zudem sind Gestaltungsaspekte - wie in Unit 1 vermittelt - zu beachten.
|-
|style="border-top: thin solid; vertical-align: top;"| Dauer:      
| 30 Minuten (je nach Komplexität braucht es evtl. mehr (Hausaufgaben-) Zeit.)
|-
|style="border-top: thin solid; vertical-align: top;"| Artefakte:  
| Ein PDF-Dokument mit dem Key Screen, das in Moodle abgegeben wird.
|-
|style="border-top: thin solid;"|
|}
\\

===2. Digitalisierter Key Screen===
{|style = "table-layout: fixed; width: 100%;"
|- 
|style = "width: 100px; border-top: thin solid;"| Sozialform:
|style = "width: 100%"   | Einzelarbeit (Hausaufgabe)
|-
|style="border-top: thin solid; "| Ergebnis:   
| digitalisierter Key Screen aus Aufgbe 1.
|-
|style="border-top: thin solid; vertical-align: top;"| Vorgehen:   
| Überarbeiten Sie die Handskizze aus Aufgabe 1 mit einem Tool wie Visio, Balsamiq usw. (vergl. dazu die Theorie).\\
Wählen Sie aus den verfügbaren Bibliotheken jeweils die sinngemäss richtige Darstellung der Elemente aus.\\
Das Ergebnis darf sich nicht allzu stark von der Handskizze aus Aufgabe 1. absetzen.
|-
|style="border-top: thin solid; vertical-align: top;"| Dauer:      
| 30-45 Minuten
|-
|style="border-top: thin solid; vertical-align: top;"| Artefakte:  
| Ein PDF-Dokument mit dem Key Screen, das in Moodle abgegeben wird.
|-
|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