4 Rules for Designing Mobile Websites

4 Rules for Designing Mobile Websites

It is projected that by the end of 2014, around 1.75 billion people worldwide will use smartphones regularly. They’re taking over. What that means to your business is that you have to be easily accessible through all the different devices, so your web design must cater not only to computer users, but also to smartphones.

Here are four “rules” we like to keep in mind when we design for mobile:

1. Context is Key

Since mobile websites won’t often have the same functionality as the full website, we make it a priority to figure out what your visitors are mainly looking for when visiting your site. We make sure your contact information is easily seen and accessible, and we utilize your website highlights by placing them in prominate places on the mobile site.

2. Think of Touch Screen Users

We employ larger buttons and prominent links that can be effortlessly tapped by with a finger. Also, white space around all the elements is very important so that they don’t get in each other’s way when the user is trying to tap one of them.

3. Keep the Design Simple

When we design a website for mobile devices, we remember that the goal is more to help users navigate everything easily, as opposed to “wow-ing” them with a fancy design. The goal for a mobile website is simplicity and clear disctinction of most important information.

4. Opt for Single Column Layouts

With mobile we really only have one option if we want the design to continually be easy to navigate: a single column. Sometimes, even with the larger screens smartphones now have, it can still be annoying when you have to scroll through multiple columns to find what you’re looking for.

We recently redesigned Walker Boutique‘s mobile site, and kept these rules in mind. 

Our designers made intentional decisions with the end user in mind: contact information at the top, easy drop-down menu of items so you don’t have to switch back and forth between screens, and a single column layout. It’s easier to use, more pleasant to look through, and designed in a way that’s pleasing to the eye. Don’t you think?

Walker-Before-After

Spread the word!Share on FacebookTweet about this on TwitterShare on Google+Share on LinkedInEmail this to someone

Leave a Reply

Your email address will not be published. Required fields are marked *