Mobile Website Design – Begin With the End In Mind

If you’ve read any of any of Steven Covey’s books such as “7 Highly Effective Habits of Highly Effective People” he mentions in the second habit “Begin with the end in mind.” This habit is based on imagination where you envision in your mind what you can’t see with your eyes. You visualize what you want to achieve then take action to make it happen in the present.

The same applies to mobile web design. Perhaps you’ve been told numerous times to build a mobile version of your desktop website so it appeals to customers on the go. Without planning and visualizing the end result your mobile site will not be very effective.

3 tips to consider before designing your mobile website:

1. Define your site’s purpose

Throwing up a mobile site without clarifying it’s purpose is a recipe for disaster. Think about the type of customers you want to target and what you want them to do. For instance if you own a local business your purpose may be to attract local clients by displaying clear benefits, contact information, a map and driving directions.

2. Keep it simple stupid (KISS)

Keeping it simple is necessary when you’re explaining or showing something to a new person. Computer users are usually sitting at a desk looking at a monitor and using a mouse. With a desktop website you can include lots of graphics, videos and scripts to attract and retain website visitors. You shouldn’t do the same for Mobile Web Design.

Mobile phone users are browsing their device while walking down the street, lying on the couch or even sitting on the toilet. They are viewing information on a small screen that is only a few hundred pixels wide while using a tiny keyboard. A mobile website should contain limited graphics, display the most important information at the top of the screen and make it easy for them to contact you (ie tap to call feature).

3. Test on multiple devices

Not all mobile phones will display your new design in the same way therefore make sure you test it on multiple devices before going public. Check the readability, navigation and usability of your design.

Ask yourself these questions…

  • Will visitors instantly know what your site is about from the information you provide?
  • Are the clickable features large enough to use a fingertip?
  • Is the font size easy to read?
  • Is the site easy to navigate?
  • Does the site load fast?

Always place yourself in your customers shoes when designing a mobile website so you can view things from their viewpoint instead of your own. If you visualize how your design will best serve your future prospects you’ll attract and retain a wider audience.

And now I’d like to invite you to get a mobile website designed for your business to attract and retain more of your customers.
Visit: Mobile Website Design Maryland

Related articles
Top 7 Reasons to Create a Mobile-Friendly Website
Mobile Website Design: 5 Must-Have Features
Top 7 Mobile Web Design Principles to Consider
Mobile Website Design – Before and After Case Study