user experience
Upload: iks-gesellschaft-fuer-informations-und-kommunikationssysteme-mbh
Post on 21-Jan-2017
302 views
TRANSCRIPT
Ansgar Rolfes Designer & Berater
freiberuflicher Brand & UX/UI Designer für Unternehmen und Institutionen
mit Blick für Form und Inhalt und Spaß am Thema:
user experience – Mobile Nutzungserlebnisse gestalten.
Ansgar Rolfes [email protected] Geboren 1978 lebt und arbeitet in Köln
»Design?! Kumm, jang!«
user experience — Mobile Nutzungserlebnisse gestalten.
Buero Ansgar Rolfes �3user experience — Mobile Nutzungserlebnisse gestalten.Photo: © Copyright: shutterstock/ leungchopan
Buero Ansgar Rolfes �4
user experience — Mobile Nutzungserlebnisse gestalten.
»Wow!«
user experience — Mobile Nutzungserlebnisse gestalten.
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten.
Markenperspektive »It’s the brand, stupid!«
01 Strategisches Design
�6
Grafik: © Buero Ansgar Rolfes
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten.
Nutzerperspektive »Ich bin der user!«
01 Strategisches Design
�7
Grafik: © Buero Ansgar Rolfes
user experience — Mobile Nutzungserlebnisse gestalten.
02
What the is user experience design?
Photo: © Katerina Kamprani The Uncomfortable is a design project by architect Katerina Kamprani that is incredibly fun. She has take everyday
objects and redesigned them to make them completely unusable or terribly difficult to use. http://www.kkstudio.gr
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten.
02 What the is user experience design?
�9
Photo: © KONSCHA Engineering GmbH Quelle: http://www.konscha.de/produktentwicklung-und-design/
Ein Erlebnis ist ein emotional wahrgenommenes Ereignis.
ux design versucht, Nutzungserlebnisse zu gestalten.
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten.
ux design war immer schon relevant.
Firmitas (Festigkeit) Utilitas (Nützlichkeit) Venustas (Schönheit)
02 What the is user experience design?
�10
Vitruv im 1. Jahrhunderts v. Chr.:
Photo: © KONSCHA Engineering GmbH Quelle: http://www.konscha.de/produktentwicklung-und-design/
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten.
Was user experience design nicht (nur) ist:
»ux > user interface design.«
02 What the is user experience design?
�11
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten.
Was user experience design ist:
»ux = strategische Konzeption und die Ausgestaltung von markenkonformen Nutzungserlebnissen.
Das Ziel ist es, Nutzbarkeit und Nutzen aus der Sicht des Anwenders zu erhöhen.«
02 What the is user experience design?
�12
user experience — Mobile Nutzungserlebnisse gestalten.
03
Warum ist digital user experience design so wichtig?
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten.
»Everything that can be digital, will be.«
1. Digitale Prozesse werden geschäftsrelevant. 2. Branchenfremde digitale Innovatoren verdrängen
bestehende Anbieter. 3. Digitale Nutzungserlebnisse werden messbar. 4. Anwender erwarten ausgeklügelte digitale Dienste.
03 Warum ist digital user experience design so wichtig?
�14
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten.
21% of millennials no longer use a desktop computer to go online.
Time spent on smartphones increased 394% from the end of 2010 to the end of 2014.
03 Warum ist digital user experience design so wichtig?
�15
1. Google Consumer Surveys, August 2015, Smartphone Users, n=729. 2. Google Consumer Surveys, August 2015, Smartphone Users, n=1,666.
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �17
05 user centred design
user centred design© 2015 Disney® Pixar®
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �18
05 user centred design
»Niemand will Ihre App benutzen.«
Bittere Wahrheit:
Es geht nie um das Produkt an sich.
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �19
Es geht immer um ein zu Grunde liegendes Bedürfnis. Dieses steht im Mittelpunkt der Produktentwicklung.
05 user centred design
erfahrenpartizipieren
motivieren etc.
begreifen interagierenerlangen
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �20
Mobile MicroMoments
05 user centred design
© Google Mobile Micro Moments
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �21
05 user centred design
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �22
05 user centred designquestion – implementation – question
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �24
Die Bedürfnisse aus UX Sicht
06 Die user experience Bedürfnispyramide
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �25
Ebenen und Bedeutung
06 Die user experience Bedürfnispyramide
user experience — Mobile Nutzungserlebnisse gestalten.
06.1
to be functionalBedürfnispyramide Ebene 1
>>
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �27
Anforderungen klarstellen.
06 Die user experience Bedürfnispyramide — Ebene 1: functional
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �28
Features bewerten.
06 Die user experience Bedürfnispyramide — Ebene 1: functional
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �29
Funktionen vereinfachen.
06 Die user experience Bedürfnispyramide — Ebene 1: functional
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �30
06 Die user experience Bedürfnispyramide — Ebene 1: functional
Funktionen durchdenken.
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �31
06 Die user experience Bedürfnispyramide — Ebene 1: functional
Please prototype!
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �32
06 Die user experience Bedürfnispyramide — Ebene 1: functional
Kernfeaturesfokussieren.
Christopher Diesing CMO Stackfield; Gepostet am 14 Januar, 2016
auf https://www.smashingmagazine.com
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �34
Immer: Kontext berücksichtigen.
• What are the physical abilities of the user? • Where is the user’s general location? • What time is it in the user’s location? • What is the user’s device? • What does the user have an affinity for?
06 Die user experience Bedürfnispyramide — Ebene 2: reliable
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �35
Verlässlich sein.
06 Die user experience Bedürfnispyramide — Ebene 2: reliable
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �36
Schnell sein.
06 Die user experience Bedürfnispyramide — Ebene 2: reliable
© Google Mobile Micro Moments
user experience — Mobile Nutzungserlebnisse gestalten.
06.3
to be usableBedürfnispyramide Ebene 3
>>
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �38
Grundsätzlich: Intuitiven Zugang ermöglichen.
@KVB: DON’T MAKE ME THINK!
06 Die user experience Bedürfnispyramide — Ebene 3: usable
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �39
Komplexität reduzieren. Das Hicksche Gesetz
06 Die user experience Bedürfnispyramide — Ebene 3: usable
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �40
Kernfeature fokussieren.
06 Die user experience Bedürfnispyramide — Ebene 3: usable
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �41
Informationen hierarchisieren.
06 Die user experience Bedürfnispyramide — Ebene 3: usable
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �42
Informationen akzentuieren.
06 Die user experience Bedürfnispyramide — Ebene 3: usable
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �43
Lesbar sein.
06 Die user experience Bedürfnispyramide — Ebene 3: usable
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �44
Mikrotypographisch denken.
06 Die user experience Bedürfnispyramide — Ebene 3: usable
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �45
Konsistent sein.
06 Die user experience Bedürfnispyramide — Ebene 3: usable
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �46
touch devices berücksichtigen.
06 Die user experience Bedürfnispyramide — Ebene 3: usable
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �47
Navigation optimieren.
06 Die user experience Bedürfnispyramide — Ebene 3: usable
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �48
Eingaben unterstützen.
06 Die user experience Bedürfnispyramide — Ebene 3: usable
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �49
Deutlich sprechen.
06 Die user experience Bedürfnispyramide — Ebene 3: usable
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �50
Feedback geben.
06 Die user experience Bedürfnispyramide — Ebene 3: usable
user experience — Mobile Nutzungserlebnisse gestalten.
06.4
to be meaningfulBedürfnispyramide Ebene 4
>>
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �52
Kontext kultivieren.
06 Die user experience Bedürfnispyramide — Ebene 4: meaningful
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �53
Assoziativ sein.
06 Die user experience Bedürfnispyramide — Ebene 4: meaningful
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �54
Nutzer führen.
06 Die user experience Bedürfnispyramide — Ebene 4: meaningful
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �55
Voraus denken.
06 Die user experience Bedürfnispyramide — Ebene 4: meaningful
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �56
Spaß haben.
06 Die user experience Bedürfnispyramide — Ebene 4: meaningful
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �57
Ästhetischerscheinen.
06 Die user experience Bedürfnispyramide — Ebene 4: meaningful
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �58
Geschichtenerzählen.
06 Die user experience Bedürfnispyramide — Ebene 4: meaningful
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �59
Schlussendlich: Service, Ästhetik und Kontext vereinen!
06 Die user experience Bedürfnispyramide — Ebene 4: meaningful
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten. �60
Design Thinking
06 Die user experience Bedürfnispyramide
Buero Ansgar Rolfes
Herzlichen Dank für Ihre Aufmerksamkeit!
Kontakt
Buero Ansgar Rolfes Siebachstraße 115 50733 Köln
Telefon: +49 (0) 221. 1685 7347 Mobil: +49 (0) 177. 786 33 68 E-Mail: [email protected]
XING LinkedIn
Arbeitsfelder
Corporate Design
Brand Design
User Experience Design
User Interface Design
Communication Design