5 Important Mobile Website Design Tips

Urgent Care small

Creating a mobile website can be intimidating to many people.  Don’t stress, you’re not alone!  There are many ways that you can create mobile websites and design matters.  Success means customers can access your mobile site and buy more from your business.

Here are 5 tips to design a mobile website that delivers customer engagement which is the pathway to more business.

1. Test Navigation

Since visitors to your mobile are in a mode where ‘speed matters’, you’ll want to keep in mind how easy it is to navigate to get the information they really need.  Most important to a mobile viewer: How can they reach your business.  That means easy to find click to call and directions to your business.  Before publishing your site to the web, check to make sure all of your links work and that the user does not have to scroll aimlessly through your site to find important information.  Having straightforward and compact menus will help to make the experience of visitors more satisfactory. 

Mobile viewers are a bit impatient. The more the visitor has to scroll, the more time it gives them to lose interest or simply get annoyed with having to do more work than they intended.

 2. Color Choice – Keep It Simple and Easy To Read

In most cases with mobile websites, it is safer to use a simple layout and color theme. An even safer bet is to use the preset templates MoFuse provides to get an idea of what works.  A light font color on a dark background or a dark font color on a light background seems to be the formula that most websites use.  Colors should not distract the user from content.  In other words, a visitor who is trying to learn about an organization should not be mesmerized by the beautiful shade of magenta chosen for the font color.  More importantly the user should not have to strain their eyes because of conflicting colors. Remember, people will be looking at your site at the beach in the sunshine and you’ll want to make sure people can see what is on the site.

 3. Readable Font Size

The screens on mobile devices have gotten larger over the years, but it is essential that the text on your mobile site is easy to read.  As mentioned earlier in this post, mobile device users are usually on the move and want what they are looking for almost immediately.  Once you have chosen the right colors for your site, now it is important to make sure the font size is comfortable to read.  The screens on these mobile devices have gotten bigger, but some are still small enough to be annoying to read on.  MoFuse will resize the mobile site based on the handset, however you’ll want to make sure the font size is overall – very easy to read on mobile.

4. Connect Social Media

Lets face it,  we live in a world of Facebook addicts and Tweeting fiends.  Giving your visitors the option to share something from your site to their social media websites gives your organization additional publicity.  Linking your mobile site to social platforms even helps your search rankings!  Think about it from both directions.  Post your mobile site URL to your Facebook, Google+, LinkedIn and twitter feeds.  Pin an image of your mobile site to your Pinterest account.  Then make sure you have social buttons available on your mobile site so your viewers can share and ‘like’ your mobile site.   This allows for people to share information from your mobile site on their timelines and Twitter Feeds!

 5. Think About Site Purpose First!

This may sound obvious and every website has a different purpose.  Important information should always be towards the top half of your mobile site.   Since each site has a different purpose, the decision on what information is most important varies for each business.  Having contact information easily accessible in the top portion of the site may be beneficial in creating sales either online or on location. What are the needs of your targeted audience?  Do they need to physically come to your business to buy a tasty burrito?  Do they need to contact your business to ask about a last minute Father’s Day gift they want to purchase?  What each website designer chooses as the most important information varies, but allowing visitors to contact your organization and find your location can help in generating sales.



25 thoughts on “5 Important Mobile Website Design Tips

  1. I like to have someone else test a site before I launch. It’s nice to get a fresh pair of unbiased eyes before proceeding to production!

  2. Amazing post. I am sure it will help us to create a superior mobile website for business if we can properly incorporate the tips you have shared with us. Thanks a lot.

  3. All the five points are so useful, Along with these points I like to share one more point that is “Reduces Text Field”. I mean try to reduce the amount text field you require in web form because people annoy to type too much in smart phones instead of that you can have call to action button in your website to reduce visitors work and scrolling to search for an important details.

  4. Great article, nowadays I think all websites should be mobile friendly, I’m gearing more towards making websites responsive, so that you don’t have to worry about functionality changing from the full site to the mobile one, with media css queries you can control target various screen sizes, for example tablets and larger phone screens.

  5. Optimising a website for mobile use is a trade of between usability / impact / and file size. To have a great website its all about testing make sure its usable on different devices however it has to still have some impact.

  6. I agree with your all points, since the mobile phone’s screen size is not as big as a computer, it is important to put the most important information at the right position.

  7. I find it really helps to establish a very clear goal with each webpage, this is especially true with landing pages, if you want an email address then focus all the page elements to do just that.

  8. I’m looking to create a mobile website and these are the tips I’m looking for. Thanks!

  9. In 1995, I was one of the attorneys at my law firm responsible for creating our first web site. Few large law firms even had web sites. Netscape Navigator 1.0, the first commercial web browser, was just a few months old at the time so these were early days. However, we knew then that the Internet was here to stay so we wanted to make it easy for current and potential clients using this new medium to learn about our firm and its attorneys.

    We wanted our web site accessible to all, so we made sure that the main page would look good on a VGA monitor with dimensions of 640 x 480 pixels. (By comparison, today a typical 24 inch display has 1920 x 1200 pixels.) We also included a link to a text-only version of the web site since some of our clients were using used text-only web browsers like Lynx. Even those with Netscape Navigator might prefer fast text versus images that took time to download over slow dialup connections.

    Today, all large law firms have a web site, most of which are designed to take advantage of a large monitor and which feature graphics, photos, videos, and other rich media. Meanwhile, many clients use devices such as iPhones or iPads that have smaller screens and cannot handle some of the technologies such as Flash used on “modern” web sites.

    • Hi Bridge,

      Thanks for sharing your story! “Back in the day” websites certainly had to be optimized for lower bandwidth and lower resolution displays. Now bandwidth is rarely a problem, and mobile devices on up are all sporting high resolution displays. But the need to optimize sites remains. Sites that are designed specifically for desktop machines create poor user experiences for mobile users simply because there’s too much content to have to try and wade through, and desktop layouts do not translate comfortable to mobile devices. Mobile users also tend to prioritize information differently than desktop users, tending to be more action oriented (I want to call the firm!) vs. research oriented (I want to learn more about the firm and its attorneys). All of these factors need to be taken into account for firms looking to successfully drive lead gen through their online presence.

      A great example of a firm that’s done a fantastic job building out complimentary desktop and mobile presences is one of MoFuse’s clients, Hoffer Adler LLP.
      Desktop: http://www.hofferadler.com/
      Mobile: http://m.hofferadler.com

  10. I am a new SEO trainee and these tips really helped me understanding, navigating and dealing with mobile websites.Thanks for the tips

  11. Nice article. And I totally agree with you. Nowadays, if you have a website you have to create a mobile website too. Most of the people prefer surfing the net with their mobile than with their computer so it’s very important to create a very design mobile website.

  12. I think all websites should be mobile friendly, I’m gearing more towards making websites responsive, so that you don’t have to worry about functionality changing from the full site to the mobile one, with media css queries you can control target various screen sizes, for example tablets and larger phone screens.

    • That’s certainly a great approach, Chris. And responsive certainly is the direction that things are headed. The one trick with responsive sites though is to make sure that all of the site’s content works on mobile devices. Shoehorning everything on a desktop site into a mobile site can have mixed results depending on the type and volume of the content making the transition.

  13. it’s important to use the same model of the navigation of the web design. some webmasters do a different design for the navigation in a different part in the website. Well, this is totally a big mistake because the user may think that he’s on another website which will make the user close the website … and now you lost a customer!!

    • Excellent point, Marc. Consistency and continuity across both mediums is indeed very important. Thanks for sharing such an important tip!

  14. I am 100% agreed on the importance of the mobile website in this technology era. Users are looking for convenient and user friendly mobile interface. It will definitely bring more sales to the companies with such implementation.

  15. Useful tips. But speed is another big thing you should consider. Nowadays people have less patients to wait for site to be opened. And google now have consider speed already.

    • Great point! Speed is indeed an essential metric that directly affects bounce rates. There are studies out there that have published data showing that users are, on average, only willing to wait ~4 seconds before moving on.

  16. Great post. One thing I have been thinking about is how the widget (in wordpress) are placed while on a mobile version of the site. Say you have something to the right, that is often placed in the bottom and people seldom scroll that far. Any ideas on how to do anything better?

    • Hi Joakim, thanks for posting!

      Without knowing what specific WordPress widgets you’re referring to as far as functionality and purpose, depending on what kind of mobile experience you’re trying to provide, there might be value in exploring the idea of building a custom mobile site that hosts an RSS feed of your blog. Any additional features or functionality may then be able to be built into the site in a more mobile optimized fashion than the default mobile layouts WordPress produces.

Comments are closed.