zeitgemäßes prototyping - design ist nicht bunt machen
TRANSCRIPT
![Page 1: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/1.jpg)
Design ist nicht bunt machen
Zeitgemäßes Prototyping
![Page 2: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/2.jpg)
Marcel Zimmermann Leiter Beratung & Konzeption
Wer?
www.cybay.de !
@dicomar @cybaynewmedia
![Page 3: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/3.jpg)
Was ist ein Prototyp?(es zeigt) "die Darstellung [...] des
Systems, welche [...] für eine Beurteilung
verwendet werden kann."
![Page 4: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/4.jpg)
Was ist ein Prototyp?(es zeigt) "die Darstellung [...] des
Systems, welche [...] für eine Beurteilung
verwendet werden kann."
okaaay.. wie machen wir das?
![Page 5: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/5.jpg)
Was ist ein Prototyp?(es zeigt) "die Darstellung [...] des
Systems, welche [...] für eine Beurteilung
verwendet werden kann."
okaaay.. wie machen wir das?
…und das?
![Page 6: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/6.jpg)
![Page 7: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/7.jpg)
![Page 8: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/8.jpg)
![Page 9: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/9.jpg)
Wer muss zuerst ran?
![Page 10: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/10.jpg)
Wer muss zuerst ran?
Wer darf?!?!?!?
![Page 11: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/11.jpg)
![Page 12: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/12.jpg)
![Page 13: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/13.jpg)
Kompetenz
![Page 14: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/14.jpg)
Kompetenz
Rolle
![Page 15: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/15.jpg)
Workflow
Kompetenz
Rolle
![Page 16: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/16.jpg)
![Page 17: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/17.jpg)
Wollen wir das?
![Page 18: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/18.jpg)
![Page 19: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/19.jpg)
Mein Tanzbereich?
![Page 20: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/20.jpg)
![Page 21: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/21.jpg)
Verstehen wir das?
![Page 22: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/22.jpg)
![Page 23: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/23.jpg)
Macht uns das Spaß?
![Page 24: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/24.jpg)
Lösungs-strategien
![Page 25: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/25.jpg)
Analyse Wireflow Wireframe Final Design
Konzeption Design
![Page 26: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/26.jpg)
Analyse Wireflow Wireframe Final Design
gehen wir hier in den Test?
Konzeption Design
![Page 27: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/27.jpg)
Analyse Wireflow Wireframe Final Design
gehen wir hier in den Test?
Konzeption Design
/
![Page 28: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/28.jpg)
Zwei Beispiele
![Page 29: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/29.jpg)
Variante 2
![Page 30: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/30.jpg)
Variante 1
![Page 31: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/31.jpg)
![Page 32: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/32.jpg)
![Page 33: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/33.jpg)
![Page 34: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/34.jpg)
![Page 35: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/35.jpg)
Erkenntnisse
![Page 36: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/36.jpg)
Was wir brauchenOffenheit statt Silo-Denke
Relativität zur eigenen Rolle
Teamwork statt Tanzbereiche
Design und Konzeptions-Aufgaben sind Verhandlungssache
Praxiswissen in der Anwendung von Gestaltgesetzen
Der Inhalt entscheidet über die Wahrnehmung
Testen mit visuellem Reifegrad spart Iterationen
Learnings
![Page 37: Zeitgemäßes Prototyping - Design ist nicht bunt machen](https://reader036.vdocuments.site/reader036/viewer/2022081404/559f836e1a28ab40318b46c8/html5/thumbnails/37.jpg)
Fotocredits: UX Diagramm by Dan Saffer
http://www.kickerstudio.com/wp-content/uploads/2013/03/ux.jpg
!Malen nach Zahlen:
http://www.kuenstlerwerkgemeinschaft.de/kwg_wp/wp-content/uploads/2012/06/zahlen06.jpg
!Nur Samstag Nacht © RONALDGRANT/MARY EVANS/SIPA
Edelpils beer © kimishowota
Danger: High Voltage © Rhys A.
Dilbert Cartoon © Scott Adams