Welche Rolle spielt Ästhetik bei Prototypen? Erstellt man einen Wireframe, der in den Usability-Test geht und darf dieser später nur noch bunt angemalt werden? Wird die Seite denn dann noch bei Google gefunden? Welche Ausbildung hat der Produzent des Wireframes? Im Agenturalltag spielt es eine große Rolle wer, wann, was erstellt. Durch die sehr vielen unterschiedlichen Anforderungen an das Endprodukt aus Sicht der Ästhetik, Usability, UX und Online Marketing ergibt sich eine Renaissance des Design-Begriffes. Im Vortrag geht es um das richtige Teamplay und die Planung beim Erstellen von designtreuen Prototypen. Gezeigt wird dieses anhand von konkreten Projekten und Usability Tests

1. Design ist nicht bunt machen
Zeitgemäßes
Prototyping

2. Marcel Zimmermann
Leiter Beratung & Konzeption
Wer?
www.cybay.de
!
@dicomar
@cybaynewmedia

3. Was ist ein
Prototyp?
(es zeigt) "die Darstellung [...] des
Systems, welche [...] für eine Beurteilung
verwendet werden kann."

4. Was ist ein
Prototyp?
(es zeigt) "die Darstellung [...] des
Systems, welche [...] für eine Beurteilung
verwendet werden kann."
okaaay.. wie machen
wir das?

5. 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?

9. Wer muss zuerst ran?

10. Wer muss zuerst ran?
Wer darf?!?!?!?

13. Kompetenz

14. Kompetenz
Rolle

15. Workflow
Kompetenz
Rolle

17. Wollen wir das?

19. Mein Tanzbereich?

21. Verstehen wir das?

23. Macht uns das Spaß?

24. Lösungs-
strategien

25. Analyse Wireflow Wireframe Final Design
Konzeption Design

26. Analyse Wireflow Wireframe Final Design
gehen wir hier
in den Test?
Konzeption Design

27. Analyse Wireflow Wireframe Final Design
gehen wir hier
in den Test?
Konzeption Design
/

28. Zwei Beispiele

29. Variante 2

30. Variante 1

35. Erkenntnisse

36. Was wir brauchen
Offenheit 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

37. 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