SlideShare ist ein Scribd-Unternehmen logo
1 von 41
Mobile: DEEP DIVE INTO
RESPONSIVE DESIGN
The benefits of developing responsive design and how to do it right

Michael Türk
Sabrina Toth
Anteil der deutschen Onliner, die das mobile Internet nutzen

Quelle: ARD/ZDF Onlinestudie
Quelle: M-Commerce Studie VERBRAUCHER INITIATIVE e.V. & eBay GmbH
Mobiler Anteil im eCommerce in ausgewählten Branchen

Quelle: Zanox
Wie die meisten Produkte online gekauft werden

Quelle: phaydon
1. Form follows Content
2. Inkonsistenz sehr teuer
3. Mobile First realistisch?
4. Fokus auf alle wichtigen
Geräte
Mobile- vs. Desktop-Nutzung

Quelle: creativeconstruction
5. Käufer-Kontext & -Ziele
beachten
6. Verhalten abhängig vom
Gerät
7. Die Auswahl der
Plattform ist essentiell
8. Testen, testen, testen
9. Responsive Designs sind
niemals fertig
10. Just Do It
Vielen Dank für Ihre
Aufmerksamkeit

Weitere ähnliche Inhalte

Andere mochten auch

Para las chicas de color
Para las chicas de colorPara las chicas de color
Para las chicas de colormejiavillamil23
 
HootSuite: Service-Beratung-Training-Pakete
HootSuite: Service-Beratung-Training-PaketeHootSuite: Service-Beratung-Training-Pakete
HootSuite: Service-Beratung-Training-PaketeROHINIE.COM Limited
 
Netto Mitarbeiter überzeugen beim Marathon auf ganzer Linie
Netto Mitarbeiter überzeugen beim Marathon auf ganzer LinieNetto Mitarbeiter überzeugen beim Marathon auf ganzer Linie
Netto Mitarbeiter überzeugen beim Marathon auf ganzer LinieNetto_Blogger
 
Tipos de empresa reposterkids 2
Tipos de empresa reposterkids 2Tipos de empresa reposterkids 2
Tipos de empresa reposterkids 2paulacatalinagomez
 
Banking Compliance & Selbstregulierung
Banking Compliance & SelbstregulierungBanking Compliance & Selbstregulierung
Banking Compliance & SelbstregulierungBankenverband
 
Holzfeuerung und MINERGIE - Das passt zusammen!
Holzfeuerung und MINERGIE - Das passt zusammen!Holzfeuerung und MINERGIE - Das passt zusammen!
Holzfeuerung und MINERGIE - Das passt zusammen!Vorname Nachname
 
Literatura medieval
Literatura medievalLiteratura medieval
Literatura medievalCosmehorno
 
Enquete-Kommission "Internet und digitale Gesellschaft" Grundlagen
Enquete-Kommission "Internet und digitale Gesellschaft" GrundlagenEnquete-Kommission "Internet und digitale Gesellschaft" Grundlagen
Enquete-Kommission "Internet und digitale Gesellschaft" GrundlagenOpen-Enquete
 
Seminario 8 cuidadores y equipo multidisciplinar de salud
Seminario 8 cuidadores y equipo multidisciplinar de saludSeminario 8 cuidadores y equipo multidisciplinar de salud
Seminario 8 cuidadores y equipo multidisciplinar de saludLucas Gomes Barbosa
 

Andere mochten auch (16)

Actividad II
Actividad IIActividad II
Actividad II
 
Reportaje
ReportajeReportaje
Reportaje
 
Eloy alfaro
Eloy alfaroEloy alfaro
Eloy alfaro
 
Para las chicas de color
Para las chicas de colorPara las chicas de color
Para las chicas de color
 
Metodología
MetodologíaMetodología
Metodología
 
HootSuite: Service-Beratung-Training-Pakete
HootSuite: Service-Beratung-Training-PaketeHootSuite: Service-Beratung-Training-Pakete
HootSuite: Service-Beratung-Training-Pakete
 
Netto Mitarbeiter überzeugen beim Marathon auf ganzer Linie
Netto Mitarbeiter überzeugen beim Marathon auf ganzer LinieNetto Mitarbeiter überzeugen beim Marathon auf ganzer Linie
Netto Mitarbeiter überzeugen beim Marathon auf ganzer Linie
 
Tipos de empresa reposterkids 2
Tipos de empresa reposterkids 2Tipos de empresa reposterkids 2
Tipos de empresa reposterkids 2
 
Renovieren mit Mehrwerten
Renovieren mit MehrwertenRenovieren mit Mehrwerten
Renovieren mit Mehrwerten
 
Poster Point 20 March 2014
Poster Point 20 March 2014Poster Point 20 March 2014
Poster Point 20 March 2014
 
Banking Compliance & Selbstregulierung
Banking Compliance & SelbstregulierungBanking Compliance & Selbstregulierung
Banking Compliance & Selbstregulierung
 
Holzfeuerung und MINERGIE - Das passt zusammen!
Holzfeuerung und MINERGIE - Das passt zusammen!Holzfeuerung und MINERGIE - Das passt zusammen!
Holzfeuerung und MINERGIE - Das passt zusammen!
 
Literatura medieval
Literatura medievalLiteratura medieval
Literatura medieval
 
Enquete-Kommission "Internet und digitale Gesellschaft" Grundlagen
Enquete-Kommission "Internet und digitale Gesellschaft" GrundlagenEnquete-Kommission "Internet und digitale Gesellschaft" Grundlagen
Enquete-Kommission "Internet und digitale Gesellschaft" Grundlagen
 
Traumas y fobias
Traumas y fobiasTraumas y fobias
Traumas y fobias
 
Seminario 8 cuidadores y equipo multidisciplinar de salud
Seminario 8 cuidadores y equipo multidisciplinar de saludSeminario 8 cuidadores y equipo multidisciplinar de salud
Seminario 8 cuidadores y equipo multidisciplinar de salud
 

Ähnlich wie Präsentation flagbit magentolive responsive design

Effektive kommunikation 2013
Effektive kommunikation 2013Effektive kommunikation 2013
Effektive kommunikation 2013Ralf Ressmann
 
OnMobile Befragung - AppRadar
OnMobile Befragung - AppRadarOnMobile Befragung - AppRadar
OnMobile Befragung - AppRadaraperto move
 
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
 
Responsive goes Agile!
Responsive goes Agile!Responsive goes Agile!
Responsive goes Agile!Dirk Pogrzeba
 
HWZ - CAS Mobile Business - Mobile Business und Mobile Strategie
HWZ - CAS Mobile Business - Mobile Business und Mobile StrategieHWZ - CAS Mobile Business - Mobile Business und Mobile Strategie
HWZ - CAS Mobile Business - Mobile Business und Mobile StrategieMilos Radovic
 
Go-Mobile-Strategien für Early Birds und Late Risers - Benno Bartels
Go-Mobile-Strategien für Early Birds und Late Risers - Benno BartelsGo-Mobile-Strategien für Early Birds und Late Risers - Benno Bartels
Go-Mobile-Strategien für Early Birds und Late Risers - Benno BartelsinsertEFFECT GmbH
 
App oder Mobile Website Slides zum Webinar
App oder Mobile Website Slides zum WebinarApp oder Mobile Website Slides zum Webinar
App oder Mobile Website Slides zum WebinarEduvision Ausbildungen
 
Ich dachte, meine Website ist responsive. Aber was ich dann sah, war unglaubl...
Ich dachte, meine Website ist responsive. Aber was ich dann sah, war unglaubl...Ich dachte, meine Website ist responsive. Aber was ich dann sah, war unglaubl...
Ich dachte, meine Website ist responsive. Aber was ich dann sah, war unglaubl...Sebastian Schally
 
M.I.T Präsentation CeBit 2011 - Mobile Learning (Andreas Kohl)
M.I.T Präsentation CeBit 2011 - Mobile Learning (Andreas Kohl)M.I.T Präsentation CeBit 2011 - Mobile Learning (Andreas Kohl)
M.I.T Präsentation CeBit 2011 - Mobile Learning (Andreas Kohl)akmc
 
Mobile Apps mit Mehrwert (by CSS)
Mobile Apps mit Mehrwert (by CSS)Mobile Apps mit Mehrwert (by CSS)
Mobile Apps mit Mehrwert (by CSS)cssgmbh
 
Mobile Marketing für KMUs
Mobile Marketing für KMUsMobile Marketing für KMUs
Mobile Marketing für KMUsBenjamin Heisch
 
vi knallgrau Mobile Nutzung: Website vs. App
vi knallgrau Mobile Nutzung: Website vs. Appvi knallgrau Mobile Nutzung: Website vs. App
vi knallgrau Mobile Nutzung: Website vs. Appvi knallgrau
 
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
 
Touch Mahal - Mobile Hype
Touch Mahal - Mobile HypeTouch Mahal - Mobile Hype
Touch Mahal - Mobile HypeBusinessVALUE24
 
Social Media Week Hamburg 2013: Von Social Media zum Social Business - Wie ma...
Social Media Week Hamburg 2013: Von Social Media zum Social Business - Wie ma...Social Media Week Hamburg 2013: Von Social Media zum Social Business - Wie ma...
Social Media Week Hamburg 2013: Von Social Media zum Social Business - Wie ma...Stefan Pfeiffer
 
2016 - Mobile Business Apps - Vorgehensmodell.
2016 - Mobile Business Apps - Vorgehensmodell.2016 - Mobile Business Apps - Vorgehensmodell.
2016 - Mobile Business Apps - Vorgehensmodell.Johannes Waibel
 
Die mobile Herausforderung
Die mobile Herausforderung Die mobile Herausforderung
Die mobile Herausforderung Martin Reiher
 

Ähnlich wie Präsentation flagbit magentolive responsive design (20)

Effektive kommunikation 2013
Effektive kommunikation 2013Effektive kommunikation 2013
Effektive kommunikation 2013
 
OnMobile Befragung - AppRadar
OnMobile Befragung - AppRadarOnMobile Befragung - AppRadar
OnMobile Befragung - AppRadar
 
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
 
Responsive goes Agile!
Responsive goes Agile!Responsive goes Agile!
Responsive goes Agile!
 
HWZ - CAS Mobile Business - Mobile Business und Mobile Strategie
HWZ - CAS Mobile Business - Mobile Business und Mobile StrategieHWZ - CAS Mobile Business - Mobile Business und Mobile Strategie
HWZ - CAS Mobile Business - Mobile Business und Mobile Strategie
 
Go-Mobile-Strategien für Early Birds und Late Risers - Benno Bartels
Go-Mobile-Strategien für Early Birds und Late Risers - Benno BartelsGo-Mobile-Strategien für Early Birds und Late Risers - Benno Bartels
Go-Mobile-Strategien für Early Birds und Late Risers - Benno Bartels
 
App oder Mobile Website Slides zum Webinar
App oder Mobile Website Slides zum WebinarApp oder Mobile Website Slides zum Webinar
App oder Mobile Website Slides zum Webinar
 
Ich dachte, meine Website ist responsive. Aber was ich dann sah, war unglaubl...
Ich dachte, meine Website ist responsive. Aber was ich dann sah, war unglaubl...Ich dachte, meine Website ist responsive. Aber was ich dann sah, war unglaubl...
Ich dachte, meine Website ist responsive. Aber was ich dann sah, war unglaubl...
 
M.I.T Präsentation CeBit 2011 - Mobile Learning (Andreas Kohl)
M.I.T Präsentation CeBit 2011 - Mobile Learning (Andreas Kohl)M.I.T Präsentation CeBit 2011 - Mobile Learning (Andreas Kohl)
M.I.T Präsentation CeBit 2011 - Mobile Learning (Andreas Kohl)
 
Probestunde_App_oder_mobile_Website
Probestunde_App_oder_mobile_WebsiteProbestunde_App_oder_mobile_Website
Probestunde_App_oder_mobile_Website
 
Mobile Apps mit Mehrwert (by CSS)
Mobile Apps mit Mehrwert (by CSS)Mobile Apps mit Mehrwert (by CSS)
Mobile Apps mit Mehrwert (by CSS)
 
Mobile Marketing für KMUs
Mobile Marketing für KMUsMobile Marketing für KMUs
Mobile Marketing für KMUs
 
vi knallgrau Mobile Nutzung: Website vs. App
vi knallgrau Mobile Nutzung: Website vs. Appvi knallgrau Mobile Nutzung: Website vs. App
vi knallgrau Mobile Nutzung: Website vs. App
 
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
 
Touch Mahal - Mobile Hype
Touch Mahal - Mobile HypeTouch Mahal - Mobile Hype
Touch Mahal - Mobile Hype
 
Social Media Week Hamburg 2013: Von Social Media zum Social Business - Wie ma...
Social Media Week Hamburg 2013: Von Social Media zum Social Business - Wie ma...Social Media Week Hamburg 2013: Von Social Media zum Social Business - Wie ma...
Social Media Week Hamburg 2013: Von Social Media zum Social Business - Wie ma...
 
2016 - Mobile Business Apps - Vorgehensmodell.
2016 - Mobile Business Apps - Vorgehensmodell.2016 - Mobile Business Apps - Vorgehensmodell.
2016 - Mobile Business Apps - Vorgehensmodell.
 
Die mobile Herausforderung
Die mobile Herausforderung Die mobile Herausforderung
Die mobile Herausforderung
 
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...
 
App Entwicklung Kosten
App Entwicklung KostenApp Entwicklung Kosten
App Entwicklung Kosten
 

Präsentation flagbit magentolive responsive design

Hinweis der Redaktion

  1. Vor Start der Gestaltung: Definition Inhalte pro Seite und deren Priorisierung -> mobile Seite sehr viel serialisierter Produkte, Zielgruppe & Design müssen im Einklang sein
  2. Vor Start der Gestaltung: Definition Inhalte pro Seite und deren Priorisierung -> mobile Seite sehr viel serialisierter Produkte, Zielgruppe & Design müssen im Einklang sein