RESPONSIVE
COMMERCE .
let me
introduce
you to
PRESENTED BY MATTHIAS LAU
{
name: "Matthias Lau",
link: "http://laumatthias.de",
twitter: "@matthiaslau",
hometown: {
name: "Hamburg, Germany"
},
bi...
Sources:
http://thenextweb.com/apple/2012/01/25/there-are-now-more-iphones-sold-than-babies-born-in-the-world-every-day/,
...
3.5“
3.5“
Apple
iPhone 3G
4“
HTC Windows Phone
8S
4.3“
Sony Xperia V
4.7“
HTC One
5“
Samsung Galaxy Note
Samsung Galaxy Note II...
9.7“
9.7“ 10.1“7.9“ 8.9“ 11.6“
Acer Iconia W700
Google Nexus 10
Samsung Galaxy Note 10.1
Sony Xperia Tablet Z
Acer W510
HP Elit...
6.1“ 7“ 7.9“
Apple iPad Mini
Samsung Galaxy Tab 2 7.0
Amazon Kindle Fire HD
Asus Google Nexus 7
5.5“
Samsung
Galaxy Note I...
12.5“
Sources:
http://opensignal.com/reports/fragmentation.php
Sources:
http://opensignal.com/reports/fragmentation.php
STATIC LAYOUTS
ARE DEAD
THERE ARE NO
DEVICE CLASSES
anymore
WHAT ABOUT
E-COMMERCE?
Sources:
http://venturebeat.com/2012/01/10/paypals-mobile-payments-4b-2011/,
http://www.mobilepaymentstoday.com/article/20...
#fail
#success
Sources:
http://gravitydept.com/blog/skinny-ties-and-responsive-ecommerce/
+42.4%
revenue growth
for all devices
+13.6%
co...
Responsive Design + E-Commerce = <3
I WANT THIS RESPONSIVE DESIGN!
WHAT IS IT?
MEDIA QUERIES
IT STARTED WITH
IT´S NOT ABOUT
MEDIA QUERIES
FLUID LAYOUT
BREAKPOINTSNATURAL
OPTIMIZE MEDIA
MOBILE FIRST
PREPARE TO LOSE CONTROL
DO NOT HIDE STUFF!
USERS NEED THE SAME AS ON THE DESKTOP
„Mobile users want to see our menu, hours,
and delivery number. Desktop users definitely
want this 1mb png of someone smil...
THE MOBILE WEB IS DEAD
MIGRATIONS
for the
E-COMMERCE
MIGRATION STRATEGY 1:
responsive mobile website
MIGRATION STRATEGY 2:
responsive template
MIGRATION STRATEGY 3:
JUST DO IT!
RESPONSIVE DESIGN
IS FOR EVERYONE
QUESTIONS?
http://twitter.com/matthiaslau
http://laumatthias.de/
https://www.xing.com/profile/Matthias_Lau
Responsive Design + E-Commerce = &lt;3
Responsive Design + E-Commerce = &lt;3
Responsive Design + E-Commerce = &lt;3
Upcoming SlideShare
Loading in...5
×

Responsive Design + E-Commerce = &lt;3

354

Published on

Responsive Commerce lässt mit einem >10% CR Lift das Herz vieler Shop-Betreiber schneller schlagen und doch ist Responsive Design aktuell noch eine Seltenheit in der E-Commerce Landschaft.
Warum ist für Responsive Commerce ein Umdenken erforderlich und wie sieht dieses aus? Warum lohnt sich das? Antworten gibt's in diesem Talk.

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
354
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Responsive Design + E-Commerce = &lt;3

  1. 1. RESPONSIVE COMMERCE . let me introduce you to PRESENTED BY MATTHIAS LAU
  2. 2. { name: "Matthias Lau", link: "http://laumatthias.de", twitter: "@matthiaslau", hometown: { name: "Hamburg, Germany" }, bio: "Web-Allrounder mit Leidenschaft für E-Commerce, Coden, Hacken, Konzipieren, Designen.", work: { employer: { name: "Jimdo" }, position: { name: "Shop-Rakete" }, }, } /me
  3. 3. Sources: http://thenextweb.com/apple/2012/01/25/there-are-now-more-iphones-sold-than-babies-born-in-the-world-every-day/, http://techcrunch.com/2012/09/05/eric-schmidt-there-are-now-1-3-million-android-device-activations-per-day/ 371KBabies born per day 378KiPhones sold per day 562KiOS devices 1.3MAndroid devices activated per day
  4. 4. 3.5“
  5. 5. 3.5“ Apple iPhone 3G 4“ HTC Windows Phone 8S 4.3“ Sony Xperia V 4.7“ HTC One 5“ Samsung Galaxy Note Samsung Galaxy Note II 5.5“
  6. 6. 9.7“
  7. 7. 9.7“ 10.1“7.9“ 8.9“ 11.6“ Acer Iconia W700 Google Nexus 10 Samsung Galaxy Note 10.1 Sony Xperia Tablet Z Acer W510 HP ElitePad 900 Apple iPadAmazon Kindle Fire HD 8.9 Apple iPad Mini
  8. 8. 6.1“ 7“ 7.9“ Apple iPad Mini Samsung Galaxy Tab 2 7.0 Amazon Kindle Fire HD Asus Google Nexus 7 5.5“ Samsung Galaxy Note II Huawei Ascend Mate 6.3“ Samsung Galaxy Mega 6.3
  9. 9. 12.5“
  10. 10. Sources: http://opensignal.com/reports/fragmentation.php
  11. 11. Sources: http://opensignal.com/reports/fragmentation.php
  12. 12. STATIC LAYOUTS ARE DEAD
  13. 13. THERE ARE NO DEVICE CLASSES anymore
  14. 14. WHAT ABOUT E-COMMERCE?
  15. 15. Sources: http://venturebeat.com/2012/01/10/paypals-mobile-payments-4b-2011/, http://www.mobilepaymentstoday.com/article/206827/EBay-says-PayPal-s-mobile-payment-volume-beat-estimate Mobile Payments 2009 2010 2011 2012 $141M $750M $4B $14B
  16. 16. #fail
  17. 17. #success
  18. 18. Sources: http://gravitydept.com/blog/skinny-ties-and-responsive-ecommerce/ +42.4% revenue growth for all devices +13.6% conversion rate
  19. 19. Responsive Design + E-Commerce = <3
  20. 20. I WANT THIS RESPONSIVE DESIGN! WHAT IS IT?
  21. 21. MEDIA QUERIES IT STARTED WITH
  22. 22. IT´S NOT ABOUT MEDIA QUERIES
  23. 23. FLUID LAYOUT
  24. 24. BREAKPOINTSNATURAL
  25. 25. OPTIMIZE MEDIA
  26. 26. MOBILE FIRST
  27. 27. PREPARE TO LOSE CONTROL
  28. 28. DO NOT HIDE STUFF! USERS NEED THE SAME AS ON THE DESKTOP
  29. 29. „Mobile users want to see our menu, hours, and delivery number. Desktop users definitely want this 1mb png of someone smiling at a salad.“ MAT MARQUIS (@wilto)
  30. 30. THE MOBILE WEB IS DEAD
  31. 31. MIGRATIONS for the E-COMMERCE
  32. 32. MIGRATION STRATEGY 1: responsive mobile website
  33. 33. MIGRATION STRATEGY 2: responsive template
  34. 34. MIGRATION STRATEGY 3: JUST DO IT!
  35. 35. RESPONSIVE DESIGN IS FOR EVERYONE
  36. 36. QUESTIONS? http://twitter.com/matthiaslau http://laumatthias.de/ https://www.xing.com/profile/Matthias_Lau
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×