Zeix i2 summit2012_responsivedesign&contentstrategy_v1-0_2012-11-21
•
0 gefällt mir•1,057 views
Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Andere mochten auch
Andere mochten auch (20)
Ähnlich wie Zeix i2 summit2012_responsivedesign&contentstrategy_v1-0_2012-11-21
Ähnlich wie Zeix i2 summit2012_responsivedesign&contentstrategy_v1-0_2012-11-21 (20)
Mehr von Zeix AG
Mehr von Zeix AG (14)
Zeix i2 summit2012_responsivedesign&contentstrategy_v1-0_2012-11-21
- 1. i2summit 2012 Content Strategy Content Strategy trifft Responsive Design #i2summit © by Zeix 2012 1
- 2. Responsive Design I h l Inhalt und Kontext dK Content Strategy Fazit © by Zeix 2012 2
- 3. Responsive Design Der Gerätepark wächst p ? ? © by Zeix 2012 3 ?
- 4. Was ist Responsive Design? Neue Inputmethoden p ?? © by Zeix 2012 4 ?
- 5. Was ist Responsive Design? Was wird angepasst? g p die Darstellung optimierte Darstellung für unterschiedliche Bildschirmgrössen optimierte Darstellung für unterschiedliche Bildschirmgrössen © by Zeix 2012 5
- 8. Was ist Responsive Design? Was wird angepasst? g p die Darstellung optimierte Darstellung für unterschiedliche Bildschirmgrössen optimierte Darstellung für unterschiedliche Bildschirmgrössen die Bedienlogik z.B. andere Logik der Navigation © by Zeix 2012 8
- 11. Was ist Responsive Design? Was wird angepasst? g p die Darstellung optimierte Darstellung für unterschiedliche Bildschirmgrössen optimierte Darstellung für unterschiedliche Bildschirmgrössen die Bedienlogik z.B. andere Logik der Navigation der Inhalt/die Funktionalität z.B. reduzierte Inhaltsmenge in Teasern auf mobilen Geräten © by Zeix 2012 11
- 13. Was ist Responsive Design? Technisch Server CSS Gleicher Code (HTML/CSS/Javascript) HTML wird an alle Geräte gesendet. d Pro Gerät unterschied‐ liche l h Interpretation des d CSS‐Codes im Browser (@media‐Regeln) © by Zeix 2012 13
- 14. Responsive Design Was ist Responsive Design? p g Responsive Design = Für In‐ und Output‐ Möglichkeiten des p Devices optimierte Website © by Zeix 2012 14
- 15. Responsive Design I h l Inhalt und Kontext dK Content Strategy Fazit © by Zeix 2012 15
- 16. Inhalt und Kontext Responsive Design & Kontext p g Responsive Design = Für In‐ und Output‐ Anpassen einer Website an den Möglichkeiten des Kontext, in dem sie p Devices optimierte konsumiert wird Website Oftmals wissen wir mehr über den Kontext als nur das über den Kontext als nur das Gerät/Device © by Zeix 2012 16
- 17. Inhalt und Kontext Kontext 1: Gerät/Device / Responsive Design, wie wir es heute kennen AAngepasste Darstellung, Bedienlogik und Inhaltsmengen für D ll B di l ik d I h l fü Möglichkeiten und Limitationen des entsprechenden Geräts © by Zeix 2012 17
- 18. Inhalt und Kontext Kontext 2: Ort Ortsbezogene Dienste (location‐based services) AAngepasste Darstellung und Inhaltsauswahl nach D ll dI h l hl h geografischer Nähe zum Ort von Interesse © by Zeix 2012 18
- 21. Inhalt und Kontext Kontext 3: Zeit Anpassung der Inhalte je nachdem, wann ein User die Website besucht: Website besucht: Tageszeit Auch grössere Zeitabschnitte wie Wochentage oder Jahreszeiten Auch grössere Zeitabschnitte wie Wochentage oder Jahreszeiten denkbar © by Zeix 2012 21
- 25. Inhalt und Kontext Kontext 4: User Falls der User bekannt ist können die Inhalte seinen Präferenzen angepasst werden Präferenzen angepasst werden Nach Login Informationen über den User in Cookies gespeichert Informationen über den User in Cookies gespeichert Durch Verbindung mit Social Networks (Facebook Connect, Google+) Wird schon sehr stark eingesetzt In der Werbung: Bsp. Zalando Von Google Im E‐Commerce: Bsp. Amazon © by Zeix 2012 25
- 28. Inhalt und Kontext Kontext 5: Prozess/Status / Device‐übergreifende Prozess‐Unterstützung wird immer wichtiger, wichtiger weil User vermehrt zwischen Devices hin und her wechseln und dabei Use Cases auf einem Device beginnen und auf dem und dabei Use Cases auf einem Device beginnen und auf dem nächsten fortführen. © by Zeix 2012 28
- 29. Quelle: http://services.google.com/fh/files/misc/multiscreenworld_final.pdf p // g g / / / / _ p © by Zeix 2012
- 33. Inhalt und Kontext Kontext 5: Prozess/Status / Beispiel SBB ‐ Eine gute übergreifende User Experience wäre: Am Compi im Büro © by Zeix 2012 33
- 34. Zürich Wallisellen Mi, 21.11.12 © by Zeix 2012 Beispiel: http://www.sbb.ch
- 35. 21.11.12 © by Zeix 2012 Beispiel: http://www.sbb.ch
- 36. 21.11. 22.11. © by Zeix 2012
- 37. Unterwegs mit dem iPhone © by Zeix 2012 37
- 39. Responsive Design I h l Inhalt und Kontext dK Content Strategy Fazit © by Zeix 2012 39
- 40. Content Strategy Voraussetzungen g Informationen zur Definition der Regeln, über die die Inhalts‐ Anzeige gesteuert wird. Anzeige gesteuert wird Falls Kontext X Falls Kontext X dann Inhalt Y Inhalt Y I f Informationen über den Kontext ti üb d K t t Metainformationen zu den Inhalten © by Zeix 2012 40
- 41. Content Strategy Informationen über den Kontext Informationen über den Kontext sind immer mehr verfügbar GPS i i GPS in immer mehr Geräten h G ät Vernetzung von Benutzerprofilen (z.B. Facebook Connect) Persönliche Geräte für Internetzugriff (Smartphones) Persönliche Geräte für Internetzugriff (Smartphones) © by Zeix 2012 41
- 42. Content Strategy Die relevanten Inhalte Welche Ihrer Inhalte sind in welchem Kontext relevant? Für welche User, Fü l h U die sich in welcher Lebenssituation/in welchem Prozess befinden, die sich wo befinden, die sich wo befinden, zu welcher Zeit, Auf welchem Gerät? © by Zeix 2012 42
- 43. Content Strategy Metainformationen über den Inhalt Mit welchen Informationen müssen die Inhalte angereichert werden, damit man sie nur dann ausgeben kann, wenn sie werden damit man sie nur dann ausgeben kann wenn sie relevant sind? Geokoordinaten Geografische Relevanz Zeitliche Relevanz Relevanz für unterschiedliche Nutzergruppen Thematische Beschreibung © by Zeix 2012 43
- 44. Responsive Design I h l Inhalt und Kontext dK Content Strategy Fazit © by Zeix 2012 44
- 45. Fazit Wo trifft Content Strategy auf Responsive Design? Content Strategy = Selektion von Inhalten und gezielte Anreicherung mit i l i h i Metadaten, so dass sie Responsive Design = basierend auf Regeln kontext‐ optimiert angezeigt werden i i i d können. © by Zeix 2012 45
- 46. Fazit Relevanz durch Metadaten Egal, welche technologischen Neuigkeiten noch hinzukommen Di E höh Die Erhöhung der Relevanz von Inhalten ist eine der grossen d R l I h l i i d Herausforderung der kommenden Jahre Je genauer die Inhalte durch Metadaten beschrieben sind Je genauer die Inhalte durch Metadaten beschrieben sind, um so einfacher ist es, sie in den richtigen Momenten anzeigen zu können anzeigen zu können © by Zeix 2012 46
- 47. Vielen Dank Esther Brunner esther.bruner@zeix.com esther bruner@zeix com @ebr76 Gregor Urech Gregor Urech gregor.urech@zeix.com @g @gurech Zeix AG www.zeix.com www zeix com @zeix © by Zeix 2012 47
- 48. http://www.easyvectors.com/browse/human/cartoon‐brain‐outline‐clip‐art http://www.cnet.de/themen/archiv/39001318/artikel zum thema sommer.htm http://www.cnet.de/themen/archiv/39001318/artikel_zum_thema_sommer.htm http://www.iphonehacks.com/2010/12/kinect‐like‐touchless‐gesture‐user‐ interface‐for‐ipad‐will‐be‐demoed‐at‐ces.html http://services google com/fh/files/misc/multiscreenworld final pdf http://services.google.com/fh/files/misc/multiscreenworld_final.pdf © by Zeix 2012 48