If you’re building a website that’s designed to be mobile-friendly, read this carefully. Creating a website that’s friendly for mobile website requires thinking through quite a few usability concerns that most people just don’t think about.
Here are five tips for improving the mobile-friendliness of your website.
Use Fluid Widths
Avoid fixed widths like the plague. With so many different devices out there, from the dozens of Android models to the iPhone to the iPad and all the tablet devices out there, trying to create one fixed width to work on all devices simply isn’t realistic.
Instead, try to use fluid widths wherever you can. Fluid widths will automatically adapt to the width of the web browser, making your site look good on any device.
Try to have as few images as you can on your site.
For one, images hog bandwidth. Forcing users to download a lot of content on their mobile phones is never good.
Also, images can mess up the way a web page is displayed if they’re too large.
Make Buttons at Least 44 Pixels
Most smartphones today use a finger tap to simulate a mouse click. In order to make buttons easy to click on, they should be large enough that someone can press on it without having to zoom in.
A general consensus in the design community is to make buttons designed for smartphones at least 44 pixels wide and 44 pixels tall. This makes them easy enough to click on by any smartphone device.
If you’re building a website for a desktop viewer, it might make sense to have a dozen different links in your navigation bar and ten pages of content on the home page.
However, if you’re building a site for mobile devices, it’s best to narrow down choices. Try to have at most five different choices for navigation. Make the main parts of your site easily accessible.
Make sure a link to your full version site is at the bottom of your footer. Simplify your mobile site, while making sure people can access more options if they wanted to.
Test, Test, Test!
Don’t assume that just because your site looks good on an iPhone that it’ll look good on an Android. Don’t assume that because it looks good on a Samsung tablet that it’ll look good on an iPad.
Test your website on as many different devices as you can get your hands on. You’ll likely find that your site looks good on some devices, but doesn’t display properly on some other operating systems.
Actively seek out errors and fix them.
These five mobile marketing tips will help you create websites for mobile devices that look great, no matter what phone or tablet your customer is using.