Mobile users still constitute a minority of visitors to most websites: 15% of all visitors to this site currently use an iPhone, iPad, iPod Touch, Android or Blackberry. The most important aspect, however, is the rate of change: mobile web growth is 2000% over desktop internet over the last two years; in 2011, sales of mobile devices exceeded that of desktops. Worldwide, there are 6.8 billion mobile subscriptions. (That’s 97% of the world population!). Increasingly, our audience is going to see and interact with the content on a website primarily through a mobile device.
For web designers, this epochal change presents a series of challenges: historically, designers have been spoiled with huge screens, quad and octo-core processors, high speed internet connections and browsers that are continually updated. As a result, they see and interact with the web in a different way from their users. The smartphone revolution is the first in which we are using the same tool as everyone else.
What’s different about the mobile web experience?
- Smartphone screens are smaller; mobile sites need to be tightly focused as a result.
It may seem obvious, but this is probably the hardest transition for traditional web developers to make. There is no room for dozens of buttons or grandiose designs in the mobile version of a web site; using rigorous discipline, the interface must be reduced to nine or fewer clear tasks.
- High-speed broadband is continuing to improve; mobile sites must be light and quick.
- In many ways the smartphone revolution is back where the desktop internet experience was a dozen years ago, when broadband was beginning to penetrate the market: the price of data is high, performance outside of urban centres can be sketchy, and processor speed is low. Mobile versions of sites must load quickly and respond nimbly to requests; users have even less patience for slow websites on smartphones than they do on the desktop. 25% of mobile users will give up and go elsewhere if a page takes longer than four seconds to load.
- Smartphone users are task-oriented; mobile sites must get right to the point.
- Mobile users are “opportunistic foragers” rather than “browsers”. They want to do one thing – check their news feeds and status on social networks, reply to messages, buy tickets, get information – and move on. Interaction is frequent, but brief: 50% of mobile users stay less than 10 seconds on a page.
- Smartphone users expect sites to be intelligent, and to work with their devices.
- Modern smartphones have GPS, which means that users expect their devices to present information that directly relates to where they are and what they are doing. Online offers to “find a store near you” that require me to enter a postal code should not exist in the smartphone version of a site: the site should know where I am.
- Increasingly, mobile users will expect a seamless transition between desktop and mobile interaction.
- Shifting between a mobile and desktop experience of a site, I should be treated as the same person. My needs may be different, but the interface should be similar, and my information – including patterns of use and interests – should be carried seamlessly between both realms.
If we acknowledge these changes and design for mobile users first, we will create a cleaner, lighter, faster, more focused and intelligent site. Both desktop and mobile users benefit as a result.
Enjoy this piece? I invite you to follow me at twitter.com/dudleystorey to learn more.