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


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


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

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


STEREOTYPE GESTALTUNG DOMINIERT

GÄHN, LANGWEILIG, UNINTERESSANT


JEDER KANN HEUTE FÜR 3$ RESPONSIVE WEBDESIGN


AUSTAUSCHBARE EXPERIENCE WEIL WIR IN GERÄTEKLASSEN DENKEN


24093 ANDROID DEVICESJahr 2015:


IPAD PRO - TABLET ODER NOTEBOOK


TOUCH ODER KEYBOARD


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/

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


WIR OPTIMIEREN DAS BESTEHENDE


NUR OBERFLÄCHEN ALLEIN SIND EIN AUSLAUFMODELL

SO SCHAFFEN WIR NICHT DEN SPRUNG ZU RESPONSIVE EXPERIENCE


INHALTE MÜSSEN ZUM KONTEXT PASSEN


CROSS DEVICE CONTENT-CHOREOGRAPHY


WHERE THE MAGIC HAPPENS

Cross Device Content-Choreography


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


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


Kontext Relevanz

FLUID EXPERIENCE


WIE SIEHT DIE STRATEGIE AUS?


METHODEN?

Product Experience Mapping

Story-Driven-DesignPrototype

Network of Content


PRODUCT EXPERIENCE MAPPINGKontextsensitive Benutzererlebnisse erkennen und verstehen.


SCHLANKE UND ZIELORIENTIERTE METHODE IM KONTEXT DER MULTIDEVICE-NUTZUNG


Customer Journey

Experience Map

Skizziert das Benutzererlebnis

übergreifend

Nutzungskontext wird fühlbarer und nachvollziehbarer


CUSTOMER JOURNEYAttention - Interesst - desire - action


URALTES MODELL VON 1898Elmo Lewis


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


IDEEN VISUALISIERENKreatives Denken steht im Mittelpunkt


CONTEXTUAL STORYBOARDS


EXPERIENCE-FOCUSED STORYBOARDS


PROTOTYPE

HYPOTHESEN, ANNAHMENWERDEN TESTBAR


PAPER PROTOTYPING

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

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


VISION PROTOTYPEHigh Fidelity Prototype mit Design Anmutungen


KOMPLEXITÄT WEICHT DER NUTZER PERSPEKTIVE

Die Kraft von Prototyping

PHOTOSHOP SCHAFFT KOMPLEXITÄT

WIR REDEN WIEDER ÜBER OBERFLÄCHE


NETWORK OF CONTENT


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


STYLETILESDesign Konzepte entwickeln, keine Seiten


PATTERN LAB„Atomic Design“


CONTENT BASED BREAKPOINTS


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


F…K OFF LOREM IPSUM


STELLT LOREM IPSUM EINEN KONTEXT HER?


NEIN?


HAT LOREM IPSUM EINE HANDLUNGSRELEVANZ FÜR DEN NUTZER?


NEIN?


@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/

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


@Jacob Nielsen

„Text is a UI“


CONTENT MACHT USABILITY-TESTS ERST MÖGLICH!


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

DANKE!

[email protected] ?

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

mailto:[email protected]?subject=