Download - Präsentation flagbit magentolive responsive design

Transcript
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