Fachtagung. Mobile. CMS. Ausgabekanäle. Trends. Responsive Design. Johannes Waibel. Senior Consultant. 1
Optimale Auslieferung der CMS-Inhalte für mobile Endgeräte. http://www.flickr.com/photos/rkottonau/571288490/
Agenda. à Digitale Welt gestern & heute à Multiple Ausgabekanäle à Implementierungsvarianten Responsive Layout Eigene mobile Website(s) Mobile Applikation(en) à Content Erfassung & Darstellung à Zusammenfassung à Fragen 03.03.2011 3 Content. Mobile. Devices. Auslieferung.
Die digitale Welt gestern & heute. 03.03.2011 4 Content. Mobile. Devices. Auslieferung.
Die digitale Welt gestern & heute. Gestern. Webbrowser Notebook Tastatur 03.03.2011 5 Content. Mobile. Devices. Auslieferung.
Die digitale Welt gestern & heute. Heute. Large Screen Spielkonsole Notebook Tablet Screen Chat Telefon 03.03.2011 6 Mobile Screen Content. Mobile. Devices. Auslieferung.
Die digitale Welt gestern & heute. Fazit. à Das Internet ist nur das Medium und überall verfügbar à Verschiedenste Endgeräte konsumieren Inhalte und Informationen über dieses Medium Desktop Computer Notebooks Mobile Devices Tablets TV Objekte (Internet of things) à Heute: Fokus auf Mobile Devices & Tablets 03.03.2011 7 Content. Mobile. Devices. Auslieferung.
Die digitale Welt gestern & heute. Gartner Web Zugriffe 2013. Web Zugriffe By 2013, mobile phones will overtake PCs as the most common on Web access device worldwide. Quelle: http://www.gartner.com/it/page.jsp?id=1278413 (Januar 2010) Mobile Web Desktop Web 2013 Zeit 03.03.2011 8 Content. Mobile. Devices. Auslieferung.
Websites not optimized for the smaller-screen formats will become a market barrier for their owners much content and many sites will need to be reformatted/rebuilt. Quelle: http://www.gartner.com/it/page.jsp?id=1278413 und wie sieht es mit Ihrer Corporate Website aus? Corporate Website = Mobile Site? Bild: http://www.flickr.com/photos/snapeverything/4941793006/
Multiple Ausgabekanäle. 03.03.2011 10 Content. Mobile. Devices. Auslieferung.
Multiple Ausgabekanäle. Ausgabevarianten Anwendersicht. Desktop Mobile Webbrowser Smartphones Tablets Im Büro / Zuhause Komplexe Aufgaben Research Aufgaben Zugriffsdauer: lang Überall (always on, always carried) Dringende Aufgaben Wiederholte Aufgaben Realtime Kommunikation Zugriffsdauer: kurz Zuhause / Business (B2B) Beratung Repräsentierung / Präsentation Medien Konsum Zugriffsdauer: variabel 03.03.2011 11 Content. Mobile. Devices. Auslieferung.
Multiple Ausgabekanäle. Ausgabevarianten - Technische Sicht. Desktop Mobile Webbrowser IE, FF, Chrome,... Responsive Layout Eigene Mobile Website(s) Applikationen (Browser) (Browser) (Nativ) Content Management System 03.03.2011 12 Content. Mobile. Devices. Auslieferung.
Beispiele für Implementierungsvarianten. 03.03.2011 13 Content. Mobile. Devices. Auslieferung.
Umsetzungsvarianten im Mobile Web. Responsive Layout (Liquid Layout). http://2010.dconstruct.org/ 03.03.2011 14 Content. Mobile. Devices. Auslieferung.
Umsetzungsvarianten im Mobile Web. Responsive Layout (Liquid Layout). http://2010.dconstruct.org/ 03.03.2011 15 Content. Mobile. Devices. Auslieferung.
Umsetzungsvarianten im Mobile Web. Responsive Layout - Key Facts. à Es gibt nur 1 Website für alle Devicetypen & Gruppen (One Web) à Es gibt keine eigene mobile URL à Responsive Content bedeutet Umordnung von Modulen Reduktion von Content Dynamische Berechnung von Grössenverhältnissen à Responsive Content wird gesteuert über Screengrösse à Primär clientseitig mit Frontendtechnik (CSS, Java Script) à Meist nur Online Nutzung, inkl. HTML5 03.03.2011 16 Content. Mobile. Devices. Auslieferung.
Eigene mobile Website(s). 03.03.2011 17 Content. Mobile. Devices. Auslieferung.
Raiffeisen Mobile Website.
Umsetzungsvarianten im Mobile Web. Eigene Mobile Website(s) - Key Facts. à Eigene Mobile Website(s) zusätzlich zur Corporate Website à Mobile URL (m.company.com) à Kombination mit User Agent Erkennung à Anpassung Content und Applikationslogik erfolgt primär serverseitig à Meist nur Online Nutzung, inkl. HTML5 03.03.2011 19 Content. Mobile. Devices. Auslieferung.
Native Applikationen. 03.03.2011 20 Content. Mobile. Devices. Auslieferung.
Raiffeisen Hypothekenrechner.
Umsetzungsvarianten im Mobile Web. Native Applikationen - Key Facts. à Native Applikationen stehen oft nur teilweise mit dem CMS in einer Beziehung und haben starken Applikationscharakter à Verwenden keinen Browser sondern laufen nativ à Bezug und Vertrieb erfolgt über Applicationstores (Ökosystem) à Die Entwicklung erfolgt pro Plattform (ios, Android,...) mit geringen Synergien à Einbezug von Hardware Features (Kamera, GPS, Dokumente,..) möglich à Flexible Kombination aus Offline & Online 03.03.2011 24 Content. Mobile. Devices. Auslieferung.
Wann welche Mobile Variante wählen? 03.03.2011 25 Content. Mobile. Devices. Auslieferung.
Umsetzungsvarianten im Mobile Web. Wann welche Mobile Variante wählen? Responsive Layout Eigene Mobile Website(s) Applikationen Ansatz 1 Website Eigene Website(s) für definierte Devicegruppen Ausreizen von plattformspezifischen Funktionen Content und Interaktion Gleicher Content bei unterschiedlicher Darstellung Mobiler Content mit eigener Darstellung Mobiler Content mit hoher Interaktivität Ökosystem Normale Website Normale Website, reduzierter Umfang Eigenes Ökosystem: Sichtbarkeit, Ratings, Bezahlsystem Kosten für Entwicklung gering gering + gering hoch 03.03.2011 26 Content. Mobile. Devices. Auslieferung.
Content Erfassung & Darstellung. 03.03.2011 27 Content. Mobile. Devices. Auslieferung.
Wie sieht der Mobile Content auf den verschiedenen Mobile Devices aus?
Content Erfassung & Darstellung. Heute. 03.03.2011 29 Content. Mobile. Devices. Auslieferung.
Content Erfassung & Darstellung. Zukunft. à CMS mit integrierten Mobile Emulatoren à Wie geht das? 03.03.2011 30 Content. Mobile. Devices. Auslieferung.
Content Erfassung & Darstellung. Demo. Demo 03.03.2011 31 Content. Mobile. Devices. Auslieferung.
Zusammenfassung. 03.03.2011 32 Content. Mobile. Devices. Auslieferung.
Zusammenfassung Umsetzungsvarianten. Zusammenfassung. à Jedes Display (Desktop Browser, Notebook, Tablet-PC, Mobile Endgeräte, TV,...) wird in Zukunft Internetinhalte abrufen können. à In Zukunft erleichtern integrierte Mobile Emulatoren die Arbeit von Content Redakteuren à Entscheidung welche Mobile Variante gewählt wird 1 Responsive Design 2 Eigene Mobile Website(s) 3 Native Applikation(en) 03.03.2011 33 Content. Mobile. Devices. Auslieferung.
Vielen Dank für Ihre Aufmerksamkeit. johannes.waibel@namics.com @joewaibel 03.03.2011 34 Content. Mobile. Devices. Auslieferung.
Umsetzungsvarianten im Mobile Web. Trend Mobile First. à Traditioneller Ansatz à Neuer Ansatz Gesamte Corporate Website = Gesamte Corporate Website - Reduktion Anwendungsfälle / Inhalte + weitere Anwendungsfälle / Inhalte = Mobile Site Mobile Site 03.03.2011 35 Content. Mobile. Devices. Auslieferung.
Responsive Layout (Liquid Layout). 03.03.2011 36 Content. Mobile. Devices. Auslieferung.
Zusammenfassung Umsetzungsvarianten. In Zukunft könnten CMS-Offerten so aussehen: à Desktopwebsite(s): 2 meistverwendete Desktopbrowser Internet Explorer 7 + CHF 10 000.- Internet Explorer 6 + CHF 15 000.-... à Mobile Responsive Design (Tablet & Smartphones) + CHF 10 000.- Eigene Mobile Website (Tablet & Smartphones) + CHF 40 000.- Mobile Applikationen (Tablet & Smartphones) + CHF x.- 03.03.2011 37 Content. Mobile. Devices. Auslieferung.
Mobile Strategie Mobile Strategie Arbeitsschritte. Mobile.Namics 1. Analyse 2. Vision und Ziele 3. Zielgruppen & Bedürfnisse 4. Ableitung Mobile Services = Mobile Strategie 5. Planung 5/2/11 Mobile. Context is King. ZRH.