With the prevalence of smart phones growing by the day (and Nielsen estimates that 37% of mobile users have a smart phone), good website design no longer ends with checking how your site looks on various browsers. You now must also figure mobile website design into your overall website design plan.

Below are 3 suggestions to improve your users’ mobile experience with your website.

Make your Website’s Template Mobile-Friendly

Both WordPress.org and Blogger allow their users the option to optimize their sites for smart phones.

On WordPress:

Install the WPtouch plugin.

mobile website design

This plugin modifies your site’s layout and look when viewed from a mobile device such as iPhone, iPod Touch, Android, Palm Pre, Samsung Touch and Blackberry Storm & Torch. You can customize what elements of your website are presented to users (Do you want your categories and tags accessible? A search box present? Comments enabled?) and can choose to redirect your landing page to a different page of your website if, for example, your home page uses Flash, which is not understood by smart phones.

On Blogger:

From your Dashboard, go to Settings –> Email & Mobile. Choose “Yes” and be sure to click the Save button at the bottom of the page.

mobile website design

For a preview of what your blog will look like on a mobile phone, click the blue preview button. And for those who have a QR Code reader on their phones, check out the QR code for your blog provided here.

Be sure your Comment System is Mobile-Friendly, too

If you operate a blog, you understand the value of comments received.

If you operate a blog, you understand how frustrating it can be when commenting systems don’t cooperate. There are a few things you should consider when considering how mobile viewers are impacted by your comment process.

Requiring Captcha and word verification steps in a website’s comment area is generally considered a major “blogging offense”. That frustration is only compounded when a commenter is asked to complete word verification on a tiny mobile screen.

Also, WordPress sites require a name and email address in order to leave a comment. Be sure your site saves that information so repeat visitors don’t have to endure the hassle of re-entering it on their smart phones.

Finally, site owners who use Disqus as their commenting system should check their site’s load time on their own smart phones. Disqus can take a while to load on a laptop, and often takes even longer when attempting to load on a mobile device.

Full Feeds Make Reading on the Go Easy!

Bloggers, handmade shops and business owners with a blog component to their websites all have the option for new blog posts to hit email inboxes and RSS readers as a full feed or partial feed. “Full feed” means the entire text of your post is visible in the email or RSS feed. “Partial feed” means that only the first few lines of the post are visible, and a reader would need to click over to the website for the full content.

Much like the captcha step mentioned above, many are passionately against partial feeds. Website owners who continue to use partial feeds should also take into account the extra step they are requiring of their mobile readers. It’s not uncommon for readers to catch up on their favorite blogs while commuting on the train, waiting in a school pick-up line or sitting on the sidelines of a soccer practice. You may not get the pageviews from those reading on the go, but isn’t it better that they are reading at all?

These are a few important items to consider when making sure your site’s design is mobile friendly. As mobile viewing become more prevalent, letting users easily access your content on-the-go is a necessity if you want to be competitive.

Pin It on Pinterest


Share this post now!