User Experience

61
Buero Ansgar Rolfes user experience — Mobile Nutzungserlebnisse gestalten.

Transcript of User Experience

Buero Ansgar Rolfes

user experience — Mobile Nutzungserlebnisse gestalten.

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.

user experience — Mobile Nutzungserlebnisse gestalten.

01

Strategisches Design

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.

user experience — Mobile Nutzungserlebnisse gestalten.

05

user centred design

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

user experience — Mobile Nutzungserlebnisse gestalten.

06

Die user experience Bedürfnispyramide

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

user experience — Mobile Nutzungserlebnisse gestalten.

>>

to be reliableBedürfnispyramide Ebene 2

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