ahoi user experience design

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

Upload: matthias-mueller-prove

Post on 18-Feb-2017

168 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Ahoi User Experience Design

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

Page 2: Ahoi User Experience Design

Ahoi User Experience Design :: Matthias Müller-Prove :: Experience Designer

https://vimeo.com/96172117

Page 3: Ahoi User Experience Design

Die VASA sank am 10. August 1628 auf ihrer Jungfernfahrt nach 0,7 Seemeilen.

CCBY https://www.flickr.com/photos/jlascar/24562372260

Page 4: Ahoi User Experience Design

#1 Utility (Aufgabenangemessenheit)

Page 5: Ahoi User Experience Design

Ein Schiff, das nicht schwimmt, ist kein Schiff.

Page 6: Ahoi User Experience Design

Reicht das?

Page 7: Ahoi User Experience Design

Interaction Design

Information Architecture

Service DesignScreen Design

Concept

Motion Design

Bild (c) mprove

Product Design

Design Thinking

Brand DesignUser Centered Design

Page 8: Ahoi User Experience Design

BBDO

Page 9: Ahoi User Experience Design
Page 10: Ahoi User Experience Design

240 Historische Hamburg- und Elb-Karten 803 - 1939 // ca. 6GB

http://mprove.de/script/16/codingdavinci/stabiHH_karten.html

Page 11: Ahoi User Experience Design

Altona & Hamburg 1885

CC BY 4.0 Staats- und Universitätsbibliothek Hamburg Carl von Ossietzky

Page 12: Ahoi User Experience Design

Speed Ideation

Haben Sie Stift und Papier? Skizzieren Sie mind. 8 Ideen in 4 Minuten.

Die Aufgabe kommt gleich…

1905

Page 13: Ahoi User Experience Design

Aufgabe

Sie stehen am Ufer der Alster. Wie können Sie die Alster überqueren?

Skizzieren Sie mindestens 8 Ideen in 4 Minuten.

Page 14: Ahoi User Experience Design

NERD-ALERT

mprove photography

Page 15: Ahoi User Experience Design

Das Schlauchboot Kleid

https://de.pinterest.com/pin/191473421627428791/

Page 16: Ahoi User Experience Design

Interaktions-Designer können übers Wasser gehen_

mprove photography

Page 17: Ahoi User Experience Design

Spass

AP Photo/ddp/Philipp Guelland

Page 18: Ahoi User Experience Design

Oder per U-Boot!

https://www.facebook.com/U-POOLYLogbuch-411685098852086/

Page 19: Ahoi User Experience Design

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

Page 20: Ahoi User Experience Design

Effektivität

(c) https://www.flickr.com/photos/19755937@N00/1373749356

Page 21: Ahoi User Experience Design

Effizienz

mprove photography

Page 22: Ahoi User Experience Design

Zufriedenheit

Quelle: NDR Hamburg Journal 10.9.2016

Page 23: Ahoi User Experience Design

Effektivität + Effizienz + Zufriedenheit für bestimmte Anwender für bestimmte Ziele in bestimmten Kontexten

Gebrauchstauglichkeit Usability

Page 24: Ahoi User Experience Design

#1 Utility / Aufgabenangemessenheit

#2 Usability / Gebrauchstauglichkeit

Page 25: Ahoi User Experience Design

#1 Utility / Aufgabenangemessenheit

#2 Usability / Gebrauchstauglichkeit

#3 User Experience / Nutzererfahrung

Page 26: Ahoi User Experience Design

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

Page 27: Ahoi User Experience Design

User Experience ist subjektiv.

GoPro Commercial

Page 28: Ahoi User Experience Design

Usability User Experience

InteraktionsdesignUser Experience Design

Page 29: Ahoi User Experience Design

UX Design ist die ganzheitliche Sicht auf Branding, Nutzung und Post-Nutzung.

CC-NC-BY-4.0 mprove photography

Page 30: Ahoi User Experience Design

(c) mprove

User Experience Design

Usability

Aufmerksamkeit

Emotionen

Markenbotschafter

Informationen

Kauf oderKonto anlegen

Lieferung, Setup,erste Nutzung

Nutzung

Bewertungnach Nutzung

Kundenbeziehung festigen

Enttäuschter User

Verlorener Kunde

Page 31: Ahoi User Experience Design

User Experience Life-Cycle

http://page-online.de/branche-karriere/user-experience-design/

Page 32: Ahoi User Experience Design

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

Page 33: Ahoi User Experience Design

Einige Methoden des Interaction Design (IxD)

Page 34: Ahoi User Experience Design

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

Page 35: Ahoi User Experience Design

Grundlagen des Interaction Design | Ideen und Marken | P. Munz | 10. Juni 201444

Personas

User Research – What’s in your bag?

Page 36: Ahoi User Experience Design

Concept Wall

Bild (c) Felix Fürtjes

SECOND SCREEN – CRIMINAL MINDS: TEAM GARCIAmodul: interaction branding | brand design, 4. Semesterfelix fürtjes | falckweg 22 | 22505 hamburgmartrikelnummer: 513 282 54 abgabetermin: 16.07.2015

Page 37: Ahoi User Experience Design

Design mit Storyboards

Bild (c) mprove

Page 38: Ahoi User Experience Design

Sketching /Paper 53Bild (c) mprove

Page 39: Ahoi User Experience Design

Sketching /Paper 53Bild (c) mprove

Page 40: Ahoi User Experience Design

Site MapsBild http://flickr.com/photos/jimbola/2284119465/

Page 41: Ahoi User Experience Design

Ein Usability-Testing ist wie…

Page 42: Ahoi User Experience Design

Ein echtes Usability Labor

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

Page 43: Ahoi User Experience Design

User Experienceund Interaction Designer…

…gestalten nützliche und verständliche Produkte und Services

für eine hohe Nutzerzufriedenheit und Kundenbindung.

Page 44: Ahoi User Experience Design

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

Page 45: Ahoi User Experience Design

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

mediale Hamburg, 29.9.2016

Page 46: Ahoi User Experience Design

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