Successful Blog

  • Home
  • Community
  • About
  • Author Guidelines
  • Liz’s Book
  • Stay Tuned

6 Mobile Web Design Blunders to Avoid

January 14, 2014 by Rosemary Leave a Comment

By Charles Mburugu

In recent years, people have increasingly shifted from using computers to accessing the internet from their mobile devices. Therefore it’s essential for every blogger, webmaster and business owner to have a mobile-friendly website.

Here are some of the major blunders you need to avoid when designing your mobile site.

1. Failing to optimize images

Images are a very important element for any mobile website design. However, using images or elements that have large file sizes will significantly slow down the loading speed of your pages. When your pages take too long to load, visitors will simply click away and go elsewhere. This is why it is very important to optimize the images on your site. Preferably, only use images and elements which are small in size.

2. Not considering screen sizes

Compared to desktop and laptop monitors, the screens of mobile devices are relatively small. Therefore, when designing your mobile site, you need to take into account screen width and size. Your design should be able to fit well in different screen sizes with all page elements displaying correctly. Make sure your buttons and icons are large enough for users to tap with their finger. Don’t forget to have enough space between your links and buttons.

3. Excess content

Content is what drives visitors to your site and keeps them coming back. Make sure your content is arranged in a way which is pleasant to the eye and easy to read. Avoid having excessively lengthy posts on your mobile site. If you would like to share a lot of information, you could break it down into short sections with a ‘read more’ link at the end of each section. Make sure the text is spaced out and large enough for mobile users to read without straining their eyes. In addition, use a background color which contrasts sufficiently with your text.

4. Not having collapsible navigation

Most mobile users are very impatient people who access the internet while on the go. Therefore, your mobile site should be designed in a way that allows visitors to find what they are looking for as fast as possible. One of the best ways of presenting content on your site is through using collapsible categories. This allows you to keep the pages of your site clean and neat, thus ensuring that visitors can find information on your site easily.

5. Having long input forms

Typing on the keyboard of a smartphone is not as easy as typing on a computer keyboard. With this consideration, it would be advisable to keep the forms on your mobile site as short as possible. Users should only be required to complete the few fields that are critical. Alternatively, you could consider providing a multiple choice option with check boxes, radio buttons or combo boxes. This will save your visitors the trouble of having to type their entries.

6. Not testing your design

Once your design is complete, you need to test it using different kinds of mobile devices. This will enable you to identify any concerns with regard to your site’s feel, content and usability. You can also get useful feedback by sharing the design with your friends and business associates. Take time to tweak your site until it works well on as many mobile devices as possible.

Author’s Bio: Charles Mburugu is a HubSpot-certified content writer/marketer for B2B, B2C and SaaS companies. He has worked with brands such as GetResponse, Neil Patel, Shopify, 99 Designs, Oberlo, Salesforce and Condor. Check out his portfolio and connect on LinkedIn.
Print Friendly, PDF & Email

Filed Under: Design Basics Tagged With: bc, Design, interface, mobile

Comments

  1. Mikel King says

    January 14, 2014 at 8:15 AM

    I totally agree. Especially the appropriate image sizing. It is a huge issue that too many overlook. Image optimization is one of the easiest yet often ignored factor of site performance.

    Reply
  2. The blogging Lover says

    January 14, 2014 at 8:32 AM

    Only few words ” Keep Going “

    Reply
  3. Joe says

    January 14, 2014 at 9:24 AM

    Excellent list, I think it’s especially important bloggers understand how to optimize there sites to be mobile friendly especially since 46% of Google searches are now from mobile devices.

    Reply
  4. Anita Nelson says

    January 15, 2014 at 5:25 AM

    I’m very surprised how resistant some designers are to these ideas. They think people who read a lot do so from their laptops. I’m reading and writing from my iPhone right now and grateful for the short form!

    Reply
  5. Sunday says

    January 17, 2014 at 1:21 PM

    Making the most of mobile web design would require that top considerations are made to ensure that effective user Interface.

    The blunders discussed in this post are common with many who want to optimize their mobile.

    Correcting these mistakes or blunders would go a long way in helping mobile marketers make the most of their designs.

    I left the above comment also in kingged.com – the content syndication website for Internet marketers where this post was shared.

    Sunday – kingged.com contributor

    http://kingged.com/6-mobile-web-design-blunders-to-avoid/

    Reply

Leave a Reply Cancel reply

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

Recently Updated Posts

6 Keys to Managing Your Remote Workforce

9 Reasons To Use WordPress

Useful Marketing Tools That Wont Bust Your Budget

Do You Have What It Takes To Be A Successful Blogger?

Do You Have What It Takes To Be A Successful Blogger?

6 Tips for the Serial Side Hustler

How to Make Your Blog Popular



From Liz Strauss & GeniusShared Press

  • What IS an SOB?!
  • SOB A-Z Directory
  • Letting Liz Be

© 2023 ME Strauss & GeniusShared