thoughts

Part 2 of 6 – Device Agnostic-Go progressive

  • Nikila Kothari
  • December 12, 2016
  • 3 minutes read
nb-blog-details-banner

“Everyone’s glued to screens these days”

There is a boom in mobile devices, with thousands of distinct devices and dozens of available resolutions and functions in the market today. This incredible diversity makes it impossible to target individual devices.

Your users want to shop on your e-commerce store on one of their many devices and they expect that it will look and function similarly on each. So, if you own an e-commerce store, your store should offer an experience that you will able to maintain on devices that don’t even exist yet. A fun challenge to have indeed.

So, How will you create such an experience?

Device-agnostic and progressive design are two of the current hot terms which can be used to build a successful e-commerce site.

Device-agnostic simply means “Your design is completely device blind or device-independent.”

In other words, the site you build is not dependent on knowing what device it is being displayed on. Device agnostic is a part of responsive design and evolves with it. By starting with a device agnostic approach, you can release design that work and then concentrate on adding the bells and whistles at a more appropriate time. One of the main ideas is to provide the same user experience across platforms with the benefit of a superb long-term solution.

Becoming device-agnostic is an important step for creating future-proof websites and here are a couple of thoughts on that.

01. Design for screens not for devices

Start building your e-commerce site with the smallest screen that’s relevant for users. In most cases the smallest screen resolution is 320px wide. Continue this process until you reach the largest screen sizes you are designing for a maximum of 2000 pixels wide.

02. Go Progressive

Progressive ecommerce web app is the next big thing for mobile web. This is nothing but a ecommerce website built using web technologies that acts and feels like an app. Stats show that 20% of e-commerce stores loses users for every step between the user’s first contact with the app and the user starting to use the app. With a progressive web app, users will be able to immediately shop, eliminating the unnecessary downloading and installation stages.

Ecommerce giant Flipkart uses a progressive web app for its popular e-commerce platform, Flipkart Lite. Flipkart Lite, claims a:

  • 70% jump in its conversion rate compared to the previous mobile site in terms of actual purchases.
  • 22% increase in the average selling price
  • 12% month-on-month growth in mobile traffic and the increase is because of new users

Applying the concepts of Progressive web app to your e-commerce site will only make it better.

03. Focus on design and not on devices

With the device agnostic approach you can focus on design and not be consumed with device sizes or even how browsers will render your site. The advantage is that there are no constraints.

04. All touch points covered is the New normal

There’s some definite reason for this, here are a few statistics that show why device agnostic is likely to be the in-thing for e-commerce website design. According to Google,

  • 85% of online shoppers start a purchase on one device and finish on another.
  • Multi channel shoppers shop more often and will spend over 3 times more than your single channel shoppers.

These are the statistics that are driving the business owners to turn their e-commerce stores to device agnostic with responsive formats.

05. Go Responsive

All you need to do is follow the web design patterns for responsive websites in a proper manner, so that the site appears in a perfect manner in all kinds of devices.

Concluding Thoughts

With the device-agnostic approach for your e-commerce site,  you need not have to worry if the device manufactures have introduced a new device with increased resolution or a new mobile operating system.

If your e-commerce site already has an application-like interface, applying the concepts of progressive web apps will only make it better.

Ignoring these trends in e-commerce evolution means potentially missing out on more and more profits as these trends continue. Armed with this knowledge, it’s your responsibility to create an amazing shopping experience that appeals to your customers.

What are your ideas to build a great e-commerce site? Share your favourite tips in the comments section below.

Great work Better Coffee

Start a project