1.
RESPONSIVE EXPERIENCE
UND DAS CONTINUUM OF
SCREENS
UX-CONGRESS, 06. - 07. OKTOBER 2016, FRANKFURT

2.
PETER ROZEK

3.
SENIOR UX MANAGER

4.
KPS DIGITAL GMBH
EIN UNTERNEHMEN DER KPS AG

5.
WEBINTERFACE

6.
PERMANENTE
EXPERIENCE REVOLUTION

7.
EXPERIENCE
CONNECTION
DISRUPTION
EMOTION
STORYTELLING

8.
EXPERIENCE

9.
KPS digital GmbH, ein Unternehmen der KPS AG
80ER JAHRE,EIN
COMPUTER EIN NUTZER

10.
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

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

12.
KPS digital GmbH, ein Unternehmen der KPS AG
90% WECHSELN DIE
DEVICES IN EINER AUFGABE
Sequenzielle Screening Aktivitäten

13.
BEDÜRFNISSE UND
NUTZUNG HABEN SICH
EXPONENTIELL VERÄNDERT

14.
WAS IST JETZT MIT DEM
BIG PICTURE
RESPONSIVE EXPERIENCE?
Bild: http://www.fotocommunity.de/photo/schmollen-hannesmehner/25587654

15.
KPS digital GmbH, ein Unternehmen der KPS AG
STEREOTYPE
GESTALTUNG
DOMINIERT

16.
GÄHN,
LANGWEILIG,
UNINTERESSANT

17.
KPS digital GmbH, ein Unternehmen der KPS AG
JEDER KANN HEUTE FÜR 3$
RESPONSIVE WEBDESIGN

18.
KPS digital GmbH, ein Unternehmen der KPS AG
AUSTAUSCHBARE
EXPERIENCE WEIL WIR IN
GERÄTEKLASSEN DENKEN

19.
KPS digital GmbH, ein Unternehmen der KPS AG
24093 ANDROID DEVICES
Jahr 2015:

20.
KPS digital GmbH, ein Unternehmen der KPS AG
IPAD PRO - TABLET ODER
NOTEBOOK

21.
KPS digital GmbH, ein Unternehmen der KPS AG
TOUCH ODER KEYBOARD

22.
KPS digital GmbH, ein Unternehmen der KPS AG
DENKEN IN GERÄTEKLASSEN
IST EIN SILO

23.
PHOTOSHOP IST EIN SILO

24.
RESPONSIVE EXPERIENCE
IST EIN ÖKOSYSTEM
Bild: http://www.webdesignerdepot.com/2015/03/the-future-of-responsive-web-design/

25.
KPS digital GmbH, ein Unternehmen der KPS AG
WIR OPTIMIEREN DAS
BESTEHENDE

26.
KPS digital GmbH, ein Unternehmen der KPS AG
NUR OBERFLÄCHEN ALLEIN
SIND EIN AUSLAUFMODELL

27.
SO SCHAFFEN WIR NICHT
DEN SPRUNG ZU
RESPONSIVE EXPERIENCE

28.
KPS digital GmbH, ein Unternehmen der KPS AG
INHALTE MÜSSEN ZUM
KONTEXT PASSEN

29.
KPS digital GmbH, ein Unternehmen der KPS AG
CROSS DEVICE
CONTENT-CHOREOGRAPHY

30.
KPS digital GmbH, ein Unternehmen der KPS AG
WHERE THE
MAGIC HAPPENS
Cross Device Content-Choreography

31.
KPS digital GmbH, ein Unternehmen der KPS AG
KON TEXT
DER;[E]S, -E<LAT.>
(ZUSAMMENHANG)

32.
KPS digital GmbH, ein Unternehmen der KPS AG
RE LE VANZ
LAT./ITAL.: RE-LEVARE
(WICHTIGKEIT IN EINEM
BESTIMMTEN ZUSAMMENHANG.)

33.
KPS digital GmbH, ein Unternehmen der KPS AG
Kontext Relevanz
FLUID EXPERIENCE

34.
KPS digital GmbH, ein Unternehmen der KPS AG
WIE SIEHT DIE
STRATEGIE AUS?

35.
KPS digital GmbH, ein Unternehmen der KPS AG
METHODEN?

36.
Product Experience Mapping
Story-Driven-Design
Prototype
Network of Content

37.
KPS digital GmbH, ein Unternehmen der KPS AG
PRODUCT EXPERIENCE
MAPPING
Kontextsensitive Benutzererlebnisse erkennen
und verstehen.

38.
KPS digital GmbH, ein Unternehmen der KPS AG
SCHLANKE UND
ZIELORIENTIERTE METHODE
IM KONTEXT DER
MULTIDEVICE-NUTZUNG

39.
KPS digital GmbH, ein Unternehmen der KPS AG
Customer
Journey
Experience
Map
Skizziert das
Benutzererlebnis
übergreifend
Nutzungskontext
wird fühlbarer und
nachvollziehbarer

40.
KPS digital GmbH, ein Unternehmen der KPS AG
CUSTOMER JOURNEY
Attention - Interesst - desire - action

41.
KPS digital GmbH, ein Unternehmen der KPS AG
URALTES MODELL VON 1898
Elmo Lewis

42.
KPS digital GmbH, ein Unternehmen der KPS AG
STORY-DRIVEN DESIGN
Konzepte aus der Sicht des Nutzers und
seinem Kontext entwickeln.

43.
KPS digital GmbH, ein Unternehmen der KPS AG
IDEEN VISUALISIEREN
Kreatives Denken steht im Mittelpunkt

44.
KPS digital GmbH, ein Unternehmen der KPS AG
CONTEXTUAL
STORYBOARDS

45.
KPS digital GmbH, ein Unternehmen der KPS AG
EXPERIENCE-FOCUSED
STORYBOARDS

46.
KPS digital GmbH, ein Unternehmen der KPS AG
PROTOTYPE

47.
HYPOTHESEN, ANNAHMEN
WERDEN TESTBAR

48.
KPS digital GmbH, ein Unternehmen der KPS AG
PAPER PROTOTYPING
Image: http://blog.invisionapp.com/10-tips-on-prototyping-uis-with-sketch/

49.
KPS digital GmbH, ein Unternehmen der KPS AG
VISION PROTOTYPE
High Fidelity Prototype mit Design Anmutungen

50.
KPS digital GmbH, ein Unternehmen der KPS AG
KOMPLEXITÄT WEICHT DER
NUTZER PERSPEKTIVE
Die Kraft von Prototyping

51.
PHOTOSHOP SCHAFFT
KOMPLEXITÄT

52.
WIR REDEN WIEDER
ÜBER OBERFLÄCHE

53.
KPS digital GmbH, ein Unternehmen der KPS AG
NETWORK OF CONTENT

54.
KPS digital GmbH, ein Unternehmen der KPS AG
NICHT VON SEITEN
SPRECHEN, SONDERN VON
CONTENT SYSTEMS ODER
NETWORK OF CONTENT.

55.
KPS digital GmbH, ein Unternehmen der KPS AG
STYLETILES
Design Konzepte entwickeln, keine Seiten

56.
KPS digital GmbH, ein Unternehmen der KPS AG
PATTERN LAB
„Atomic Design“

57.
KPS digital GmbH, ein Unternehmen der KPS AG
CONTENT BASED
BREAKPOINTS

58.
KPS digital GmbH, ein Unternehmen der KPS AG
Major Breakpoints (Layout Änderungen)
Minor Breakpoints (Tweak für Komponenten)

59.
KPS digital GmbH, ein Unternehmen der KPS AG
F…K OFF
LOREM IPSUM

60.
KPS digital GmbH, ein Unternehmen der KPS AG
STELLT LOREM IPSUM
EINEN KONTEXT HER?

61.
KPS digital GmbH, ein Unternehmen der KPS AG
NEIN?

62.
KPS digital GmbH, ein Unternehmen der KPS AG
HAT LOREM IPSUM EINE
HANDLUNGSRELEVANZ FÜR
DEN NUTZER?

63.
KPS digital GmbH, ein Unternehmen der KPS AG
NEIN?

64.
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/

65.
KPS digital GmbH, ein Unternehmen der KPS AG
@Jacob Nielsen
„Text is a UI“

66.
KPS digital GmbH, ein Unternehmen der KPS AG
CONTENT MACHT
USABILITY-TESTS
ERST MÖGLICH!

67.
KPS digital GmbH, ein Unternehmen der KPS AG
WAS IST EIGENTLICH MIT
DEN REALITÄTEN UNSERER
KUNDEN – IHRER
STAKEHOLDER & CO.?

68.
DANKE!

69.
PETER.ROZEK@KPS.DE
FRAGEN ?
FÜR ELLEN
KPS digital GmbH, ein Unternehmen der KPS AG