This has happened to all of us. Potential buyers decide to shop for something, grab their phone to look it up and suddenly it all goes downhill.
The text is messy, people have to pinch-zoom to click on links, and just getting to the fields to type in address is an exercise in frustration. In the end, people gave up long before getting to the checkout page. Now think about this: Did you ever remember to go back and actually buy that item you were so ready to order on your phone when you have the access to your computer? If it was important enough, you probably found a different site that actually loaded properly on your screen to make the purchase. If it wasn’t, you probably forgot about it altogether. Either way, the site that wasn’t mobile-friendly has lost the sale.
Mobile is the fastest growing retail sales channel today. In fact, more than 30 percent of global e-commerce sales are completed on mobile devices, whether using a smartphone on the go or a tablet while watching TV. Moreover, mobile devices are used at every step of the shopping journey from research to comparison shopping and looking up reviews, sometimes directly from a physical store. The question is, are your offerings competitive in the mobile space?
Creating an entire site dedicated to mobile devices or building an app can be quite cumbersome and seem daunting to all but the largest retailers. That hurdle has kept much of the mid and small market out of the mobile game, yet responsive design has made mobile commerce easier than ever. Using a few best practices, e-commerce sites that look great on any sized screen can be designed one time, ensuring consistency across channels and eliminating duplicate work or complex app development.
Here are a four important things to keep in mind when planning a responsive site:
1. Maximising Mobile Fundamentals
Mobile screens offer as much features as laptop or desktop computers, so you need to plan everything from homepages to product pages and checkouts to display at their best appearances on mobile devices. Though it might be tempting to design a beautiful and complex website and then strip it down for mobile displays, this is the wrong approach. Instead, start with a simple and clean design that looks great on smaller screens and then build it up from there to provide a great experience when scaled up to larger displays. It is much easier to build up from a solid foundation than to try to squeeze an expansive site onto a mobile screen.
2. Sizing At Scale
Every screen and browser should provide as rich an experience as possible, but not stretch the capabilities of the device to compromise usability. This concept, known as “progressive enhancement,” dictates which features are best for various viewing devices and layers them accordingly. Each page contains layout elements that may appear or disappear depending on the size of the screen they are viewed on and the capabilities of the browsers being used. It is vital to understand and plan these behaviors so that content flows smoothly regardless of which features are enabled.
3. Consistent UX
As the display of a website changes changes across devices, core functionality should remain constant. Navigation through product category selection, product photo viewing, checking out and other key experiential elements should be consistent. Even as elements like copy and photos resize according to user display parameters, key assets like the “Add to Cart” button do not have to resize proportionally. In fact, their sizes should be fixed to keep them visible and usable at all times. Identifying page elements that are the most vital to user experience and the sales funnel is key to keeping conversion rates high among devices.
4. Let The Pros Handle It
While easier than developing multiple sites, a solid responsive site requires more expertise than basic HTML. Working with experienced designers well versed in responsive design will ensure that the site is developed properly the first time, preventing frustrating redesigns and overhauls later. This is one of those times where cutting corners almost always proves to be counterproductive.
The importance of tapping into mobile users can not be overstated to retailers, and the time to dive in is now. A quality responsive site will pay dividends for years to come as the devices consumers use to access the Internet continues to evolve.