SlideShare ist ein Scribd-Unternehmen logo
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-Pakete
ROHINIE.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
 
Renovieren mit Mehrwerten
Renovieren mit MehrwertenRenovieren mit Mehrwerten
Renovieren mit Mehrwerten
Vorname Nachname
 
Banking Compliance & Selbstregulierung
Banking Compliance & SelbstregulierungBanking Compliance & Selbstregulierung
Banking Compliance & Selbstregulierung
Bankenverband
 
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 medieval
Cosmehorno
 
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
Open-Enquete
 
Traumas y fobias
Traumas y fobiasTraumas 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 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 2013
Ralf Ressmann
 
OnMobile Befragung - AppRadar
OnMobile Befragung - AppRadarOnMobile Befragung - AppRadar
OnMobile Befragung - AppRadar
aperto 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 Unternehmen
Bjö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 Strategie
Milos 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 Bartels
insertEFFECT 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 Webinar
Eduvision 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
 
Probestunde_App_oder_mobile_Website
Probestunde_App_oder_mobile_WebsiteProbestunde_App_oder_mobile_Website
Probestunde_App_oder_mobile_Website
Eduvision Ausbildungen
 
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 KMUs
Benjamin 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. App
vi 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 Zukunft
ahorn. gmbh
 
Touch Mahal - Mobile Hype
Touch Mahal - Mobile HypeTouch Mahal - Mobile Hype
Touch Mahal - Mobile Hype
BusinessVALUE24
 
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
 
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...
IKS Gesellschaft für Informations- und Kommunikationssysteme mbH
 
App Entwicklung Kosten
App Entwicklung KostenApp Entwicklung Kosten
App Entwicklung Kosten
GIMIK Systeme GmbH
 

Ä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