On a desktop website, you have the flexibility to use large images. After testing them on one browser, you know they will look good everywhere, and you can bolster the image with text, buttons and the like. On mobile, you need to be more careful.
In order to maintain a fast mobile UX, it is essential to limit the size of the image. Keep images as small as possible, while making sure they still look good. And be warned: Images might look great on a single density device, but on a retina device, they can look pixelated. Images with a lot of text will mostly be illegible on a smartphone, for example.
With the ubiquity of mobile rising every day, it is worth developing specific images for a mobile site. Keep images simpler than their desktop counterparts and make sure they have less clutter, fewer subjects and brighter contrast. Images should be able to be seen clearly if the user is looking at them outside on a sunny day.
It’s no secret that smartphones are overwhelmingly the most popular and fastest growing mobile access point to the Internet today. Just recently we learned that by the end of this year, mobile devices will outnumber the amount of people on earth, and by 2017, there will be over 10 billion mobile-connected devices. So how does this influence how you should approach your mobile site?
Here are six tips, from Roland Campbell, director of solution engineering at Usablenet, for creating a mobile site focused on speed and ease of use.