Was ist Utility / Usabilty / User Experience / User Experience Design und welche Methoden des Interaction Design gibt es?

1. Matthias Müller-Prove // mprove.de
mediale 2016

2. Ahoi User Experience Design :: Matthias Müller-Prove :: Experience Designer
https://vimeo.com/96172117

3. Die VASA sank am 10. August 1628 auf ihrer Jungfernfahrt nach 0,7 Seemeilen.
CCBY https://www.flickr.com/photos/jlascar/24562372260

4. #1 Utility
(Aufgabenangemessenheit)

5. Ein Schiff, das nicht schwimmt,
ist kein Schiff.

6. Reicht das?

7. Interaction Design
Information Architecture
Service Design
Screen Design
Concept
Motion Design
Bild (c) mprove
Product Design
Design Thinking
Brand DesignUser Centered Design

8. BBDO

10. 240 Historische Hamburg- und Elb-Karten 803 - 1939 // ca. 6GB
http://mprove.de/script/16/codingdavinci/stabiHH_karten.html

11. Altona & Hamburg 1885
CC BY 4.0 Staats- und Universitätsbibliothek Hamburg Carl von Ossietzky

12. Speed Ideation
Haben Sie Stift und
Papier?
Skizzieren Sie mind. 8
Ideen in 4 Minuten.
Die Aufgabe kommt gleich…
1905

13. Aufgabe
Sie stehen am Ufer der Alster.
Wie können Sie die Alster überqueren?
Skizzieren Sie mindestens 8 Ideen in 4 Minuten.

14. NERD-ALERT
mprove photography

15. Das Schlauchboot Kleid
https://de.pinterest.com/pin/191473421627428791/

16. Interaktions-Designer können übers Wasser gehen_
mprove photography

17. Spass
AP Photo/ddp/Philipp Guelland

18. Oder per U-Boot!
https://www.facebook.com/U-POOLYLogbuch-411685098852086/

19. https://www.youtube.com/watch?v=XSsyQnsfqOA

20. Effektivität
(c) https://www.flickr.com/photos/19755937@N00/1373749356

21. Effizienz
mprove photography

22. Zufriedenheit
Quelle: NDR Hamburg Journal 10.9.2016

23. Effektivität + Effizienz + Zufriedenheit
für bestimmte Anwender für bestimmte Ziele in bestimmten Kontexten
Gebrauchstauglichkeit
Usability

24. #1 Utility / Aufgabenangemessenheit
#2 Usability / Gebrauchstauglichkeit

25. #1 Utility / Aufgabenangemessenheit
#2 Usability / Gebrauchstauglichkeit
#3 User Experience / Nutzererfahrung

26. User Experience sind die Wahrnehmungen
und Reaktionen einer Person, die aus der
Nutzung oder der erwarteten Nutzung eines
Produkts, Systems oder Services resultiert.
GoPro Commercial

27. User Experience ist subjektiv.
GoPro Commercial

28. Usability
User Experience
Interaktionsdesign
User Experience Design

29. UX Design ist die ganzheitliche Sicht auf Branding, Nutzung und Post-Nutzung.
CC-NC-BY-4.0 mprove photography

30. (c) mprove
User Experience Design
Usability
Aufmerksamkeit
Emotionen
Markenbotschafter
Informationen
Kauf oder
Konto anlegen
Lieferung, Setup,
erste Nutzung
Nutzung
Bewertung
nach Nutzung
Kundenbeziehung
festigen
Enttäuschter User
Verlorener Kunde

31. User Experience Life-Cycle
http://page-online.de/branche-karriere/user-experience-design/

32. Kostenfreier PDF Download: http://shop.page-online.de/connect

33. Einige Methoden des
Interaction Design (IxD)

34. User Research – Wir lernen den Benutzer kennen.
Bild (c) http://flickr.com/photos/andjohan/159436290/

35. User Research – What’s in your bag?

36. Concept Wall
Bild (c) Felix Fürtjes

37. Design mit Storyboards
Bild (c) mprove

38. Sketching /Paper 53
Bild (c) mprove

39. Sketching /Paper 53
Bild (c) mprove

40. Site Maps
Bild http://flickr.com/photos/jimbola/2284119465/

41. Ein Usability-Testing ist wie…

42. Ein echtes Usability Labor
Bild via https://www.supersedetraffic.com/blog/topic/media-city-uk/usability-labs-at-the-landing

43. User Experience
und Interaction Designer…
…gestalten nützliche und verständliche
Produkte und Services
für eine hohe Nutzerzufriedenheit und
Kundenbindung.

44. Wenn Du ein Schiff bauen willst,
dann rufe nicht die Menschen
zusammen, um Holz zu sammeln,
Aufgaben zu verteilen und die
Arbeit einzuteilen,
sondern lehre sie die Sehnsucht
nach dem großen, weiten Meer.
– Antoine de Saint-Exupéry

45. Matthias Müller-Prove // mprove.de // @mprove
http://mprove.de/script/16/mediale/
mediale Hamburg, 29.9.2016

46. Home_
http://mprove.net
Weitere Präsentationen von mprove_
http://mprove.de/about/index/presentations.html
Blog_
http://blog.mprove.net
@mprove_
https://twitter.com/mprove
uxHH Radio_
http://uxhh-radio.blogspot.de