RESPONSIVE EXPERIENCE
UND DAS CONTINUUM OF
SCREENS
UX-CONGRESS, 06. - 07. OKTOBER 2016, FRANKFURT
PETER ROZEK
SENIOR UX MANAGER
KPS DIGITAL GMBH
EIN UNTERNEHMEN DER KPS AG
WEBINTERFACE
PERMANENTE 

EXPERIENCE REVOLUTION
EXPERIENCE
CONNECTION
DISRUPTION

EMOTION
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 AUFGABE
Sequenzielle 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 DEVICES
Jahr 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 TEXT
DER;[E]S, -E<LAT.>
(ZUSAMMENHANG)
KPS digital GmbH, ein Unternehmen der KPS AG
RE LE VANZ
LAT./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-Design
Prototype
Network of Content
KPS digital GmbH, ein Unternehmen der KPS AG
PRODUCT EXPERIENCE
MAPPING
Kontextsensitive 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 JOURNEY
Attention - Interesst - desire - action
KPS digital GmbH, ein Unternehmen der KPS AG
URALTES MODELL VON 1898
Elmo Lewis
KPS digital GmbH, ein Unternehmen der KPS AG
STORY-DRIVEN DESIGN
Konzepte aus der Sicht des Nutzers und
seinem Kontext entwickeln.
KPS digital GmbH, ein Unternehmen der KPS AG
IDEEN VISUALISIEREN
Kreatives 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, ANNAHMEN

WERDEN 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 PROTOTYPE
High 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
STYLETILES
Design 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.DE
FRAGEN ?
FÜR ELLEN
KPS digital GmbH, ein Unternehmen der KPS AG

Responsive Experience und das Continuum of Screens