Responsive Webdesign hat den Anspruch das komplette „Continuum of screens“ mit einer einzigen Plattform abzudecken. Für eine Cross-Device Experience sind die Ansprüche an das strategisch-konzeptionelle „What“ und dass visuelle „How“ sehr hoch. Das denken und designen in Silos von Mobile, Tablet und Desktop versperrt dabei den Blick auf das wesentliche, den Content. Bei der Konzeption steht der Content im Zentrum und welche Handlungsrelevanz hat der Inhalt für den Nutzer. Dabei sind auch die sequenziellen Verhaltensmuster der Nutzer im Umgang mit den Endgeräten zu berücksichtigen. Eine nachhaltige Multi-Device Experience adressiert Coherence, Fluidity und Adaptability. Der Talk gibt Einblicke welche Vorgehensweisen und Entscheidungen uns helfen Komplexität zu minimieren und dem Prinzip von Device Agnostic zu folgen. Um eine gute Website zu erstellen ist es nicht notwendig zu Wissen auf welchem Gerät die Seite angezeigt wird.

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

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

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

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

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

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

24. PHOTOSHOP IST EIN SILO

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

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

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

28. SO SCHAFFEN WIR NICHT
DEN SPRUNG ZU
RESPONSIVE EXPERIENCE

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

48. HYPOTHESEN, ANNAHMEN
WERDEN TESTBAR

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

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

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

53. PHOTOSHOP SCHAFFT
KOMPLEXITÄT

54. WIR REDEN WIEDER
ÜBER OBERFLÄCHE

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

70. DANKE!

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