Präsentation flagbit magentolive responsive design

41
Mobile: DEEP DIVE INTO RESPONSIVE DESIGN The benefits of developing responsive design and how to do it right Michael Türk Sabrina Toth

description

Präsentation von Michael Türk und Sabrina Toth während der MagentoLive Germany 2013 zum Thema Responsive Design.

Transcript of Präsentation flagbit magentolive responsive design

Page 1: Präsentation flagbit magentolive responsive design

Mobile: DEEP DIVE INTO RESPONSIVE DESIGN

The benefits of developing responsive design and how to do it right

Michael TürkSabrina Toth

Page 2: Präsentation flagbit magentolive responsive design
Page 3: Präsentation flagbit magentolive responsive design
Page 4: Präsentation flagbit magentolive responsive design
Page 5: Präsentation flagbit magentolive responsive design
Page 6: Präsentation flagbit magentolive responsive design
Page 7: Präsentation flagbit magentolive responsive design
Page 8: Präsentation flagbit magentolive responsive design
Page 9: Präsentation flagbit magentolive responsive design
Page 10: Präsentation flagbit magentolive responsive design
Page 11: Präsentation flagbit magentolive responsive design
Page 12: Präsentation flagbit magentolive responsive design
Page 13: Präsentation flagbit magentolive responsive design

Anteil der deutschen Onliner, die das mobile Internet nutzen

Quelle: ARD/ZDF Onlinestudie

Page 14: Präsentation flagbit magentolive responsive design

Quelle: M-Commerce Studie VERBRAUCHER INITIATIVE e.V. & eBay GmbH

Page 15: Präsentation flagbit magentolive responsive design

Mobiler Anteil im eCommerce in ausgewählten Branchen

Quelle: Zanox

Page 16: Präsentation flagbit magentolive responsive design

Wie die meisten Produkte online gekauft werden

Quelle: phaydon

Page 17: Präsentation flagbit magentolive responsive design
Page 18: Präsentation flagbit magentolive responsive design
Page 19: Präsentation flagbit magentolive responsive design

1. Form follows Content

Page 20: Präsentation flagbit magentolive responsive design
Page 21: Präsentation flagbit magentolive responsive design

2. Inkonsistenz sehr teuer

Page 22: Präsentation flagbit magentolive responsive design
Page 23: Präsentation flagbit magentolive responsive design

3. Mobile First realistisch?

Page 24: Präsentation flagbit magentolive responsive design
Page 25: Präsentation flagbit magentolive responsive design

4. Fokus auf alle wichtigen Geräte

Page 26: Präsentation flagbit magentolive responsive design

Quelle: creativeconstruction

Mobile- vs. Desktop-Nutzung

Page 27: Präsentation flagbit magentolive responsive design

5. Käufer-Kontext & -Ziele beachten

Page 28: Präsentation flagbit magentolive responsive design
Page 29: Präsentation flagbit magentolive responsive design
Page 30: Präsentation flagbit magentolive responsive design
Page 31: Präsentation flagbit magentolive responsive design

6. Verhalten abhängig vom Gerät

Page 32: Präsentation flagbit magentolive responsive design
Page 33: Präsentation flagbit magentolive responsive design

7. Die Auswahl der Plattform ist essentiell

Page 34: Präsentation flagbit magentolive responsive design
Page 35: Präsentation flagbit magentolive responsive design

8. Testen, testen, testen

Page 36: Präsentation flagbit magentolive responsive design
Page 37: Präsentation flagbit magentolive responsive design

9. Responsive Designs sind niemals fertig

Page 38: Präsentation flagbit magentolive responsive design
Page 39: Präsentation flagbit magentolive responsive design

10. Just Do It

Page 40: Präsentation flagbit magentolive responsive design
Page 41: Präsentation flagbit magentolive responsive design

Vielen Dank für Ihre Aufmerksamkeit