SlideShare ist ein Scribd-Unternehmen logo

Die mobile Herausforderung

Responsive vs. mobile Website vs. Apps: Lösungsansätze und Praxisbeispiele Vortrag von Martin Reiher und Jan Gessenhardt am 12.09.2013 auf der Jahrestagung des Bundesverbandes für Hochschulkommunikation in Hannvover.

1 von 67
Downloaden Sie, um offline zu lesen
Die mobile Herausforderung
Responsivevs.mobileWebsitevs.Apps
LösungsansätzeundPraxisbeispiele
Hannover, 12.09.2013
Heute für Sie hier
Martin Reiher
Etat Direktor // Leiter
Hochschulteam Aperto
Jan Gessenhardt
Geschäftsführer
Aperto Move GmbH
Wer wir sind.
Agentur für Kommunikation
Brand
Strategy
Public Relations,
Issue
Campaigning
Print, TV, POS,
Events, Brand
Campaigning
Mobile
& Apps
Online
Marketing
Web Experiences
Aperto heute.
Facts & Figures.
01
Platz
Höchster Anteil digitaler Leistungen
aller Werbeagenturen Deutschlands
der größten inhabergeführten
Werbeagenturen Deutschlands
30
Millionen Euro
Umsatz 2012 laut vorläufigem
Jahresabschluss
340
Köpfe im Moment
und stetig gesund wachsend
GWA Ranking 2011, Aperto mit 51% Digitalanteil
08
Platz
5
Ausgezeichnet in Konzeption und Design.
6
BarrierefreiheitEffizienzDesignKreativität
Design
Kommunikations-
design
Kreativität
Digitale Marken-
kommunikation

Más contenido relacionado

Was ist angesagt?

Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...
Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...
Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...Bokowsky + Laymann GmbH
 
Mobile Produktentwicklung – wie geht das? Konzeption, Design, Entwicklung, Ve...
Mobile Produktentwicklung – wie geht das? Konzeption, Design, Entwicklung, Ve...Mobile Produktentwicklung – wie geht das? Konzeption, Design, Entwicklung, Ve...
Mobile Produktentwicklung – wie geht das? Konzeption, Design, Entwicklung, Ve...Bokowsky + Laymann GmbH
 
Mobile App Entwicklung
Mobile App EntwicklungMobile App Entwicklung
Mobile App Entwicklungmediaman
 
2016 - Mobile Business Apps - Vorgehensmodell.
2016 - Mobile Business Apps - Vorgehensmodell.2016 - Mobile Business Apps - Vorgehensmodell.
2016 - Mobile Business Apps - Vorgehensmodell.Johannes Waibel
 
2016 - Datenbrillen im digitalen Ökosystem / WalkIn-Lab.
2016 - Datenbrillen im digitalen Ökosystem / WalkIn-Lab.2016 - Datenbrillen im digitalen Ökosystem / WalkIn-Lab.
2016 - Datenbrillen im digitalen Ökosystem / WalkIn-Lab.Johannes Waibel
 
APPsolut praktisch?! – Wie mobil optimierte Websites und Apps die Rezeption v...
APPsolut praktisch?! – Wie mobil optimierte Websites und Apps die Rezeption v...APPsolut praktisch?! – Wie mobil optimierte Websites und Apps die Rezeption v...
APPsolut praktisch?! – Wie mobil optimierte Websites und Apps die Rezeption v...Martin Krieg
 
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestalten
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestaltenBTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestalten
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestaltenBTEXX GmbH
 
Das Ende von Social Business, wie wir es kennen
Das Ende von Social Business, wie wir es kennenDas Ende von Social Business, wie wir es kennen
Das Ende von Social Business, wie wir es kennenStefan Pfeiffer
 
Entstehung einer mobilen App für mittelständische Unternehmen
Entstehung einer mobilen App für mittelständische UnternehmenEntstehung einer mobilen App für mittelständische Unternehmen
Entstehung einer mobilen App für mittelständische UnternehmenBjörn Rohles
 
Umsetzungsstrategien für Cross-Plattform Projekte - IA Konferenz 2013 Klaus R...
Umsetzungsstrategien für Cross-Plattform Projekte - IA Konferenz 2013 Klaus R...Umsetzungsstrategien für Cross-Plattform Projekte - IA Konferenz 2013 Klaus R...
Umsetzungsstrategien für Cross-Plattform Projekte - IA Konferenz 2013 Klaus R...Klaus Rüggenmann
 
Effektive kommunikation 2013
Effektive kommunikation 2013Effektive kommunikation 2013
Effektive kommunikation 2013Ralf Ressmann
 
Touch Mahal - Mobile Hype
Touch Mahal - Mobile HypeTouch Mahal - Mobile Hype
Touch Mahal - Mobile HypeBusinessVALUE24
 
Mobile Dokumentation auf Tablet-PCs und Smartphones mithilfe von Apps
Mobile Dokumentation auf Tablet-PCs und Smartphones mithilfe von AppsMobile Dokumentation auf Tablet-PCs und Smartphones mithilfe von Apps
Mobile Dokumentation auf Tablet-PCs und Smartphones mithilfe von AppsGeorg Eck
 
Mobile Facts 2013: Apps & Websites
Mobile Facts 2013: Apps & WebsitesMobile Facts 2013: Apps & Websites
Mobile Facts 2013: Apps & WebsitesAdrian Oggenfuss
 
Referat: Architektur und Entwicklung mobiler Anwendungen
Referat: Architektur und Entwicklung mobiler AnwendungenReferat: Architektur und Entwicklung mobiler Anwendungen
Referat: Architektur und Entwicklung mobiler AnwendungenDigicomp Academy AG
 
IA Konferenz München 2011
IA Konferenz München 2011IA Konferenz München 2011
IA Konferenz München 2011Alexander Beck
 
Cross Plattform App Entwicklung mit Visual Studio 2015 (Xamarin und Cordova)
Cross Plattform App Entwicklung mit Visual Studio 2015 (Xamarin und Cordova)Cross Plattform App Entwicklung mit Visual Studio 2015 (Xamarin und Cordova)
Cross Plattform App Entwicklung mit Visual Studio 2015 (Xamarin und Cordova)André Krämer
 

Was ist angesagt? (18)

Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...
Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...
Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...
 
Mobile Produktentwicklung – wie geht das? Konzeption, Design, Entwicklung, Ve...
Mobile Produktentwicklung – wie geht das? Konzeption, Design, Entwicklung, Ve...Mobile Produktentwicklung – wie geht das? Konzeption, Design, Entwicklung, Ve...
Mobile Produktentwicklung – wie geht das? Konzeption, Design, Entwicklung, Ve...
 
Mobile App Entwicklung
Mobile App EntwicklungMobile App Entwicklung
Mobile App Entwicklung
 
2016 - Mobile Business Apps - Vorgehensmodell.
2016 - Mobile Business Apps - Vorgehensmodell.2016 - Mobile Business Apps - Vorgehensmodell.
2016 - Mobile Business Apps - Vorgehensmodell.
 
2016 - Datenbrillen im digitalen Ökosystem / WalkIn-Lab.
2016 - Datenbrillen im digitalen Ökosystem / WalkIn-Lab.2016 - Datenbrillen im digitalen Ökosystem / WalkIn-Lab.
2016 - Datenbrillen im digitalen Ökosystem / WalkIn-Lab.
 
APPsolut praktisch?! – Wie mobil optimierte Websites und Apps die Rezeption v...
APPsolut praktisch?! – Wie mobil optimierte Websites und Apps die Rezeption v...APPsolut praktisch?! – Wie mobil optimierte Websites und Apps die Rezeption v...
APPsolut praktisch?! – Wie mobil optimierte Websites und Apps die Rezeption v...
 
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestalten
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestaltenBTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestalten
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestalten
 
BUILD 2011 in Anaheim.
BUILD 2011 in Anaheim.BUILD 2011 in Anaheim.
BUILD 2011 in Anaheim.
 
Das Ende von Social Business, wie wir es kennen
Das Ende von Social Business, wie wir es kennenDas Ende von Social Business, wie wir es kennen
Das Ende von Social Business, wie wir es kennen
 
Entstehung einer mobilen App für mittelständische Unternehmen
Entstehung einer mobilen App für mittelständische UnternehmenEntstehung einer mobilen App für mittelständische Unternehmen
Entstehung einer mobilen App für mittelständische Unternehmen
 
Umsetzungsstrategien für Cross-Plattform Projekte - IA Konferenz 2013 Klaus R...
Umsetzungsstrategien für Cross-Plattform Projekte - IA Konferenz 2013 Klaus R...Umsetzungsstrategien für Cross-Plattform Projekte - IA Konferenz 2013 Klaus R...
Umsetzungsstrategien für Cross-Plattform Projekte - IA Konferenz 2013 Klaus R...
 
Effektive kommunikation 2013
Effektive kommunikation 2013Effektive kommunikation 2013
Effektive kommunikation 2013
 
Touch Mahal - Mobile Hype
Touch Mahal - Mobile HypeTouch Mahal - Mobile Hype
Touch Mahal - Mobile Hype
 
Mobile Dokumentation auf Tablet-PCs und Smartphones mithilfe von Apps
Mobile Dokumentation auf Tablet-PCs und Smartphones mithilfe von AppsMobile Dokumentation auf Tablet-PCs und Smartphones mithilfe von Apps
Mobile Dokumentation auf Tablet-PCs und Smartphones mithilfe von Apps
 
Mobile Facts 2013: Apps & Websites
Mobile Facts 2013: Apps & WebsitesMobile Facts 2013: Apps & Websites
Mobile Facts 2013: Apps & Websites
 
Referat: Architektur und Entwicklung mobiler Anwendungen
Referat: Architektur und Entwicklung mobiler AnwendungenReferat: Architektur und Entwicklung mobiler Anwendungen
Referat: Architektur und Entwicklung mobiler Anwendungen
 
IA Konferenz München 2011
IA Konferenz München 2011IA Konferenz München 2011
IA Konferenz München 2011
 
Cross Plattform App Entwicklung mit Visual Studio 2015 (Xamarin und Cordova)
Cross Plattform App Entwicklung mit Visual Studio 2015 (Xamarin und Cordova)Cross Plattform App Entwicklung mit Visual Studio 2015 (Xamarin und Cordova)
Cross Plattform App Entwicklung mit Visual Studio 2015 (Xamarin und Cordova)
 

Destacado

YPN Wellcom
YPN WellcomYPN Wellcom
YPN Wellcomtracert
 
El proyecto minero tía maría luz esperanza velasquez vilca para subir
El proyecto minero tía maría   luz esperanza velasquez vilca  para subirEl proyecto minero tía maría   luz esperanza velasquez vilca  para subir
El proyecto minero tía maría luz esperanza velasquez vilca para subirluzespinacaluz
 
Finanzmanagement SAP Business ByDesign
Finanzmanagement SAP Business ByDesignFinanzmanagement SAP Business ByDesign
Finanzmanagement SAP Business ByDesignanthesis GmbH
 
Informe de la biblioteca pascual
Informe de la biblioteca pascualInforme de la biblioteca pascual
Informe de la biblioteca pascualdianitaaruiz
 
Actividad integradora
Actividad integradoraActividad integradora
Actividad integradoraDavid090598
 
Filosofos antigua Grecia
Filosofos antigua Grecia Filosofos antigua Grecia
Filosofos antigua Grecia camisuazo
 
Augusto_Deggeller_Animales_en_peligro_de_extincion
Augusto_Deggeller_Animales_en_peligro_de_extincionAugusto_Deggeller_Animales_en_peligro_de_extincion
Augusto_Deggeller_Animales_en_peligro_de_extincionAugustoDeggeller
 
Trabajo tic clase 3 natalia tabarez
Trabajo tic clase 3 natalia tabarez Trabajo tic clase 3 natalia tabarez
Trabajo tic clase 3 natalia tabarez natalia2005
 
LiteraturpräSentation Fertig
LiteraturpräSentation FertigLiteraturpräSentation Fertig
LiteraturpräSentation FertigTriotex
 
Presupuesto multianual inversion_publica_2013_2015
Presupuesto multianual inversion_publica_2013_2015Presupuesto multianual inversion_publica_2013_2015
Presupuesto multianual inversion_publica_2013_2015Patricia Carranza
 
Rechtsanwalt münchen scheidung versoehnl.
Rechtsanwalt münchen scheidung versoehnl.Rechtsanwalt münchen scheidung versoehnl.
Rechtsanwalt münchen scheidung versoehnl.B. Leisten
 
Arden4Eclipse Software Demo GMDS2012
Arden4Eclipse Software Demo GMDS2012Arden4Eclipse Software Demo GMDS2012
Arden4Eclipse Software Demo GMDS2012Klaus-Hendrik Wolf
 
L-Binder RCP Manual
L-Binder RCP ManualL-Binder RCP Manual
L-Binder RCP ManualTed Webb
 

Destacado (20)

YPN Wellcom
YPN WellcomYPN Wellcom
YPN Wellcom
 
Instituto universitario politecnico
Instituto universitario politecnicoInstituto universitario politecnico
Instituto universitario politecnico
 
El proyecto minero tía maría luz esperanza velasquez vilca para subir
El proyecto minero tía maría   luz esperanza velasquez vilca  para subirEl proyecto minero tía maría   luz esperanza velasquez vilca  para subir
El proyecto minero tía maría luz esperanza velasquez vilca para subir
 
Finanzmanagement SAP Business ByDesign
Finanzmanagement SAP Business ByDesignFinanzmanagement SAP Business ByDesign
Finanzmanagement SAP Business ByDesign
 
+ Región Mesopotámica
+ Región Mesopotámica+ Región Mesopotámica
+ Región Mesopotámica
 
Frases gre4ysy-g.s.s-1
Frases gre4ysy-g.s.s-1Frases gre4ysy-g.s.s-1
Frases gre4ysy-g.s.s-1
 
Informe de la biblioteca pascual
Informe de la biblioteca pascualInforme de la biblioteca pascual
Informe de la biblioteca pascual
 
Actividad integradora
Actividad integradoraActividad integradora
Actividad integradora
 
Karen
KarenKaren
Karen
 
Workshop Stipendiumsbewerbung
Workshop StipendiumsbewerbungWorkshop Stipendiumsbewerbung
Workshop Stipendiumsbewerbung
 
Filosofos antigua Grecia
Filosofos antigua Grecia Filosofos antigua Grecia
Filosofos antigua Grecia
 
Augusto_Deggeller_Animales_en_peligro_de_extincion
Augusto_Deggeller_Animales_en_peligro_de_extincionAugusto_Deggeller_Animales_en_peligro_de_extincion
Augusto_Deggeller_Animales_en_peligro_de_extincion
 
Trabajo tic clase 3 natalia tabarez
Trabajo tic clase 3 natalia tabarez Trabajo tic clase 3 natalia tabarez
Trabajo tic clase 3 natalia tabarez
 
LiteraturpräSentation Fertig
LiteraturpräSentation FertigLiteraturpräSentation Fertig
LiteraturpräSentation Fertig
 
Social Media im Tourismus
Social Media im TourismusSocial Media im Tourismus
Social Media im Tourismus
 
Presupuesto multianual inversion_publica_2013_2015
Presupuesto multianual inversion_publica_2013_2015Presupuesto multianual inversion_publica_2013_2015
Presupuesto multianual inversion_publica_2013_2015
 
Rechtsanwalt münchen scheidung versoehnl.
Rechtsanwalt münchen scheidung versoehnl.Rechtsanwalt münchen scheidung versoehnl.
Rechtsanwalt münchen scheidung versoehnl.
 
Arden4Eclipse Software Demo GMDS2012
Arden4Eclipse Software Demo GMDS2012Arden4Eclipse Software Demo GMDS2012
Arden4Eclipse Software Demo GMDS2012
 
L-Binder RCP Manual
L-Binder RCP ManualL-Binder RCP Manual
L-Binder RCP Manual
 
Water
WaterWater
Water
 

Ähnlich wie Die mobile Herausforderung

BASTA Spring 2018: User Interface, quo vadis? Überlebensstrategien eines Soft...
BASTA Spring 2018: User Interface, quo vadis? Überlebensstrategien eines Soft...BASTA Spring 2018: User Interface, quo vadis? Überlebensstrategien eines Soft...
BASTA Spring 2018: User Interface, quo vadis? Überlebensstrategien eines Soft...Rainer Stropek
 
Universal Theme vs. APEX mobile
Universal Theme vs. APEX mobileUniversal Theme vs. APEX mobile
Universal Theme vs. APEX mobileSteven Grzbielok
 
2011 - Mobile Strategie / Fachartikel Netzwoche
2011 - Mobile Strategie / Fachartikel Netzwoche2011 - Mobile Strategie / Fachartikel Netzwoche
2011 - Mobile Strategie / Fachartikel NetzwocheJohannes Waibel
 
Responsive Design by Peter Grosskopf
Responsive Design by Peter GrosskopfResponsive Design by Peter Grosskopf
Responsive Design by Peter GrosskopfPeter Grosskopf
 
Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)
Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)
Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)denkwerk GmbH
 
2016 - Mobile Revolution - Fachvortrag an der FHS St.Gallen.
 2016 - Mobile Revolution - Fachvortrag an der FHS St.Gallen. 2016 - Mobile Revolution - Fachvortrag an der FHS St.Gallen.
2016 - Mobile Revolution - Fachvortrag an der FHS St.Gallen.Johannes Waibel
 
Grundlagen des UI Designs
Grundlagen des UI DesignsGrundlagen des UI Designs
Grundlagen des UI DesignsJan Hentschel
 
Einfluss der Endgeräte-Innovationen auf technische Realisierung netzbasierter...
Einfluss der Endgeräte-Innovationen auf technische Realisierung netzbasierter...Einfluss der Endgeräte-Innovationen auf technische Realisierung netzbasierter...
Einfluss der Endgeräte-Innovationen auf technische Realisierung netzbasierter...Alexej Antropov
 
Erstellung von mobilen cross-platform-Apps
Erstellung von mobilen cross-platform-AppsErstellung von mobilen cross-platform-Apps
Erstellung von mobilen cross-platform-AppsRalf Lütke
 
Smartes Business dank smarter Apps
Smartes Business dank smarter AppsSmartes Business dank smarter Apps
Smartes Business dank smarter AppsHendrik Lösch
 
Enable Mobility and Improve Cost Efficiency within a Secure Ecosystem - Futur...
Enable Mobility and Improve Cost Efficiency within a Secure Ecosystem - Futur...Enable Mobility and Improve Cost Efficiency within a Secure Ecosystem - Futur...
Enable Mobility and Improve Cost Efficiency within a Secure Ecosystem - Futur...Microsoft Österreich
 
AR Webinar
AR WebinarAR Webinar
AR Webinarargency
 
Fonda: Erfolgsfaktor Benutzeroberfläche
Fonda: Erfolgsfaktor BenutzeroberflächeFonda: Erfolgsfaktor Benutzeroberfläche
Fonda: Erfolgsfaktor BenutzeroberflächeFonda Wien
 
Enterprise Mobility Plattformen – Aktuelle Lösungen und Trends [White Paper]
Enterprise Mobility Plattformen – Aktuelle Lösungen und Trends [White Paper]Enterprise Mobility Plattformen – Aktuelle Lösungen und Trends [White Paper]
Enterprise Mobility Plattformen – Aktuelle Lösungen und Trends [White Paper]M-Way Consulting
 
Dem mobilen Internet gehört die Zukunft
Dem mobilen Internet gehört die ZukunftDem mobilen Internet gehört die Zukunft
Dem mobilen Internet gehört die Zukunftahorn. gmbh
 
Wunderman Whitepaper - Responsive Design
Wunderman Whitepaper - Responsive DesignWunderman Whitepaper - Responsive Design
Wunderman Whitepaper - Responsive DesignWunderman GmbH
 
Mobile Employer Branding. Wo stehen wir? Worauf kommt es an?
Mobile Employer Branding. Wo stehen wir? Worauf kommt es an?Mobile Employer Branding. Wo stehen wir? Worauf kommt es an?
Mobile Employer Branding. Wo stehen wir? Worauf kommt es an?Joachim Diercks
 

Ähnlich wie Die mobile Herausforderung (20)

BASTA Spring 2018: User Interface, quo vadis? Überlebensstrategien eines Soft...
BASTA Spring 2018: User Interface, quo vadis? Überlebensstrategien eines Soft...BASTA Spring 2018: User Interface, quo vadis? Überlebensstrategien eines Soft...
BASTA Spring 2018: User Interface, quo vadis? Überlebensstrategien eines Soft...
 
Universal Theme vs. APEX mobile
Universal Theme vs. APEX mobileUniversal Theme vs. APEX mobile
Universal Theme vs. APEX mobile
 
2011 - Mobile Strategie / Fachartikel Netzwoche
2011 - Mobile Strategie / Fachartikel Netzwoche2011 - Mobile Strategie / Fachartikel Netzwoche
2011 - Mobile Strategie / Fachartikel Netzwoche
 
Mobile Applikationen: Idee, Konzeption, Architektur - Erfolgreicher Start für...
Mobile Applikationen: Idee, Konzeption, Architektur - Erfolgreicher Start für...Mobile Applikationen: Idee, Konzeption, Architektur - Erfolgreicher Start für...
Mobile Applikationen: Idee, Konzeption, Architektur - Erfolgreicher Start für...
 
Responsive Design by Peter Grosskopf
Responsive Design by Peter GrosskopfResponsive Design by Peter Grosskopf
Responsive Design by Peter Grosskopf
 
Round Table: Durchgängige Geschäftsprozesse mit mobilen Endgeräten
Round Table: Durchgängige Geschäftsprozesse mit mobilen EndgerätenRound Table: Durchgängige Geschäftsprozesse mit mobilen Endgeräten
Round Table: Durchgängige Geschäftsprozesse mit mobilen Endgeräten
 
Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)
Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)
Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)
 
2016 - Mobile Revolution - Fachvortrag an der FHS St.Gallen.
 2016 - Mobile Revolution - Fachvortrag an der FHS St.Gallen. 2016 - Mobile Revolution - Fachvortrag an der FHS St.Gallen.
2016 - Mobile Revolution - Fachvortrag an der FHS St.Gallen.
 
Grundlagen des UI Designs
Grundlagen des UI DesignsGrundlagen des UI Designs
Grundlagen des UI Designs
 
Einfluss der Endgeräte-Innovationen auf technische Realisierung netzbasierter...
Einfluss der Endgeräte-Innovationen auf technische Realisierung netzbasierter...Einfluss der Endgeräte-Innovationen auf technische Realisierung netzbasierter...
Einfluss der Endgeräte-Innovationen auf technische Realisierung netzbasierter...
 
Die Megatrends in der Softwarebranche
Die Megatrends in der SoftwarebrancheDie Megatrends in der Softwarebranche
Die Megatrends in der Softwarebranche
 
Erstellung von mobilen cross-platform-Apps
Erstellung von mobilen cross-platform-AppsErstellung von mobilen cross-platform-Apps
Erstellung von mobilen cross-platform-Apps
 
Smartes Business dank smarter Apps
Smartes Business dank smarter AppsSmartes Business dank smarter Apps
Smartes Business dank smarter Apps
 
Enable Mobility and Improve Cost Efficiency within a Secure Ecosystem - Futur...
Enable Mobility and Improve Cost Efficiency within a Secure Ecosystem - Futur...Enable Mobility and Improve Cost Efficiency within a Secure Ecosystem - Futur...
Enable Mobility and Improve Cost Efficiency within a Secure Ecosystem - Futur...
 
AR Webinar
AR WebinarAR Webinar
AR Webinar
 
Fonda: Erfolgsfaktor Benutzeroberfläche
Fonda: Erfolgsfaktor BenutzeroberflächeFonda: Erfolgsfaktor Benutzeroberfläche
Fonda: Erfolgsfaktor Benutzeroberfläche
 
Enterprise Mobility Plattformen – Aktuelle Lösungen und Trends [White Paper]
Enterprise Mobility Plattformen – Aktuelle Lösungen und Trends [White Paper]Enterprise Mobility Plattformen – Aktuelle Lösungen und Trends [White Paper]
Enterprise Mobility Plattformen – Aktuelle Lösungen und Trends [White Paper]
 
Dem mobilen Internet gehört die Zukunft
Dem mobilen Internet gehört die ZukunftDem mobilen Internet gehört die Zukunft
Dem mobilen Internet gehört die Zukunft
 
Wunderman Whitepaper - Responsive Design
Wunderman Whitepaper - Responsive DesignWunderman Whitepaper - Responsive Design
Wunderman Whitepaper - Responsive Design
 
Mobile Employer Branding. Wo stehen wir? Worauf kommt es an?
Mobile Employer Branding. Wo stehen wir? Worauf kommt es an?Mobile Employer Branding. Wo stehen wir? Worauf kommt es an?
Mobile Employer Branding. Wo stehen wir? Worauf kommt es an?
 

Die mobile Herausforderung

  • 2. Heute für Sie hier Martin Reiher Etat Direktor // Leiter Hochschulteam Aperto Jan Gessenhardt Geschäftsführer Aperto Move GmbH
  • 4. Agentur für Kommunikation Brand Strategy Public Relations, Issue Campaigning Print, TV, POS, Events, Brand Campaigning Mobile & Apps Online Marketing Web Experiences
  • 5. Aperto heute. Facts & Figures. 01 Platz Höchster Anteil digitaler Leistungen aller Werbeagenturen Deutschlands der größten inhabergeführten Werbeagenturen Deutschlands 30 Millionen Euro Umsatz 2012 laut vorläufigem Jahresabschluss 340 Köpfe im Moment und stetig gesund wachsend GWA Ranking 2011, Aperto mit 51% Digitalanteil 08 Platz 5
  • 6. Ausgezeichnet in Konzeption und Design. 6 BarrierefreiheitEffizienzDesignKreativität Design Kommunikations- design Kreativität Digitale Marken- kommunikation
  • 9. Research in Germany 2009 - heute  Relaunch und stetige Weiterentwicklung der Website  2013: Technik-Relaunch – Migration von CoreMedia auf Magnolia  SEA-Marketing und Newsletterversand Forschungsmarketing für die Bundesrepublik Deutschland
  • 10. RWTH Aachen 2010 - heute  Relaunch der zentralen Hochschulwebsite, inkl. 9 Fakultäten und 7 Fachgruppen  Umsetzung eines Baukastens für 260 Institute plus Lehrstühle und Forschungsgebiete  Erarbeitung einer Social Media Guideline  Beratung zur Mobilstrategie  Einführung eines Intranets Onlinekommunikation der Exzellenz-Universität RWTH Aachen
  • 11. Universität Potsdam 2011 - heute  Kompletter Relaunch der Hochschulwebsite  Technische Umsetzung auf Basis Typo3  IT-Support und laufende Betreuung  Erarbeitung eines Konzeptes zur Online- Kommunikation mit Studieninteressierten Relaunch Bereich „Studium“ und IT-Support
  • 12. TU Hamburg-Harburg 2012 - heute  Kompletter Relaunch der Hochschulwebsite (Konzept, Design, Frontend-Umsetzung)  Entwicklung CD und Umsetzung Geschäfts- ausstattung  Laufender Support und Ausbau der Funktionalitäten  Technische Umsetzung auf Typo3 durch TUHH Relaunch Hochschulwebsite
  • 14. Über 40% Mobile Internetnutzer in Deutschland 0% 5% 10% 15% 20% 25% 30% 35% 40% 45% 2009 2010 2011 2012 2013 seltener mind. 1x pro Monat mind. 1x pro Woche täglich Basis: Deutsche Onlinenutzer ab 14 Jahren Anteil der deutschen Onliner, die das mobile Internet nutzen Mobile Web verdoppelt Nutzerzahl innerhalb eines Jahres Quelle: ARD/ZDF Onlinestudie
  • 15. Uni BremenLMU München Uni Heidelberg Uni Freiburg FU Berlin Mobile Status bei Deutschlands „Elite-Unis“ 15Uni Göttingen Uni Konstanz Uni Karlsruhe TU MünchenTU Berlin
  • 16. Nutzererwartungen (2011) … 36% 64%dieser User erwarten beim Aufruf einer mobilen Seite die gleichen Inhalte, die sie auch via PC finden 14-19 Jahre alt Smartphone-Nutzer Tablet - Nutzer Aller User ärgern sich regelmäßig über nicht mobil-optimierte Seiten 58% 59% 49% Davon sind: 85% 81% 76% 14-19 Jahre alt Smartphone-Nutzer Tablet - Nutzer Source: Karen McGrane, Mobile Content Strategy , 2011
  • 17. Verschiedenste Bildschirmgrößen und Geräte. Mit Touch-Bedienung auch für große Bildschirmflächen 17
  • 18. … ebenso wie deren Bedienungskonzepte 18
  • 19. Mobile Devices: Neue Einflussfaktoren auf digitale Anwendungen Berücksichtigung neuer Nutzungssituationen 19 01 02 03 04 iOS & Android? Retina Display? Touch & Swipe? Verschiedene Endgeräte Verschiedene Orte Verschiedene Aktivitäten Verschiedene Verbindungen Zu Hause? Im Büro? Unterwegs Social Media? Zeitvertreib? PC-Ersatz? WLAN? Mobiles Netz? Offline?
  • 21. Die Post-PC Ära wird Wirtschaftsprozesse und Industrien nachhaltig verändern!
  • 22. Führende Technologien kämpfen um alle 4 Bildschirme Android/ Motorola Nexus Android Tablets Nexus Q / Google TV Google Play / Cloud Chromebook / Chrome Browser Windows8 Computer Windows / Nokia Surface Windows 8 Tablets Marketplace / AzureXboX One Mac Computer iPhone iPad Apple TV iTunes / iCloud
  • 23. Cross-Plattform ist Grundanforderung für digitale Services geworden 23
  • 24. Positive Nutzererfahrung auf verschiedenen Endgeräten wird zum Wettbewerbsvorteil. USER WEBSITEVIDEOSOCIAL Game
  • 25. Wie mache ich eine Webseite fit für das Cross-Plattform Zeitalter?
  • 26. ?Für welches Projekt ist welche Option geeignet? Mobile Website ? Responsive ? ? ? ? ? ? Apps ?
  • 27. Wir haben bei Aperto mit allen Disziplinen ein gemeinsames Verständnis entwickelt … Responsive Webdesign Adaptive Device Templates Native Apps
  • 28. W… und wir haben Kombinations-Strategien und Entscheidungskriterien erarbeitet. Responsive Webdesign Adaptive Device Templates Native Apps
  • 29. … klassifiziert wurden 3 mögliche Cross-Device Umsetzungsoptionen 29 Responsive Web Design Adaptive Web Design Device Templates Auswahl an OS undApp StoresAnpassung der Screengröße Native Apps
  • 31. Responsive Webdesgin: Ein Quellcode, eine Navigation, jeweils angepasste Darstellung 31
  • 32. Das CMS generiert also nur 1 Seite, die dann unterschiedlich dargestellt wird. 32 1 HTML- Seite 1 Seite im CMS
  • 33. Ist besonders geeignet, wenn es um die Anpassung der Darstellung auf Bildschirmgrößen geht und nicht um die Abbildung gerätespezifischer Use-Cases. Responsive Webdesign
  • 34. Und wenn Ladezeit und Performance auf Smartphones nicht erfolgskritisch sind. Responsive Webdesign https://www.gov.uk, Performance auf Smartphones nicht erfolgskritisch und kaum Bilder.
  • 35. Nur wenn die gesamte Website neu gemacht wird, und nicht z.B. die Desktop-Version bleibt! Responsive Webdesign IHK Berlin , Intranet Prototyp umgesetzt von www.aperto.de
  • 36. Funktioniert besonders gut, wenn Responsive Design als Komplexitätsreduktion gelebt wird. Responsive Webdesign
  • 37. Responsive Webdesign ist besonders geeignet, … wenn Anpassung der Darstellung auf Bildschirmgrößen und keine Device-spezifischen Use-Cases wenn Responsive Design als Methode der Komplexitätsreduktion gelebt wird wenn die gesamte Website neu umgesetzt und von Anfang an plattformübergreifend gestaltet wird wenn Ladezeit und Performance auf Smartphones nicht erfolgskritisch sind als Grundlage für alle Cross-Plattform Projekte, auch wenn Teile durch Device-Templates gelöst werden wenn es keine komplexen Features wie z.B. Warenkörbe gibt (diese über mobile Templates integrieren) wenn die Umsetzung auf Basis von Patterns erfolgen kann wenn nicht für ältere mobile Endgeräte optimiert werden muss wenn die Komplexität der Templates gering gehalten werden soll
  • 39. Adaptive Device Templates: Unterschiedliche Site-Quellcode für verschiedene Geräteklassen 39
  • 40. Ein CMS, einmalige Eingabe der Inhalte, Ausspielung optimierter Device- Templates HTML- Seite 1 1 Seite im CMS HTML- Seite 3 HTML- Seite 2 40
  • 41. Aber am besten auf Basis EINER Codebasis 41 Responsive HTML-Code 1 Seite im CMS Einzelne Seiten/Module
  • 43. Share-Funktion direkt im Mobile Gerät aufrufbar! Modularer Aufbau Desktop vs. Smartphone
  • 44. Besonders notwendig, wenn unterschiedliche Use-Cases auf unterschiedlichen Geräten – und damit jeweils unterschiedliche Features Adaptive Device Templates Z.B. Location Based Services Z.B. Second Screen
  • 45. Immer wenn Ladezeit und Performance erfolgskritisch sind, z.B. weil Bilder und Videos eine wichtige Rolle spielen www.rallytheworld.com, umgesetzt von Aperto: Ein responsive Template-Set für Desktop und Tablets, ein adaptives Template-Set für Smartphones Adaptive Device Templates
  • 46. Komplexere Features und Prozesse wie z.B. Warenkörbe oder komplexe Suchfunktionen sind häufig ein Grund für Device Templates www.sos-kinderdorf.de, umgesetzt von Aperto Adaptive Device Templates
  • 47. Wenn eine Desktop-Website schon existiert und bestehen bleiben soll, dann besser neue Templates für Smartphones und Tablets www.eads.com, umgesetzt von Aperto Adaptive Device Templates
  • 48. Adaptive Device Templates sind besonders geeignet, … wenn es spezifische Use- Cases für Smartphones gibt und damit zusätzliche Features, wie z.B. Location Based Services wenn Ladezeit und Performance erfolgskritisch sind, z..B. wenn Bilder und Videos eine wichtige Rolle auf der Website spielen wenn es spezifische Use- Cases für Tablets gibt und damit zusätzliche Features, wie z.B. Second Screen Anwendungen wenn komplexe Features und Prozesse wie z.B. Warenkörbe oder komplexe Suchfunktionen abgebildet werden sollen wenn stark auf Touch- Nutzung optimiert werden soll, eventuell auch geräteklassenspezifisch wenn eine Desktop-Website schon existiert und nur mobilisiert werden soll wenn schrittweise umgesetzt werden muss (erst wichtigste Templates, dann später weitere) wenn später eine Hybrid- App wahrscheinlich ist, die dann auf die Device- Templates zurückgreifen soll
  • 50. Apps: Native Software für unterschiedliche App-Ökosysteme (Apple, Android, Windows) Windows 8 iOS Android 50
  • 51. Alphaguide, Corporate Car-Sharing von BMW: Fahrzeug finden und buchen, Werkstätten, Unfallberichte in der App. Von Aperto umgesetzt Apps: Native Software für Services und mobile Transaktionen Apps
  • 52. Wenn es klar geeignete Use-Cases und Business-Cases gibt! Apps Alphaguide, Corporate Car-Sharing von BMW: Fahrzeug finden und buchen, Werkstätten, Unfallberichte in der App. Beispiel myTaxi: Taxifahrt anbieten, Taxi rufen, Vermittlungsgebühr. Beispiel Spotify: Alle Musik immer dabei. Im Abo.
  • 53. Wenn klar ist, dass es echte Software- Entwicklung ist, mit häufigen Updates und laufendem App-Management Apps Beispiel: AutoScout24-App auf allen Systemen: Mehr als 6 Mio App-Downloads
  • 54. Apps sind geeignet, wenn Performance und Joy-of-Use zentral sind Apps EADS Upmagazine, umgesetzt von Aperto
  • 55. Meist notwendig, wenn native Funktionalitäten von Geräten genutzt werden sollen Apps Beispiele: Die WWF Schneekugel App (Aperto) nutzt den Trägheitssensor.
  • 56. Mit Apps kann Sichtbarkeit in den jeweiligen App-Stores erreicht werden Apps
  • 57. Apps sind besonders geeignet, … wenn es klare Use-Cases gibt, die sich zur Umsetzung in einer App eignen Wenn Performance extrem wichtig ist wenn es klare Business-Cases gibt, z.B. Abo oder Verkauf wenn hoher Joy-of-Use erreicht werden soll wenn native Funktionalitäten der Geräte genutzt werden sollen (z.B. Trägheitssensor) wenn komplexe Interaktionen abgebildet werden müssen wenn klar ist, dass App- Entwicklung Software- Entwicklung ist, Updates und App-Management notwendig sind wenn Sichtbarkeit in App-Stores erreicht und reichweitenstark vermarktet werden soll wenn man auf wenige OS eingrenzen kann
  • 59. Responsive Design Ein Quellcode, eine Navigation, jeweils angepasste Darstellung Adaptive Templates Unterschiedliche Site-Quellcode für unterschiedliche Geräteklassen Apps Native Software für unterschiedliche App-Ökosysteme (Apple, Android, Windows) 59 Beispiel-Bewertungsskala für Varianten
  • 61. Meist ist eine Kombination der Ansätze notwendig und auch sinnvoll Responsive Website, adaptive Templates und Native Apps
  • 62. Cross-Platform Lösung auf Basis von Magnolia Ein zukunftsgerichteter digitaler Multi-Channel Ansatz 62 Up To Planet iOS App Investor Relations iOS App Desktop / Tablet Website Mobile Website
  • 63. Zentrale Content-Quelle für alle Kanäle Kanal-übergreifende Content-Pflege, kanal-spezifische Ausspielung 63 Editors create content once API IR iPad App (iOS) Tablet / desktop website (responsive) Adaptive mobile web site (HTML 5 templates) Magnolia CMS ONE content source for all relevant channels Up To Planet App (iOS)
  • 64. Das CMS füttert sämtliche Endgeräte – ohne extra redaktionellen Aufwand CMS – eine Inhaltequelle für verschiedene Kanäle Tablets Smartphones 7“ tablets 10“ tablets Responsive Design Device Templates Website
  • 65. Was bleibt, was ändert sich? Der Inhalt Webseite bleibt identisch Auch 2012 neue Technologien finden und einsetzen. Auch 2012 neue Technologien finden und einsetzen. Die Pflege der Inhalte ändert sich nicht bzw. nur minimal Es wird mit dem bestehenden CMS gearbeitet Breaking points für Responsive Design Optik und Bedienung für alle Geräte verbessern Neue mobile Templates und Paragraphen
  • 66. Cross-Device-Umsetzung RWTH Aachen (Arbeitsstand „Mobile“ September 2013)
  • 67. Danke Aperto Move GmbH Jan Gessenhardt Managing Director E-Mail jan.gessenhardt@aperto.de Telefon +49 (0) 30 – 283 921 – 910 Fax +49 (0) 30 – 283 921 – 29 Aperto AG Martin Reiher Etat Direktor // Leiter Hochschulteam E-Mail martin.reiher@aperto.de Telefon +49 (0) 30 – 283 921 – 315 Fax +49 (0) 30 – 283 921 – 29 ApertoAG – In der Pianofabrik Chausseestr. 5 10115 Berlin