responsive experience und das continuum of screens
TRANSCRIPT
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!
FÜR ELLENKPS digital GmbH, ein Unternehmen der KPS AG