https:\/\/userpage.fu-berlin.de\/tobias80\/prototyp\/<\/a><\/p>\n\n\n\nQuestions<\/h3>\n\n\n\nWhat menu type did you choose and why?<\/h4>\n\n\n\n
Wir haben uns f\u00fcr ein Grid-Men\u00fc entschieden, da wir ein \u201caufger\u00e4umtes\u201d und \u201c\u00fcbersichtliches\u201d Interface schaffen wollten, welches sowohl als Desktop-Anwendung, als auch auf gr\u00f6\u00dferen Tablets noch ausreichend gut funktioniert. Durch gro\u00dfe Symbole m\u00f6chten wir schaffen, dass die Nutzer*innen nach kurzer \u201cLernphase\u201d die Anwendung benutzen k\u00f6nnen ohne die Schrift auf den Buttons lesen zu m\u00fcssen. Dar\u00fcber hinaus sind vielen Nutzern die \u201cKacheln\u201d als Men\u00fcstruktur z.B. von Windows-Betriebssystemen bekannt.<\/p>\n\n\n\n
Which UI controls are appropriate for your application and why?<\/h4>\n\n\n\n
Als UI-Controls kommen nur Maus und Tastatur, beziehungsweise die Umsetzung dieser durch einen Touchscreen in Frage. Alle Funktionen, die eine Maus kann auch \u00fcber einen Touchscreen umgesetzt werden k\u00f6nnen, aber nicht anders herum, wird sich f\u00fcr die Analyse auf Maus und Tastatur beschr\u00e4nkt.<\/p>\n\n\n\n
Which design patterns are suitable for your application and which ones have you implemented or used? Why?<\/h4>\n\n\n\n
F\u00fcr unsere Anwendung w\u00e4re beispielsweise ein Design Pattern f\u00fcr die Suche nach Schemata verwendbar. Aktuell ist dort ein Input-Feld als Platzhalter angelegt. Im weiteren Verlauf wird dies entweder inspiriert durch Design Patterns abge\u00e4ndert oder komplett durch eines ersetzt. Ansonsten haben wir bisher keines Umgesetzt und bis auf die Suchfunktion wird wahrscheinlich nichts durch solche ersetzt.<\/p>\n\n\n\n\n\n\n\n
Reflexion<\/h3>\n\n\n\nWho made what contribution?<\/h4>\n\n\n\n
Wir haben alle zusammen besprochen, welches Tool wir benutzen wollen. Tobias hat dann unseren Low-Fidelity Prototype in HTML, CSS und JavaScript umgesetzt, da er damit beruflich schon erfahrung hat. Anil und Ich haben uns \u00fcber Farbschemata unterhalten und den Blogpost zusammen erstellt.<\/p>\n\n\n\n
What did you learn?<\/h4>\n\n\n\n
Ein geeignetes Farbschema zu finden ist sehr schwer und Zeitaufw\u00e4ndig. Mit HTML, CSS und JavaScript kann man einen Prototypen sehr vielseitig und dynamisch umsetzen. Dar\u00fcber hinaus bietet die Verwendung gegen\u00fcber z.B. Figma die M\u00f6glichkeit, z.B. den Hintergrund aller Bildschirme zu \u00e4ndern, ohne jeden einzeln anpassen zu m\u00fcssen.<\/p>\n\n\n\n
What went well?<\/h4>\n\n\n\n
Wir haben gut als Gruppe zusammen die einzelnen Teile besprochen und das Teilen des Codes f\u00fcr den Prototypen \u00fcber GitLab funktioniert sehr gut.<\/p>\n\n\n\n
What would you like to improve?<\/h4>\n\n\n\n
Wir sind uns noch nicht \u00fcber das Farbschema sicher, da sich noch vieles \u00c4ndern wird. Daher ist auch in unserer Timeline noch eine weitere Deadline f\u00fcr das Farbschema angelegt.<\/p>\n","protected":false},"excerpt":{"rendered":"
What framework or tools are you going to use? Why? Wir benutzen HTML, CSS und JavaScript, da wir unseren Prototypen einfach \u00e4ndern wollen. Da wir zur geleiteten Erstellung von Schemata vielfach den \u201cselben\u201d Bildschirm nutzen und sich lediglich die Fragen \u00e4ndern, w\u00e4re es ein sehr gro\u00dfer Aufwand gewesen, dies mit g\u00e4ngigen Prototyping-Tools umzusetzen. HTML, CSS … \u201e[A#7, P4] Starting High Fidelity Prototyping (First Iteration)\u201c<\/span> weiterlesen<\/a><\/p>\n","protected":false},"author":6157,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"categories":[411358,384908,395897,401222],"tags":[],"class_list":["post-1595","post","type-post","status-publish","format-standard","hentry","category-juurmates-projekt-4","category-blogbeitraege","category-week-7","category-assignment-7"],"_links":{"self":[{"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/posts\/1595","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/users\/6157"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/comments?post=1595"}],"version-history":[{"count":4,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/posts\/1595\/revisions"}],"predecessor-version":[{"id":1599,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/posts\/1595\/revisions\/1599"}],"wp:attachment":[{"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/media?parent=1595"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/categories?post=1595"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/tags?post=1595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}