Responsive Experience und das Continuum of Screens

RESPONSIVE EXPERIENCE UND DAS CONTINUUM OF SCREENS

UX-CONGRESS, 06. - 07. OKTOBER 2016, FRANKFURT

PETER ROZEK

SENIOR UX MANAGER

KPS DIGITAL GMBHEIN UNTERNEHMEN DER KPS AG

WEBINTERFACE

PERMANENTE EXPERIENCE REVOLUTION

EXPERIENCE

CONNECTION DISRUPTIONEMOTION

STORYTELLING

EXPERIENCE

KPS digital GmbH, ein Unternehmen der KPS AG

80ER JAHRE, EIN COMPUTER EIN NUTZER

KPS digital GmbH, ein Unternehmen der KPS AG

HEUTE,

CONNECTED USERS MIT MEHREREN DEVICES

Scource: IBM, Three New Ways to Understand and Improve Your Customers’ Experience, 2016

Scource: IBM, Three New Ways to Understand and Improve Your Customers’ Experience, 2016

KPS digital GmbH, ein Unternehmen der KPS AG

90% WECHSELN DIE DEVICES IN EINER AUFGABESequenzielle Screening Aktivitäten

BEDÜRFNISSE UND NUTZUNG HABEN SICH EXPONENTIELL VERÄNDERT

WAS IST JETZT MIT DEM BIG PICTURE RESPONSIVE EXPERIENCE?

Bild: http://www.fotocommunity.de/photo/schmollen-hannesmehner/25587654

KPS digital GmbH, ein Unternehmen der KPS AG

STEREOTYPE GESTALTUNG DOMINIERT

GÄHN, LANGWEILIG, UNINTERESSANT

KPS digital GmbH, ein Unternehmen der KPS AG

JEDER KANN HEUTE FÜR 3$ RESPONSIVE WEBDESIGN

KPS digital GmbH, ein Unternehmen der KPS AG

AUSTAUSCHBARE EXPERIENCE WEIL WIR IN GERÄTEKLASSEN DENKEN

KPS digital GmbH, ein Unternehmen der KPS AG

24093 ANDROID DEVICESJahr 2015:

KPS digital GmbH, ein Unternehmen der KPS AG

IPAD PRO - TABLET ODER NOTEBOOK

KPS digital GmbH, ein Unternehmen der KPS AG

TOUCH ODER KEYBOARD

KPS digital GmbH, ein Unternehmen der KPS AG

DENKEN IN GERÄTEKLASSEN IST EIN SILO

PHOTOSHOP IST EIN SILO

RESPONSIVE EXPERIENCE IST EIN ÖKOSYSTEM

Bild: http://www.webdesignerdepot.com/2015/03/the-future-of-responsive-web-design/

KPS digital GmbH, ein Unternehmen der KPS AG

WIR OPTIMIEREN DAS BESTEHENDE

KPS digital GmbH, ein Unternehmen der KPS AG

NUR OBERFLÄCHEN ALLEIN SIND EIN AUSLAUFMODELL

SO SCHAFFEN WIR NICHT DEN SPRUNG ZU RESPONSIVE EXPERIENCE

KPS digital GmbH, ein Unternehmen der KPS AG

INHALTE MÜSSEN ZUM KONTEXT PASSEN

KPS digital GmbH, ein Unternehmen der KPS AG

CROSS DEVICE CONTENT-CHOREOGRAPHY

KPS digital GmbH, ein Unternehmen der KPS AG

WHERE THE MAGIC HAPPENS

Cross Device Content-Choreography

KPS digital GmbH, ein Unternehmen der KPS AG

KON TEXTDER;[E]S, -E<LAT.> (ZUSAMMENHANG)

KPS digital GmbH, ein Unternehmen der KPS AG

RE LE VANZLAT./ITAL.: RE-LEVARE (WICHTIGKEIT IN EINEM BESTIMMTEN ZUSAMMENHANG.)

KPS digital GmbH, ein Unternehmen der KPS AG

Kontext Relevanz

FLUID EXPERIENCE

KPS digital GmbH, ein Unternehmen der KPS AG

WIE SIEHT DIE STRATEGIE AUS?

KPS digital GmbH, ein Unternehmen der KPS AG

METHODEN?

Product Experience Mapping

Story-Driven-DesignPrototype

Network of Content

KPS digital GmbH, ein Unternehmen der KPS AG

PRODUCT EXPERIENCE MAPPINGKontextsensitive Benutzererlebnisse erkennen und verstehen.

KPS digital GmbH, ein Unternehmen der KPS AG

SCHLANKE UND ZIELORIENTIERTE METHODE IM KONTEXT DER MULTIDEVICE-NUTZUNG

KPS digital GmbH, ein Unternehmen der KPS AG

Customer Journey

Experience Map

Skizziert das Benutzererlebnis

übergreifend

Nutzungskontext wird fühlbarer und nachvollziehbarer

KPS digital GmbH, ein Unternehmen der KPS AG

CUSTOMER JOURNEYAttention - Interesst - desire - action

KPS digital GmbH, ein Unternehmen der KPS AG

URALTES MODELL VON 1898Elmo Lewis

KPS digital GmbH, ein Unternehmen der KPS AG

STORY-DRIVEN DESIGNKonzepte aus der Sicht des Nutzers und seinem Kontext entwickeln.

KPS digital GmbH, ein Unternehmen der KPS AG

IDEEN VISUALISIERENKreatives Denken steht im Mittelpunkt

KPS digital GmbH, ein Unternehmen der KPS AG

CONTEXTUAL STORYBOARDS

KPS digital GmbH, ein Unternehmen der KPS AG

EXPERIENCE-FOCUSED STORYBOARDS

KPS digital GmbH, ein Unternehmen der KPS AG

PROTOTYPE

HYPOTHESEN, ANNAHMENWERDEN TESTBAR

KPS digital GmbH, ein Unternehmen der KPS AG

PAPER PROTOTYPING

Image: http://blog.invisionapp.com/10-tips-on-prototyping-uis-with-sketch/

KPS digital GmbH, ein Unternehmen der KPS AG

VISION PROTOTYPEHigh Fidelity Prototype mit Design Anmutungen

KPS digital GmbH, ein Unternehmen der KPS AG

KOMPLEXITÄT WEICHT DER NUTZER PERSPEKTIVE

Die Kraft von Prototyping

PHOTOSHOP SCHAFFT KOMPLEXITÄT

WIR REDEN WIEDER ÜBER OBERFLÄCHE

KPS digital GmbH, ein Unternehmen der KPS AG

NETWORK OF CONTENT

KPS digital GmbH, ein Unternehmen der KPS AG

NICHT VON SEITEN SPRECHEN, SONDERN VON CONTENT SYSTEMS ODER NETWORK OF CONTENT.

KPS digital GmbH, ein Unternehmen der KPS AG

STYLETILESDesign Konzepte entwickeln, keine Seiten

KPS digital GmbH, ein Unternehmen der KPS AG

PATTERN LAB„Atomic Design“

KPS digital GmbH, ein Unternehmen der KPS AG

CONTENT BASED BREAKPOINTS

KPS digital GmbH, ein Unternehmen der KPS AG

Major Breakpoints (Layout Änderungen) Minor Breakpoints (Tweak für Komponenten)

KPS digital GmbH, ein Unternehmen der KPS AG

F…K OFF LOREM IPSUM

KPS digital GmbH, ein Unternehmen der KPS AG

STELLT LOREM IPSUM EINEN KONTEXT HER?

KPS digital GmbH, ein Unternehmen der KPS AG

NEIN?

KPS digital GmbH, ein Unternehmen der KPS AG

HAT LOREM IPSUM EINE HANDLUNGSRELEVANZ FÜR DEN NUTZER?

KPS digital GmbH, ein Unternehmen der KPS AG

NEIN?

KPS digital GmbH, ein Unternehmen der KPS AG

@Luke Wroblewski

„Fake data can ensure a nice looking layout but it doesn’t reflect what a living, breathing application must endure. Real data does.“

https://articles.uie.com/lorem_ipsum_defense/

KPS digital GmbH, ein Unternehmen der KPS AG

@Jacob Nielsen

„Text is a UI“

KPS digital GmbH, ein Unternehmen der KPS AG

CONTENT MACHT USABILITY-TESTS ERST MÖGLICH!

KPS digital GmbH, ein Unternehmen der KPS AG

WAS IST EIGENTLICH MIT DEN REALITÄTEN UNSERER KUNDEN – IHRER STAKEHOLDER & CO.?

DANKE!

PETER.ROZEK@KPS.DEFRAGEN ?

FÜR ELLENKPS digital GmbH, ein Unternehmen der KPS AG