Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Responsive Experience und das Continuum of Screens

366 views

Published on

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.

Published in: Design
  • Be the first to comment

  • Be the first to like this

Responsive Experience und das Continuum of Screens

  1. 1. RESPONSIVE EXPERIENCE UND DAS CONTINUUM OF SCREENS UX-CONGRESS, 06. - 07. OKTOBER 2016, FRANKFURT
  2. 2. PETER ROZEK
  3. 3. SENIOR UX MANAGER
  4. 4. KPS DIGITAL GMBH EIN UNTERNEHMEN DER KPS AG
  5. 5. WEBINTERFACE
  6. 6. PERMANENTE 
 EXPERIENCE REVOLUTION
  7. 7. EXPERIENCE CONNECTION DISRUPTION
 EMOTION STORYTELLING
  8. 8. EXPERIENCE
  9. 9. KPS digital GmbH, ein Unternehmen der KPS AG 80ER JAHRE,EIN COMPUTER EIN NUTZER
  10. 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. 11. Scource: IBM, Three New Ways to Understand and Improve Your Customers’ Experience, 2016
  12. 12. KPS digital GmbH, ein Unternehmen der KPS AG 90% WECHSELN DIE DEVICES IN EINER AUFGABE Sequenzielle Screening Aktivitäten
  13. 13. BEDÜRFNISSE UND NUTZUNG HABEN SICH EXPONENTIELL VERÄNDERT
  14. 14. WAS IST JETZT MIT DEM 
 BIG PICTURE 
 RESPONSIVE EXPERIENCE? Bild: http://www.fotocommunity.de/photo/schmollen-hannesmehner/25587654
  15. 15. KPS digital GmbH, ein Unternehmen der KPS AG STEREOTYPE 
 GESTALTUNG 
 DOMINIERT
  16. 16. GÄHN, 
 LANGWEILIG, UNINTERESSANT
  17. 17. KPS digital GmbH, ein Unternehmen der KPS AG JEDER KANN HEUTE FÜR 3$ RESPONSIVE WEBDESIGN
  18. 18. KPS digital GmbH, ein Unternehmen der KPS AG AUSTAUSCHBARE EXPERIENCE WEIL WIR IN GERÄTEKLASSEN DENKEN
  19. 19. KPS digital GmbH, ein Unternehmen der KPS AG 24093 ANDROID DEVICES Jahr 2015:
  20. 20. KPS digital GmbH, ein Unternehmen der KPS AG IPAD PRO - TABLET ODER NOTEBOOK
  21. 21. KPS digital GmbH, ein Unternehmen der KPS AG TOUCH ODER KEYBOARD
  22. 22. KPS digital GmbH, ein Unternehmen der KPS AG DENKEN IN GERÄTEKLASSEN IST EIN SILO
  23. 23. PHOTOSHOP IST EIN SILO
  24. 24. RESPONSIVE EXPERIENCE IST EIN ÖKOSYSTEM Bild: http://www.webdesignerdepot.com/2015/03/the-future-of-responsive-web-design/
  25. 25. KPS digital GmbH, ein Unternehmen der KPS AG WIR OPTIMIEREN DAS BESTEHENDE
  26. 26. KPS digital GmbH, ein Unternehmen der KPS AG NUR OBERFLÄCHEN ALLEIN SIND EIN AUSLAUFMODELL
  27. 27. SO SCHAFFEN WIR NICHT 
 DEN SPRUNG ZU RESPONSIVE EXPERIENCE
  28. 28. KPS digital GmbH, ein Unternehmen der KPS AG INHALTE MÜSSEN ZUM KONTEXT PASSEN
  29. 29. KPS digital GmbH, ein Unternehmen der KPS AG CROSS DEVICE 
 CONTENT-CHOREOGRAPHY
  30. 30. KPS digital GmbH, ein Unternehmen der KPS AG WHERE THE 
 MAGIC HAPPENS Cross Device Content-Choreography
  31. 31. KPS digital GmbH, ein Unternehmen der KPS AG KON TEXT DER;[E]S, -E<LAT.> (ZUSAMMENHANG)
  32. 32. KPS digital GmbH, ein Unternehmen der KPS AG RE LE VANZ LAT./ITAL.: RE-LEVARE (WICHTIGKEIT IN EINEM BESTIMMTEN ZUSAMMENHANG.)
  33. 33. KPS digital GmbH, ein Unternehmen der KPS AG Kontext Relevanz FLUID EXPERIENCE
  34. 34. KPS digital GmbH, ein Unternehmen der KPS AG WIE SIEHT DIE STRATEGIE AUS?
  35. 35. KPS digital GmbH, ein Unternehmen der KPS AG METHODEN?
  36. 36. Product Experience Mapping Story-Driven-Design Prototype Network of Content
  37. 37. KPS digital GmbH, ein Unternehmen der KPS AG PRODUCT EXPERIENCE MAPPING Kontextsensitive Benutzererlebnisse erkennen und verstehen.
  38. 38. KPS digital GmbH, ein Unternehmen der KPS AG SCHLANKE UND ZIELORIENTIERTE METHODE IM KONTEXT DER MULTIDEVICE-NUTZUNG
  39. 39. KPS digital GmbH, ein Unternehmen der KPS AG Customer 
 Journey Experience Map Skizziert das Benutzererlebnis übergreifend Nutzungskontext wird fühlbarer und nachvollziehbarer
  40. 40. KPS digital GmbH, ein Unternehmen der KPS AG CUSTOMER JOURNEY Attention - Interesst - desire - action
  41. 41. KPS digital GmbH, ein Unternehmen der KPS AG URALTES MODELL VON 1898 Elmo Lewis
  42. 42. KPS digital GmbH, ein Unternehmen der KPS AG STORY-DRIVEN DESIGN Konzepte aus der Sicht des Nutzers und seinem Kontext entwickeln.
  43. 43. KPS digital GmbH, ein Unternehmen der KPS AG IDEEN VISUALISIEREN Kreatives Denken steht im Mittelpunkt
  44. 44. KPS digital GmbH, ein Unternehmen der KPS AG CONTEXTUAL STORYBOARDS
  45. 45. KPS digital GmbH, ein Unternehmen der KPS AG EXPERIENCE-FOCUSED STORYBOARDS
  46. 46. KPS digital GmbH, ein Unternehmen der KPS AG PROTOTYPE
  47. 47. HYPOTHESEN, ANNAHMEN
 WERDEN TESTBAR
  48. 48. KPS digital GmbH, ein Unternehmen der KPS AG PAPER PROTOTYPING Image: http://blog.invisionapp.com/10-tips-on-prototyping-uis-with-sketch/
  49. 49. KPS digital GmbH, ein Unternehmen der KPS AG VISION PROTOTYPE High Fidelity Prototype mit Design Anmutungen
  50. 50. KPS digital GmbH, ein Unternehmen der KPS AG KOMPLEXITÄT WEICHT DER NUTZER PERSPEKTIVE Die Kraft von Prototyping
  51. 51. PHOTOSHOP SCHAFFT KOMPLEXITÄT
  52. 52. WIR REDEN WIEDER 
 ÜBER OBERFLÄCHE
  53. 53. KPS digital GmbH, ein Unternehmen der KPS AG NETWORK OF CONTENT
  54. 54. KPS digital GmbH, ein Unternehmen der KPS AG NICHT VON SEITEN SPRECHEN, SONDERN VON CONTENT SYSTEMS ODER NETWORK OF CONTENT.
  55. 55. KPS digital GmbH, ein Unternehmen der KPS AG STYLETILES Design Konzepte entwickeln, keine Seiten
  56. 56. KPS digital GmbH, ein Unternehmen der KPS AG PATTERN LAB „Atomic Design“
  57. 57. KPS digital GmbH, ein Unternehmen der KPS AG CONTENT BASED BREAKPOINTS
  58. 58. KPS digital GmbH, ein Unternehmen der KPS AG Major Breakpoints (Layout Änderungen) Minor Breakpoints (Tweak für Komponenten)
  59. 59. KPS digital GmbH, ein Unternehmen der KPS AG F…K OFF LOREM IPSUM
  60. 60. KPS digital GmbH, ein Unternehmen der KPS AG STELLT LOREM IPSUM EINEN KONTEXT HER?
  61. 61. KPS digital GmbH, ein Unternehmen der KPS AG NEIN?
  62. 62. KPS digital GmbH, ein Unternehmen der KPS AG HAT LOREM IPSUM EINE HANDLUNGSRELEVANZ FÜR DEN NUTZER?
  63. 63. KPS digital GmbH, ein Unternehmen der KPS AG NEIN?
  64. 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. 65. KPS digital GmbH, ein Unternehmen der KPS AG @Jacob Nielsen „Text is a UI“
  66. 66. KPS digital GmbH, ein Unternehmen der KPS AG CONTENT MACHT USABILITY-TESTS 
 ERST MÖGLICH!
  67. 67. KPS digital GmbH, ein Unternehmen der KPS AG WAS IST EIGENTLICH MIT DEN REALITÄTEN UNSERER KUNDEN – IHRER STAKEHOLDER & CO.?
  68. 68. DANKE!
  69. 69. PETER.ROZEK@KPS.DE FRAGEN ? FÜR ELLEN KPS digital GmbH, ein Unternehmen der KPS AG

×