responsive or adaptive design for ecommerce
DESCRIPTION
Responsive design is somewhat a secret hack or one way to grow the volume of your sales by changing the customer experience and levering technology. Even though, the results might vary for each shop, the volume of sales goes up across all mobile devices. On the operational side, you can cut costs as well as you have to maintain less code for design changes or analytics changes. And from the search background, which is critical for ecommerce, Google loves responsive and rewards the sites that go that route. Less SEO work needs to be done and you have more chances to be visible. Let’s get a bit more specific, we have Skinny Ties and CPO outlets – steep benefits you cannot ignore Learn about the Challenges in eCommerce – from shoppers XP and biz side. Plus, how to go around those. I see these challenges as excuses or opportunities to be creative. You can figure better ways to account for these issues and sometimes even benefit from them. Lets explore how select online retailers did that. See the video of the talk ( http://bit.ly/1pz34wV ) Get more ideas on growing your online sales for your online stores from my book ( http://bit.ly/cb2014bk )TRANSCRIPT
Responsive (RWD) or Adaptive (RRES) for
eCommerce?
Yulia V Smirnova, ecommerce marketer & author
Bit.ly/cb2014bk
Bit.ly/cb2014bk
Why We Are Here
Bit.ly/cb2014bk
Why We Are Here
1 Get a better grasp on RWD for ecommerce from the business
2 Meet & connect to people who’ve done it
Bit.ly/cb2014bk
Benefits of RWD in eCommerce
① Sales volume increase way up
② One code of analytics & design to manage
③ Google loves it (SEO), no extra work
Bit.ly/cb2014bk
SkinnyTies.com - RWD190% tablet, 99% laptops
231% smartphone
Bit.ly/cb2014bk
• Team of 6 designers
• 4 months• 46 sites
Cpooutlets.com - RWD 4X
Challenges of RWD in eCommerce
• Business① Connectivity, image
sizes & volume② Site complexity③ Loss of
merchandising opportunities for SKU heavy sites
④ Loss of conversion optimization flexibility
• Shopper ① Too slow to load on
wireless ② Use intent is
limited③ Expectations from
content sites to scroll & go
Bit.ly/cb2014bk
Solutions to RWD Challenges
① Compress images for transit or use CSS and CSS sprite (saves images as one file)
② Or go with RESS for navigation (and content) as it loads faster multi-page eCommerce sites
Bit.ly/cb2014bk
RWD vs. RESS• A fluid layout
that changes the sizing of design based on device and page
• A fluid layout that changes the sizing of design based on device and page and method of delivery
Bit.ly/cb2014bk
1800Contacts.com - RESS
40% tablet
30% smartphone
Bit.ly/cb2014bk
Fathead.com - RESS
Bit.ly/cb2014bk
Best Match of RWD + eCommerce
Bit.ly/cb2014bk
Best Match of RWD + eCommerce
Bit.ly/cb2014bk
Best Match of RWD + eCommerce
Bit.ly/cb2014bk
Best Match of RWD + eCommerce
Bit.ly/cb2014bk
What’s Best for eCommerce?• RWD for simple, one category sites
(clothing) and new shops, elements of content
• RESS or AWD for multi SKU & categories (mass-merchants) and sites with legacy systems
• Both must be approached with purchase path view
Bit.ly/cb2014bk
So What? ① Users expect it, you’ll deal with it
one way or another
② Always a positive for those who did (One way to grow & scale online sales, more ways = in my book)
③ Seem costly upfront, less long term
④ Best applications cross-industry
Bit.ly/cb2014bk
Now you talk
Bit.ly/cb2014bk
More techy details on RWD with RESS• http://mobile.smashingmagazine.com/2013/10/08/re
sponsive-website-design-with-ress/ by Ronan Cremin
• https://github.com/serbanghita/Mobile-Detect/