How To Make Your Website Mobile Friendly Through Responsive Design

Since iPhone, Android and Blackberry hit the market. Mobile internet browsing has become a massive trend.

Everywhere you go you’ll find someone scrolling and tapping away on their phone, grinning like an idiot. Debates and discussions over lunch are super short-lived because some smartass will always pull out their phone to Google shit and prove you wrong.

Right or right?

gty_smartphone_ll_130104_wg

Usually it’s me. But that’s because I’m awesome.

With all the free Wi-Fi spots and social networking going on it’s an absolute must to have a responsive website design.

It would be even better to have an app. But if you’re unable to have one created for whatever reason, then start with the actual design of your site.

It has to be able to function, be user-friendly and look aesthetically pleasing on a normal desktop, tablet and phone.

There’s nothing more irritating for a user than waiting forever for a page to load on their phone, and then having to keep scrolling down because the page is too long, or worse, having to scroll to the right because nothing fits on the tiny screen. Then there are those impossible tiny buttons to press that make you feel fat because you keep missing.

fat-finger-300x199

So here are some tips on how to make your website mobile-friendly through responsive design:

 1. Categorize

Let’s say your niche is on Home DIY projects. On your website you should set up different categories for different stuff.

For example, kitchen, garden, bedroom, living room, study, bath room or categorize them into the different types of DIY such as storage, decorations, utensils and so on.

By doing so you allow your visitors to easily access the information they are looking for without scouring your entire website searching for them.

 

 2. Free your image

When using images, you should always separate them from the text. Allowing your image to be handled independently without wrapping it around a text paragraph.

It will provide your visitors a less complicated view of your page. You can play with the size and shape to make your website look more interesting.

 

 3. Separate the pages

too_much_data

Think user friendly. Don’t put all info on one page. Separate them accordingly.

Imagine a slide show on a phone. If you separate pages accordingly visitors won’t need to scroll up and down, all they need to do is click on the ‘next page’ button.

This also helps you to not only shorten your paragraphs but to keep your information compact.

 

4. Make sharing easy

 Let’s say you have articles or quotes on your page that people can share on their social networks.

Make it easier for them to share your content by adding a share button on each page.

0saves
If you enjoyed this post, please consider leaving a comment or subscribing to the RSS feed to have future articles delivered to your feed reader.
You can leave a response, or trackback from your own site.

Leave a Reply


Powered by WordPress