23% of e-retail transactions on Thanksgiving and Black Friday came from mobile devices, according to payments security firm ThreatMetrix. However, 15.5% of retailers say ...
IRWD 2012: Build one ‘responsive’ site for all types of traffic
But adopt a mobile-first approach, King Arthur Flour finds.
Rather than build multiple e-commerce sites for all the devices consumers use to access the web, e-retailers can build a single “responsive” site that can adapt to different devices, Halley Silver, director of online services for King Arthur Flour, told attendees today at the Internet Retailer Conference and Exhibition 2012 in Orlando, FL.
Silver, a featured speaker, spoke during a session entitled “The mobile-first approach to web multi-platform design.” She said that about a year ago the baking goods supplier embarked upon its mobile site design effort. Rather than build separate sites optimized for computers, smartphones and tablets, however, the retailer embraced an approach called responsive web design—the site changes size and the content it displays depending on the device being used. A consumer accessing a site from a smartphone, for instance, would see a smaller, less cluttered site than would a consumer visiting from a desktop computer.
King Arthur Flour decided to start by concentrating on the mobile site first, followed by tablet and then desktop. “Mobile is exploding,” Silver said. What’s more, she said, beginning with mobile forced the retailer to decide upon the most important elements to include on the screen, which would be limited by size. After building the mobile site, the retailer then could add other elements for the larger screens.
The different ways in which consumers use the King Arthur site helped guide the design choices; consumers with smartphones often look up recipes while shopping in supermarkets, while a consumer cooking in her own kitchens may well be using a tablet computer to follow the recipe. To avoid having those consumers touching their tablets with flour-covered hands, Silver said, King Arthur designed the tablet version of the site so that the cooking instructions are near the ingredients, minimizing the cook’s need to touch the tablet.
Overall, she said, “Coding took a really long time, probably two months for five or six templates.” But the effort is worthwhile, given recent traffic trends for King Arthur Flour’s e-commerce site. “22% of our traffic comes from mobile and tablets, up from 6% last year,” Silver said. “We’re skating to where the puck is going.” She said that since Apple Inc. devices account for 90% of the retailer’s mobile and tablet traffic King Arthur did not make any design allowances for Android devices.
Retailers that embrace responsive site design should know about the trade-offs, she said: Development and testing takes longer for those sites than for mobile- or tablet-only sites, and performance likely will suffer, given that coding requirements mean responsive sites are not as lean as other sites. But, Silver added, the increasing reach of Wi-Fi networks and the continuing improvement of phone networks that provide Internet connections for mobile devices will lead to better performance.