Design ist nicht bunt machen
Zeitgemäßes
Prototyping
Marcel Zimmermann
Leiter Beratung & Konzeption
Wer?
www.cybay.de
!
@dicomar
@cybaynewmedia
Was ist ein
Prototyp?
(es zeigt) "die Darstellung [...] des
Systems, welche [...] für eine Beurteilung
verwendet werden ka...
Was ist ein
Prototyp?
(es zeigt) "die Darstellung [...] des
Systems, welche [...] für eine Beurteilung
verwendet werden ka...
Was ist ein
Prototyp?
(es zeigt) "die Darstellung [...] des
Systems, welche [...] für eine Beurteilung
verwendet werden ka...
Wer muss zuerst ran?
Wer muss zuerst ran?
Wer darf?!?!?!?
Kompetenz
Kompetenz
Rolle
Workflow
Kompetenz
Rolle
Wollen wir das?
Mein Tanzbereich?
Verstehen wir das?
Macht uns das Spaß?
Lösungs-
strategien
Analyse Wireflow Wireframe Final Design
Konzeption Design
Analyse Wireflow Wireframe Final Design
gehen wir hier
in den Test?
Konzeption Design
Analyse Wireflow Wireframe Final Design
gehen wir hier
in den Test?
Konzeption Design
/
Zwei Beispiele
Variante 2
Variante 1
Erkenntnisse
Was wir brauchen
Offenheit statt Silo-Denke
Relativität zur eigenen Rolle
Teamwork statt Tanzbereiche
Design und Konzeptio...
Fotocredits:
UX Diagramm by Dan Saffer
http://www.kickerstudio.com/wp-content/uploads/2013/03/ux.jpg
!
Malen nach Zahlen:
...
Zeitgemäßes Prototyping - Design ist nicht bunt machen
Zeitgemäßes Prototyping - Design ist nicht bunt machen
Zeitgemäßes Prototyping - Design ist nicht bunt machen
Zeitgemäßes Prototyping - Design ist nicht bunt machen
Zeitgemäßes Prototyping - Design ist nicht bunt machen
Zeitgemäßes Prototyping - Design ist nicht bunt machen
Zeitgemäßes Prototyping - Design ist nicht bunt machen
Zeitgemäßes Prototyping - Design ist nicht bunt machen
Zeitgemäßes Prototyping - Design ist nicht bunt machen
Zeitgemäßes Prototyping - Design ist nicht bunt machen
Zeitgemäßes Prototyping - Design ist nicht bunt machen
Zeitgemäßes Prototyping - Design ist nicht bunt machen
Zeitgemäßes Prototyping - Design ist nicht bunt machen
Nächste SlideShare
Wird geladen in …5
×

Zeitgemäßes Prototyping - Design ist nicht bunt machen

1.340 Aufrufe

Veröffentlicht am

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

Veröffentlicht in: Internet
2 Kommentare
3 Gefällt mir
Statistik
Notizen
Keine Downloads
Aufrufe
Aufrufe insgesamt
1.340
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
83
Aktionen
Geteilt
0
Downloads
10
Kommentare
2
Gefällt mir
3
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Zeitgemäßes Prototyping - Design ist nicht bunt machen

  1. 1. Design ist nicht bunt machen Zeitgemäßes Prototyping
  2. 2. Marcel Zimmermann Leiter Beratung & Konzeption Wer? www.cybay.de ! @dicomar @cybaynewmedia
  3. 3. Was ist ein Prototyp? (es zeigt) "die Darstellung [...] des Systems, welche [...] für eine Beurteilung verwendet werden kann." 
  4. 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. 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?
  6. 6. Wer muss zuerst ran?
  7. 7. Wer muss zuerst ran? Wer darf?!?!?!?
  8. 8. Kompetenz
  9. 9. Kompetenz Rolle
  10. 10. Workflow Kompetenz Rolle
  11. 11. Wollen wir das?
  12. 12. Mein Tanzbereich?
  13. 13. Verstehen wir das?
  14. 14. Macht uns das Spaß?
  15. 15. Lösungs- strategien
  16. 16. Analyse Wireflow Wireframe Final Design Konzeption Design
  17. 17. Analyse Wireflow Wireframe Final Design gehen wir hier in den Test? Konzeption Design
  18. 18. Analyse Wireflow Wireframe Final Design gehen wir hier in den Test? Konzeption Design /
  19. 19. Zwei Beispiele
  20. 20. Variante 2
  21. 21. Variante 1
  22. 22. Erkenntnisse
  23. 23. 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
  24. 24. 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

×