So, you have been committed to designing your website for mobile devices. You have taken the time and effort necessary to create a design that beautifully fits most mobile devices. However, if you haven’t tested thoroughly across all mobiles, you may be leaving some cash on the table by ensuring a poor experience on some of your users’ most-used screens.
5 Simple Steps to Getting More Mobile Sales:
1) Be Aware of Screen Resolutions, File Sizes and the Spectrum of Devices Your Users Have Access To
The more you know about your users’ screen size, resolution, and access to viewing capabilities, the better you will be able to optimize your design for them. How many times have you seen an image that takes up the entire width of a mobile phone and won’t scale? Even if we think we can’t, we judge books by their covers, so your website must look good and perform well within each device or platform.
2) Design Quicker and Faster
Designing for mobile devices is a new ballgame, and we all need to play quickly. We’re already designing web pages with multiple resolutions in mind; now we have to consider the range of devices out there and pixel density as well. The smaller your screen sizes get, the more you will need to save on file size. This means being more diligent about cutting out unused space and subtle elements that don’t enhance your message.
3) Keep It Simple
This means you will need to learn how to design fewer, larger images for mobiles. You can no longer rely on tiny polka-dotted graphics to plump up your site because mobile users can’t click on them. Some might take the extra time to zoom in, but don’t count on it. It is easier for you to create a design that is simple and clean so you will need to get used to using fewer elements across all devices your users have access to.
4) Don’t Get Lazy
There has been a lot of talk about using responsive design or creating just one site with multiple resolutions that will adjust accordingly. This is best when your goal is primarily to set up a decent website and not care whether it looks good on mobile devices, but there are plenty of sites out there that don’t work well with mobile. Your users are more likely to give you a second chance if your design looks decent on their mobile devices because they aren’t expecting much. It is also easy for them to simply click away from sites that don’t look good on the first try.
5) Get Comfortable with New Tools and Learn Them Immediately
As you know, there are always new tools that help us be better designers. I am not just talking about the newest version of Photoshop or Dreamweaver. I mean smaller, more affordable or free programs that will take your design game to the next level. We need to learn how to use these tools so we can quickly create designs for any device. Some of my favorites are:
– Compressor.io is a Mac app that will let you shrink JPG and PNG files without losing quality, saving huge file sizes for all devices including mobiles.
– TinyPNG saves incredibly large PNG files while maintaining good image quality. It also has an online version that prevents you from needing to download anything.
– Spectrum is a free tool that lets you see what colors look like on other devices, which will help you design for different screen sizes and pixel densities.
This guide gives mobile site design tips that you can use to optimize your website for mobile devices. If you follow these guidelines, then you’ll see an improvement on both platforms. Remember to test your site with Google Website Optimizer or a similar tool so you know what works best on every platform. Good luck!