Konzeption und Strategieentwicklung
von Multiscreen Projekten
Projektvorstellung
World Usability Day Stuttgart, 8. Novembe...
Wolfram Nagel
Head of Design / digiparden GmbH
Konzeption, Strategie und Beratung
Co-Initiator Design Methoden Finder
www....
Softwareentwicklung, Content Management,
Beratung, Philosophy of Data, Content Strategy,
Next Generation Information Exper...
Status quo
We are a nation
of multiscreeners.
Most of media time today
is spent in front of a
screen.
Google Studie 2012 (bit.ly/ggl1...
Laptop
Tablet
Smartphone
TV
Digitale Gesellschaft (2012): Zunehmende Gerätefragmentierung und Parallelnutzung. Information...
Herausforderungen
>	 Fragmentierter Tagesablauf
>	Nutzungsverhalten
>	Multiscreener*
>	 Multiscreen Services
* User, die s...
Einflussfaktoren
1)	Device / Screen
2)	Benutzer
3)	Nutzungskontext
Drei relevante Faktoren für eine medien- und plattformü...
Multiscreen
Experience
VIER SCREENS KONZEPTION
UND STRATEGIE
NUTZER (TYPEN) NUTZUNGSKONTEXT
Muster, Empfehlungen und Metho...
Multiscreen
>	 Eine Multiscreen Anwendung ist mit verschiedenen
Endgeräten nutzbar und somit Cross Device-fähig.
>	 In ein...
Vier Screens
Geräteklassen
>	Nutzungskontext
>	Interaktion
>	Haupt-Eingabemethode*
>	 Durchschnittliche Displaygröße
>	 Typische Entfer...
Entfernung User <––> Screen
10 – 30 cm
30 – 50 cm
1 m
3 m
Screens kombinieren
Es gibt verschiedene Möglichkeiten mehrere Endgeräte bzw. Screens miteinander zu kombinieren.
*Die Mus...
NUTZER (TYPEN)
http://www.cxpartners.co.uk/cxblog/mobile-app-or-mobile-web/
http://www.cxpartners.co.uk/cxblog/mobile-app-or-mobile-web/
...
NUTZER VERSTEHEN
>	 Tagesabläufe und Device Touchpoints
>	 Umfelder, Motive und Bedürfnisse
>	 Relevante Personas identifi...
Personas
Die potentiellen Anwender der Digitalen Gesellschaft (archetypische Personas)
Die Digitale Gesellschaft
Die Persona-Archetypen basieren auf den Nutzertypen aus der Studie »D21 – Die Digitale Gesellsch...
Personas der
Digitalen Gesellschaft
>	 Digitale Außenseiter
>	Gelegenheitsnutzer
>	Berufsnutzer
>	Trendnutzer
>	 Digitaler...
Chris Kulig | 35 Jahre, ledig | Eventmanager, Mittlere Reife und Ausbildung
Trendnutzer
»Neue Geräte besitze ich meistens
...
Chris Kulig | Tagesablauf (als Fließtext und Touchpoint-Matrix)
Chris Kulig | Motive und Bedürfnisse (Limbic Map: http://www.nymphenburg.de/limbic-map.html)
Extravanganz
Kreativität
Rebe...
Chris Kulig, Trendnutzer | Wohnung und privates Umfeld
Nutzungs-
kontext
Nutzungsm
o
dus
Situation
Umfeld
Nutzungskontext
Der Nutzungskontext wird neben dem Anwender und dem verwendeten Endgerät ...
Lean Back Modus
Der Anwender ist vorwiegend entspannt und passiv (temporäre Interaktion / lässt sich berieseln).
Öffentlicher Raum
Öffentlicher Raum ist grundsätzlich für jedermann zugänglich und nicht privat.
Sonderfall !!!
Mobiler
Nutzungs-
kontext
http://www.flickr.com/photos/lexnger/4596784697/ (Foto von Alexa Clark)
http://www.flickr.com/photos/tomschenkenberg/4393981503/ (Foto von Tom Schenkenberg)
http://www.flickr.com/photos/velovotee/5493428527/ (Foto von » velovotee«)
Quelle: engadget (http://www.engadget.com/2010/09/29/exclusive-vws-terminal-mode-prototype-has-a-nokia-n97-at-the-h/)
Quelle: Handy-Tests (http://www.handy-tests.net/27188-mercedes-benz-neue-a-klasse-mit-siri-unterstuetzung)
Verhaltensmuster
>	Micro-tasking
>	 Wiederholend / Statusupdate
>	 Langeweile / Ablenkung / Freizeit
>	 Lokal / ortsbezoge...
>	 Mobile Situation ≠ mobiler Nutzungskontext
>	 Unvorhersehbar / kann überall auftreten
>	 Sonder-Sonderfall »Automotive«...
http://www.cxpartners.co.uk/cxblog/mobile-app-or-mobile-web/
https://twitter.com/#!/globalmoxie/status/192268677305999361
...
Einflussfaktoren
>	Screen
>	Benutzer
>	Nutzungskontext
Drei Faktoren als Basis für Multiscreen Konzepte und Strategien
KonzeptION
und strategie
Smartphone Verkaufszahlen überholen PCs. Gleiches gilt für die Internetnutzung.
Zunehmende Bedeutung mobiler Endgeräte. vi...
Für das wichtigste Gerät zuerst entwickeln. Kleinster Screen zwingt zur Strukturierung der Informationen.
(Luke Wroblewski...
Autor von Mobile First
Luke Wroblewski
Thinking »one eyeball,
one thumb« forces you to
simplify mobile designs.
Studie (Dezember 2011): Jeder zweite Fernsehzuschauer surft parallel zum Fernsehen im Internet.
(http://bit.ly/tvonlinepar...
Parallele, ergänzende Zusatzinformationen am zweiten Screen.
(http://www.designbynotion.com/metamirror-next-generation-tv)
User können während dem Fernsehen miteinander kommunizieren und sich über eine Sendung unterhalten
(z.B. Couchfunk, TunedI...
Device Shifting
					 Device Shifting: Beispiel »Apple AirPlay«
					 (Bildmaterial: Copyright © 2012 Apple Inc.)
Device Shifting
>	 Beliebige Geräte nutzen
>	 Informationen auf bevorzugtem
Device darstellen
>	 Passend zum Kontext
>	 Fl...
Synchronisation
Dropbox synchronisiert geräteübergreifend Dateien zwischen verschiedenen Rechnern und Benutzern.
Über eine...
Synchronisation
>	 geräteübergreifende Daten
>	Interoperabilität
>	 Unabhängigkeit von Gerät,
Zeitpunkt und Ort
>	 Abgleic...
Fluid Experience
Der Video on Demand Service Netflix sieht geräteübergreifend ähnlich aus und funktioniert auch ähnlich.
N...
Fluid Experience
>	 Interface, Funktion, Interaktion
sollten kohärent sein
>	 Responsive Design
>	 Individuelle Geräteeige...
Smart Content
Open API von npr: »Create Once, Publish Everywhere« (http://bit.ly/nprCOPE)
Smart Content
>	 Strukturierte Informationen
>	 Granulare Daten
>	 Content like water
>	 Zentrale Contentpflege
>	 Backend...
setu PIM: Intelligente Datenhaltung und flexible Strukturen für Smart Content.
Flexible Handhabung von Content und Metainf...
Metadata is the new art
direction.
Ethan Resnick, @studip101
Mashability
Qwiki und Storify nutzen Schnittstellen anderer Services um verschiedene Inhalte (Text, Bild, Video) zu einem
...
Samsung Smart TV: Apps (tagesschau.de, YouTube, Facebook), Social TV und Web Browser
(http://samsung.de/de/microsites/smar...
Mashability
>	Mashups
>	 Schnittstellen intelligent nutzen
>	Aggregation
>	 Flexible Inhalte
>	 Kombinieren und synchronis...
Beispiel Nike+ mit iPhone App, Social Network-Integration, eigener Community und Gamification-Elementen.
Communification
Soziale Vernetzung oder eine Community können ein Informationsangebot für dessen Nutzer attraktiver machen.
Anwender könne...
Emotionality
Instagram iPhone App für Social Foto Sharing: »Ein schneller, schöner und lustiger Weg, Deine Freunde durch
B...
Services sind emotional ansprechender, wenn sie Spaß machen, einen gerätefragmentierten Tagesablauf
unterstützen und eine ...
*Responsive Layout Beispiele unter: http://mediaqueri.es
Technische Herausforderungen
>	 Desktop vs Mobile / Web vs Native...
>	 Multiscreen ist Pflicht
>	 Screens und Kombinationsmöglichkeiten
>	 Unterschiedliche Nutzungskontexte
>	 Flexible und d...
>	 Publikation (Dezember 2012)
>	 Website / Plattform (in Planung)
>	 Noch mehr Endgeräte und Screens
>	 Internet der Ding...
Josh Clark
https://twitter.com/#!/globalmoxie/status/192276891913297920
A part of Multi-device
strategy is simply
embracin...
Vielen Dank!
Multiscreen Experience
Projekt von Wolfram Nagel und Valentin Fischer
Web: www.multiscreen-experience-design.com
Wolfram N...
Nächste SlideShare
Wird geladen in …5
×

Multiscreen Experience Design (September 2012, MuC UP12)

2.998 Aufrufe

Veröffentlicht am

Vortrag von Wolfram Nagel (digiparden GmbH) zum Thema "Multiscreen Experience Design" auf der Usability Professionals Konferenz 2012 in Konstanz.

Die Gerätelandschaft wird immer dynamischer und fragmentierter. Viele Anwender werden zukünftig mehrere verschiedene Endgeräte (gleichzeitig) benutzen. Deshalb müssen Informationen auf möglichst allen (relevanten) Screens und Ausgabekanälen verfügbar sein. Das wiederum bedeutet, dass jedes Projekt generell für mehrere Screens und Ausgabekanäle gedacht und konzipiert werden muss, um dem Anwender eine möglichst „fließende Multiscreen Experience“ zu bieten. Der Vortrag stellt Prinzipien, Muster und Empfehlungen vor, die man bei der Konzeption von Multiscreen Projekten berücksichtigen sollte. Zwei Schwerpunkte des Vortrags sind Content- und Informationsmanagement für verschiedene Screens, sowie Kommunikation und Nutzung von Informationen auf mobilen Endgeräten.

Veröffentlicht in: Design
0 Kommentare
9 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

Keine Downloads
Aufrufe
Aufrufe insgesamt
2.998
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
53
Aktionen
Geteilt
0
Downloads
0
Kommentare
0
Gefällt mir
9
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Multiscreen Experience Design (September 2012, MuC UP12)

  1. 1. Konzeption und Strategieentwicklung von Multiscreen Projekten Projektvorstellung World Usability Day Stuttgart, 8. November 2012 Referent: Wolfram Nagel, digiparden GmbH Eigenständiges Projekt auf Basis der Master-Thesis von W. Nagel und V. Fischer Twitter:@wolframnagel#Multiscreen#wudstgt Multiscreen Experience Design
  2. 2. Wolfram Nagel Head of Design / digiparden GmbH Konzeption, Strategie und Beratung Co-Initiator Design Methoden Finder www.designmethodenfinder.de E-Mail: wn@digiparden.de Web: http://about.wolframnagel.com Twitter: @wolframnagel
  3. 3. Softwareentwicklung, Content Management, Beratung, Philosophy of Data, Content Strategy, Next Generation Information Experience Web: www.digiparden.de Twitter: @digiparden digiparden GmbH
  4. 4. Status quo
  5. 5. We are a nation of multiscreeners. Most of media time today is spent in front of a screen. Google Studie 2012 (bit.ly/ggl12)
  6. 6. Laptop Tablet Smartphone TV Digitale Gesellschaft (2012): Zunehmende Gerätefragmentierung und Parallelnutzung. Informationen muss man zukünftig für verschiedene Screens anbieten. Vier Geräteklassen stehen im Fokus.
  7. 7. Herausforderungen > Fragmentierter Tagesablauf > Nutzungsverhalten > Multiscreener* > Multiscreen Services * User, die ständig mit irgendeinem Gerät online sind und zwischen mehreren Bildschirmen wechseln. Nach einer Microsoft-Studie lebten bereits 2010 (!) rund 20 Mio. Multiscreener in Europa (bit.ly/mams2010).
  8. 8. Einflussfaktoren 1) Device / Screen 2) Benutzer 3) Nutzungskontext Drei relevante Faktoren für eine medien- und plattformübergreifende Content Strategy
  9. 9. Multiscreen Experience VIER SCREENS KONZEPTION UND STRATEGIE NUTZER (TYPEN) NUTZUNGSKONTEXT Muster, Empfehlungen und Methoden, die man bei der Konzeption von (Multiscreen) Projekten berücksichtigen sollte. Das Toolkit besteht aus vier Themenblöcken.
  10. 10. Multiscreen > Eine Multiscreen Anwendung ist mit verschiedenen Endgeräten nutzbar und somit Cross Device-fähig. > In einem Multiscreen Szenario werden mehrere Endgeräte oder Bildschirme (und damit auch Informationsangebote) gleichzeitig genutzt. Ausführlich: http://wnagel.posterous.com/multiscreen-definition-wikipedia-entwurf (bit.ly/msxdefblog)
  11. 11. Vier Screens
  12. 12. Geräteklassen > Nutzungskontext > Interaktion > Haupt-Eingabemethode* > Durchschnittliche Displaygröße > Typische Entfernung * z. B.: Fernbedienung, Gesten, Maus, Tastatur, (Multi-)Touch, Sensoren, Ziffernblock, Minitastatur
  13. 13. Entfernung User <––> Screen 10 – 30 cm 30 – 50 cm 1 m 3 m
  14. 14. Screens kombinieren Es gibt verschiedene Möglichkeiten mehrere Endgeräte bzw. Screens miteinander zu kombinieren. *Die Muster basieren auf den Multiscreen Patterns von Precious Design Studio aus Hamburg.
  15. 15. NUTZER (TYPEN)
  16. 16. http://www.cxpartners.co.uk/cxblog/mobile-app-or-mobile-web/ http://www.cxpartners.co.uk/cxblog/mobile-app-or-mobile-web/ People use any platform to do anything. Giles Colborne
  17. 17. NUTZER VERSTEHEN > Tagesabläufe und Device Touchpoints > Umfelder, Motive und Bedürfnisse > Relevante Personas identifizieren > Device Priorität abschätzen > Für relevante/wichtigste Geräte gestalten
  18. 18. Personas Die potentiellen Anwender der Digitalen Gesellschaft (archetypische Personas)
  19. 19. Die Digitale Gesellschaft Die Persona-Archetypen basieren auf den Nutzertypen aus der Studie »D21 – Die Digitale Gesellschaft«. (Quelle: http://www.initiatived21.de/publikationen) Verteilung der Bevölkerung 2011 (Prozentualer Anteil) 26 28 7 21 12 5
  20. 20. Personas der Digitalen Gesellschaft > Digitale Außenseiter > Gelegenheitsnutzer > Berufsnutzer > Trendnutzer > Digitaler Profi > Digitale Avantgarde Fokus auf Medienaffinität, Gerätenutzung, Nutzungskontext und Nutzerbedürfnissen
  21. 21. Chris Kulig | 35 Jahre, ledig | Eventmanager, Mittlere Reife und Ausbildung Trendnutzer »Neue Geräte besitze ich meistens als Erster. Ich weiß auch schon was mein nächstes Smartphone wird. Ein Leben ohne Facebook ist unvorstellbar – alle meine Freunde sind dort.«
  22. 22. Chris Kulig | Tagesablauf (als Fließtext und Touchpoint-Matrix)
  23. 23. Chris Kulig | Motive und Bedürfnisse (Limbic Map: http://www.nymphenburg.de/limbic-map.html) Extravanganz Kreativität Rebellion Risikofreude Impulsivität Hygiene SparsamkeitSauberkeit Askese Heimat Familie Nostalgie Natur Toleranz Herzlichkeit Vertrauen Leichtigkeit Poesie Träumen Sinnlichkeit Genuss Spontanität Abwechslung Unterhaltung Humor Spaß Kunst Geborgenheit Treue Gesundheit Sieg Kampf Mut Macht Elite Durchsetzung LeistungStatus Freiheit Ruhm Ehre Effizienz Ehrgeiz Hartnäckigkeit Fleiß Funktionalität PräzisionLogikOrdnung Gerechtigkeit Gehorsamkeit Disziplin PflichtMoral Verlässlichkeit Tradition Sicherheit Freundschaft Geselligkeit Flexibilität Offenheit Autonomie Individualismus Fantasie Erholung Entspannung Neugier Qualität
  24. 24. Chris Kulig, Trendnutzer | Wohnung und privates Umfeld
  25. 25. Nutzungs- kontext
  26. 26. Nutzungsm o dus Situation Umfeld Nutzungskontext Der Nutzungskontext wird neben dem Anwender und dem verwendeten Endgerät durch die Parameter Nutzungsmodus, Situation und Umfeld beeinflusst.
  27. 27. Lean Back Modus Der Anwender ist vorwiegend entspannt und passiv (temporäre Interaktion / lässt sich berieseln).
  28. 28. Öffentlicher Raum Öffentlicher Raum ist grundsätzlich für jedermann zugänglich und nicht privat.
  29. 29. Sonderfall !!!
  30. 30. Mobiler Nutzungs- kontext
  31. 31. http://www.flickr.com/photos/lexnger/4596784697/ (Foto von Alexa Clark)
  32. 32. http://www.flickr.com/photos/tomschenkenberg/4393981503/ (Foto von Tom Schenkenberg)
  33. 33. http://www.flickr.com/photos/velovotee/5493428527/ (Foto von » velovotee«)
  34. 34. Quelle: engadget (http://www.engadget.com/2010/09/29/exclusive-vws-terminal-mode-prototype-has-a-nokia-n97-at-the-h/)
  35. 35. Quelle: Handy-Tests (http://www.handy-tests.net/27188-mercedes-benz-neue-a-klasse-mit-siri-unterstuetzung)
  36. 36. Verhaltensmuster > Micro-tasking > Wiederholend / Statusupdate > Langeweile / Ablenkung / Freizeit > Lokal / ortsbezogen > Dringend Typische Interaktions- und Verhaltensmuster im mobilen Nutzungskontext Quellen: Josh Clark (oreil.ly/clarktapworthy) und Google Mobile UX Strategy (bit.ly/googlemobileux)
  37. 37. > Mobile Situation ≠ mobiler Nutzungskontext > Unvorhersehbar / kann überall auftreten > Sonder-Sonderfall »Automotive« > Unterschiedliche Bedürfnisse > Voller Funktionsumfang Mobiler Nutzungskontext
  38. 38. http://www.cxpartners.co.uk/cxblog/mobile-app-or-mobile-web/ https://twitter.com/#!/globalmoxie/status/192268677305999361 Cennydd Bowles Don‘t cut content or features just because people happen to be on a small screen.
  39. 39. Einflussfaktoren > Screen > Benutzer > Nutzungskontext Drei Faktoren als Basis für Multiscreen Konzepte und Strategien
  40. 40. KonzeptION und strategie
  41. 41. Smartphone Verkaufszahlen überholen PCs. Gleiches gilt für die Internetnutzung. Zunehmende Bedeutung mobiler Endgeräte. via http://bkaprt.com/mf/4 Mobile vs Desktop 2005 2006 2007 2008 2009 2010E 2011E 2012E 2013E Smartphones PCs Verkaufszahlen Smartphones vs. PCs (Statistik und Prognose)
  42. 42. Für das wichtigste Gerät zuerst entwickeln. Kleinster Screen zwingt zur Strukturierung der Informationen. (Luke Wroblewski: Mobile First, A Book Apart – http://bkaprt.com/mf) Mobile First
  43. 43. Autor von Mobile First Luke Wroblewski Thinking »one eyeball, one thumb« forces you to simplify mobile designs.
  44. 44. Studie (Dezember 2011): Jeder zweite Fernsehzuschauer surft parallel zum Fernsehen im Internet. (http://bit.ly/tvonlineparallel2011) SimultanNutzung sehr häufig oft gelegentlich k.A. nie selten
  45. 45. Parallele, ergänzende Zusatzinformationen am zweiten Screen. (http://www.designbynotion.com/metamirror-next-generation-tv)
  46. 46. User können während dem Fernsehen miteinander kommunizieren und sich über eine Sendung unterhalten (z.B. Couchfunk, TunedIn). In Social TV-Konzepten wird eine Familiensituation emuliert. Social TV
  47. 47. Device Shifting Device Shifting: Beispiel »Apple AirPlay« (Bildmaterial: Copyright © 2012 Apple Inc.)
  48. 48. Device Shifting > Beliebige Geräte nutzen > Informationen auf bevorzugtem Device darstellen > Passend zum Kontext > Flexible Informationsaufnahme (Watch / Read Later) Die Anzeige von Inhalten oder Informationen wird von einem auf ein anderes Gerät verschoben. Die Darstellung wird zwischen den beteiligten Screens umgeschaltet.
  49. 49. Synchronisation Dropbox synchronisiert geräteübergreifend Dateien zwischen verschiedenen Rechnern und Benutzern. Über eine Schnittstelle können auch andere Applikationen den Service nutzen (z.B. iAWriter und Plaintext).
  50. 50. Synchronisation > geräteübergreifende Daten > Interoperabilität > Unabhängigkeit von Gerät, Zeitpunkt und Ort > Abgleich von Daten(status) > Cloud Computing / Data Sharing > Datenschutz > Connectivity (Funklöcher, etc.) Informationen und Daten geräteübergreifend synchron und auf dem gleichen Stand halten
  51. 51. Fluid Experience Der Video on Demand Service Netflix sieht geräteübergreifend ähnlich aus und funktioniert auch ähnlich. Nutzt Erkenntnisse aus TV-Interface (Content = Interface).
  52. 52. Fluid Experience > Interface, Funktion, Interaktion sollten kohärent sein > Responsive Design > Individuelle Geräteeigenschaften > Native Experience > Plattform- und markenkonform > Content Availability > Content First Ein Informationsangebot sollte auf jedem Screen ähnlich aussehen und funktioneren (Fluid Experience). Layouts und (!) Inhalte müssen sich dynamisch und flexibel anpassen (Responsive Design).
  53. 53. Smart Content Open API von npr: »Create Once, Publish Everywhere« (http://bit.ly/nprCOPE)
  54. 54. Smart Content > Strukturierte Informationen > Granulare Daten > Content like water > Zentrale Contentpflege > Backend / CMS Workflows > Content Availability > Open Content, API, Metadata > Neue Geschäftsmodelle Je granularer die Inhalte sind, desto flexibler lassen sie sich geräteübergreifend einsetzen und publizieren.
  55. 55. setu PIM: Intelligente Datenhaltung und flexible Strukturen für Smart Content. Flexible Handhabung von Content und Metainformation. Für alle Kanäle und Märkte.
  56. 56. Metadata is the new art direction. Ethan Resnick, @studip101
  57. 57. Mashability Qwiki und Storify nutzen Schnittstellen anderer Services um verschiedene Inhalte (Text, Bild, Video) zu einem neuen Informationspaket zu aggregieren.
  58. 58. Samsung Smart TV: Apps (tagesschau.de, YouTube, Facebook), Social TV und Web Browser (http://samsung.de/de/microsites/smarttv)
  59. 59. Mashability > Mashups > Schnittstellen intelligent nutzen > Aggregation > Flexible Inhalte > Kombinieren und synchronisieren Plattformunabhängige und flexible Inhalte, Daten und Informationen lassen sich durch Nutzung entsprechender Schnittstellen zu neuen mehrwertigen Services kombinieren.
  60. 60. Beispiel Nike+ mit iPhone App, Social Network-Integration, eigener Community und Gamification-Elementen. Communification
  61. 61. Soziale Vernetzung oder eine Community können ein Informationsangebot für dessen Nutzer attraktiver machen. Anwender können Inhalte erstellen, teilen, bewerten und kommentieren. Communification > Digitale Community als Win-Win > Kommunikationskanal > Social Involvement > User Generated Content > »liken«, empfehlen, verkaufen > Geo-Location und -Checkin > Gamification
  62. 62. Emotionality Instagram iPhone App für Social Foto Sharing: »Ein schneller, schöner und lustiger Weg, Deine Freunde durch Bilder an Deinem Leben teilhaben zu lassen.« (http://instagram.com)
  63. 63. Services sind emotional ansprechender, wenn sie Spaß machen, einen gerätefragmentierten Tagesablauf unterstützen und eine fließende Multiscreen Experience bieten. Emotionality > Psychologie > Bedürfnisse und Motive > Informationen emotionalisieren > Mehrwert bieten > Alle Touchpoints relevant > Spielelemente > Soziale Komponenten
  64. 64. *Responsive Layout Beispiele unter: http://mediaqueri.es Technische Herausforderungen > Desktop vs Mobile / Web vs Native > Exakte Erkennung der Geräteklasse > Media Queries* für optimale Layout-Anpassung > Interaktion (Hover, Click, Swipe, etc.) > Unterstützung aktueller Webtechnologien > Plattform-Eigenheiten > Effiziente und breitgefächerte Testumgebung
  65. 65. > Multiscreen ist Pflicht > Screens und Kombinationsmöglichkeiten > Unterschiedliche Nutzungskontexte > Flexible und dynamische Layouts und (!) Inhalte > Multiscreen-fähige Daten > Datensicherheit und -verbindungen > Passende Content Management Workflows > Fluid Experience > Muster oder Toolkit als Hilfestellung Zusammenfassung
  66. 66. > Publikation (Dezember 2012) > Website / Plattform (in Planung) > Noch mehr Endgeräte und Screens > Internet der Dinge Ausblick Mehr Infos: www.multiscreen-experience-design.com
  67. 67. Josh Clark https://twitter.com/#!/globalmoxie/status/192276891913297920 A part of Multi-device strategy is simply embracing the uncertainty.
  68. 68. Vielen Dank!
  69. 69. Multiscreen Experience Projekt von Wolfram Nagel und Valentin Fischer Web: www.multiscreen-experience-design.com Wolfram Nagel Mail: wn@digiparden.de Web: http://about.wolframnagel.com Twitter: @wolframnagel digiparden GmbH Web: www.digiparden.de Twitter: @digiparden Informationen

×