{"id":1242,"date":"2021-05-20T18:41:51","date_gmt":"2021-05-20T16:41:51","guid":{"rendered":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/?p=1242"},"modified":"2021-05-20T18:43:51","modified_gmt":"2021-05-20T16:43:51","slug":"a6-p5-first-interactive-low-fidelity-prototype","status":"publish","type":"post","link":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/2021\/05\/20\/a6-p5-first-interactive-low-fidelity-prototype\/","title":{"rendered":"[A#6, P5] First interactive low-fidelity prototype"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

(1) Summarize the feedback you received regarding your storyboard.<\/h2>\n\n\n\n

Bei den Feedbacks war es besonders hilfreich, von den Kommilitonen mitgeteilt zu bekommen, dass im Storyboard die Filterfunktion fehlte. Diese m\u00fcsste noch nachtr\u00e4glich eingebaut werden. Denn – hier bezogen auf das Problem Statement und das Ziel der Persona – geht es ja um das Finden einer Route, die 30 Minuten dauert. Die Filterfunktion haben wir in den Klickdummy nicht mit umgesetzt, nur die Schaltfl\u00e4che hinzugef\u00fcgt.<\/p>\n\n\n\n

Wir haben au\u00dferdem Feedback zu unserem Problem Statement bekommen, was uns n\u00fctzliche Tipps zur weiteren Nutzung am Problem Statement gibt.<\/p>\n\n\n\n

Weiterhin haben wir den Tipp bekommen, dass man m\u00f6glicherweise noch die M\u00f6glichkeit haben sollte sich die Route per Fax zuschicken zu lassen.<\/p>\n\n\n\n

(2) Develop an interactive paper prototype.<\/h2>\n\n\n\n

Wir haben uns entschieden, uns stark an unserem Storyboard zu orientieren und alle Funktionen in den Papieprototyp einzubinden, die dort gezeigt und ben\u00f6tigt werden. Das bedeutet, dass man die im Storyboard dargestellten Funktionalit\u00e4ten auch im Klickdummy ausprobieren kann. Wir haben die Anmelde-Funktion gew\u00e4hlt und den Schnellplaner, mit dem man eine Route planen kann.<\/p>\n\n\n\n

Wir haben f\u00fcr die Umsetzung des Klickdummies das Programm Marvel benutzt, nachdem wir zuvor Adobe XD angeschaut haben und dabei keine M\u00f6glichkeit gefunden, den fertigen Prototypen sp\u00e4ter teilen zu k\u00f6nnen (ohne bezahlen zu m\u00fcssen). Figma hat uns von den ganzen Funktionalit\u00e4ten her etwas erschlagen, w\u00e4hrend Marvel uns einfacher, aber funktional passender erschien.<\/p>\n\n\n\n

Die Screens und Module f\u00fcr unseren Prototypen (Klickdummy) haben wir mit PowerPoint oder direkt mit Marvel erstellt. Einige Modulteile, wie Scrollbalken haben wir per Google Search und Screenshots hinzugef\u00fcgt. Aufgefallen ist uns, dass Marvel die Bilder stets leicht verwaschen darstellt im Bearbeitenmodus; beim Abspielen des Prototypen sind die Bilder sch\u00e4rfer.<\/p>\n\n\n\n

Die Verlinkungen der einzelnen Seiten war mit Marvel einfach und ziemlich intuitv. Allerdings fehlt uns das Feature, eine Seite auch auf sich selber verlinken zu k\u00f6nnen, was aber nicht allzu wichtig ist.<\/p>\n\n\n\n

Unser Klickdummy bildet nur den Use Case ab, angemeldet eine Route auszusuchen. Das entspricht unserem Problem Statement von letzter Woche, dem im Storyboard abgebildetem Szenario und teilweise unserem BPMN-Modell. Das BPMN-Modell wird nur teilweise von vom Klickdummy umgesetzt, da es dort m\u00f6glich ist, auch unangemeldet eine Route auszuw\u00e4hlen – was im Klickdummy nicht m\u00f6glich ist.<\/p>\n\n\n\n

Unser aktuelles Design hat schon mehr Buttons als im Prototypen klickbar sind. Da der Prototyp die Aufgabe der schnellen Routenplanung (Problem Statement) l\u00f6sen und zeigen soll, ist das im Moment ausreichend. Allerdings k\u00f6nnten die nicht klickbaren Buttons f\u00fcr einen m\u00f6glichen Tester bzw. eine m\u00f6gliche Testerin verwirrend sein. Marvel hilft hier bereits, indem m\u00f6gliche Verlinkungen bei einem Klick ins „Nichts“ gehighlighted werden.<\/p>\n\n\n\n

Es fehlt immer noch ein einheitliches Farbschema; wir haben aber Ann\u00e4herungen zur Prim\u00e4rfarbe, die wir dann auch versucht haben, m\u00f6glichst f\u00fcr die Prim\u00e4rfunktionen (Routen Planer) zu nutzen – soweit es Marvel zulie\u00df.<\/p>\n\n\n\n

Weiterhin werden noch nicht verschiedene Endger\u00e4te und deren Designs ber\u00fccksichtigt. Der Prototyp bildet nur den Desktop\/Laptop ab und keine Smartphones. Au\u00dferdem erkennt man noch nicht die Designsprache sowie die Einschr\u00e4nkungen durch die Nutzung von m\u00f6glichen Frameworks (GUI).<\/p>\n\n\n\n

Link zum Prototypen: https:\/\/marvelapp.com\/prototype\/5ah69h7<\/a><\/p>\n\n\n\n\n\n\n\n

(3) Design rationales<\/h2>\n\n\n\n
\"\"
Die Frage What platform do we develop for? haben wir hier mit dem gIBIS bewertet. <\/figcaption><\/figure>\n\n\n\n
\"\"
Die Frage Wie soll die Routenfilter-Funktion aussehen? haben wir hier mit dem gIBIS bewertet.<\/em><\/figcaption><\/figure>\n\n\n\n

Weitere Fragen-Vorschl\u00e4ge: (f\u00fcr die gIBIS)<\/p>\n\n\n\n