January 4, 2013 - Raghav Thakur
What to Consider For Mobile Website Designing? The Secrets Revealed!
Any online business can’t afford ignoring the mobile-based clients. When smartphones have become the basic need, targeting customers’ needs a smart approach. Websites are being converted into mobile friendly sites to grab the attention of prospective clients. Several web designing companies are also offering services of converting desktop sites into mobile sites. If you too are considering changing your e-commerce site, here are the suggestions to help you out.
Give Option of Full Website
Although, mobile users should be provided with smart look of a website, but there should be an option of switching to complete website. Some people want to have the same experience even on mobile, so even a stunning design might not be that much catchy for them.
Headings Should Be Shorter
More than 2 liner heading will let the content move out of the page. Keep the headings short, but descriptive to let the site visitor know what you want to communicate.
Placeholder Text on Forms
If context is needed at small forms, placeholder text can be the right option instead of going for labels.
Labels above Forms
If it’s necessary to use labels, then use them above form elements. It helps in keeping the input within context in case the user wants a closer look.
No to Pop-Ups
Any native apps of YouTube or Maps distract the user while taking them away from the main context. Website users should be facilitated for staying at the site.
Icons to Be Font Based
Image based icons although make a website stunning, but font based icons are better for mobile websites.
Have A Makeover First
Before actually building a mobile site, you may better go for an initial makeover. You are going to convert a whole website into a one-column page. Focus on the important elements and rearrange the web page elements to give the users pleasant look and feel.
14 px Is The Right Default Font Size
Smaller font is just suitable for form labels, other than that 14 px is the right font size to be used at mobile sites.
Think About Fat Fingers
The touch targets of a mobile-based site should be big enough to help the users with fat fingers. 40px by 40px is the right size. The margin should be at least 10px. Fat-finger users should be supported by big primary actions.
Consider the Device APIs
As mobile devices can take pictures, can call different phone numbers and can even trace locations, so the mobile web design should be creative and not limited to the desktop preferences.
Have you found any of the above-mentioned mobile website designing practices interesting? If you know any more suggestions, do share because the mobile web designing or conversion of desktop sites into mobiles sites is the most popular business type at present.
Author Bio: The above guest article was contributed by Maria Shehar Bano. She is working with “Webdesigncc” as a content Writer.