When someone is mobile, they’re expecting an entirely different experience from the one they’ll get on your standard website. We already know, why mobile friendly is so important. Here are some tips and advices, about how to create a perfect mobile friendly site.
1. Keep it simple
The first step in creating a mobile site is determining what content you’ll include. Given the restricted amount of screen space, it’s important to figure out what key pieces of information your visitors will probably be looking for. You should put only the buttons and information that will be most needed by your users. All other specific details, the reader can check directly on your website, using the computer.
2. Plan the layout and the content
Mobile web pages will load slower than traditional web pages, so it’s important to keep the number of pages to a minimum. In addition, users won’t have the patience to click several pages deep on your site. Given that, it’s important to keep the site layout as streamlined as possible.
A clean design can help visitors to focus on the content, also can make a good impression about the website and the company.
Too many pictures and videos will make the page load slowly. It is recommended to use not very heavy files. The font should be easy to read.
Also try to avid Flash and Java. Apple products do not support them and have declared that they have no intention to do so in the future. Also many phones do not support Java, and even if they do, using Java can be a huge drag on load time.
3. Reduce the amount of text entry necessary
Most of us have trouble typing on tiny keyboards. When possible, use dropdown menus, checklists and pre-populated fields as a means of data entry. This helps minimize the challenges people face when typing text into a smartphone. To reduce user frustration, aim to minimise the amount of text input you require in web forms, and where it’s really necessary make sure that you consider the practicalities.
4. Know your target audience and what they use
Knowing what type of device peole are viewing your mobile website on is key for guiding the design process and your mobile website strategy. Though many people have smartphones, don’t assume that everyone does, or that they all have an iPhone or Android phone. Instead look into what devices your target audience actually are using with the help of analytics or research.
5. Design from the user's viewpoint
Try to learn to use a device from a user's point of view. Test your design on that device and ask your clients to test it too, so you can see if there's any information that shouldn't be there or if anything's missing. User testing is always really important as well.
6. Test
It is important to test across a cross-section of devices, however, and you should aim to make this an iterative, ongoing process. There’s nothing worse than designing against iOS alone, then discovering at the end of your build that Android devices won’t render your page as intended.
7. Make it easy to find your phone number, location and contact info.
Often, users are looking for store hours, a contact or booking number or perhaps the business's nearest location. The easier it is for users to access and take action on this information, the better the user's experience.
8. Consider geolocation
Businesses can use geolocation to give directions, allow visitors to check in-store availability at the nearest store location, offer targeted promotions, offer online shoppers prices in their local currency and connect to social communities such as Yelp.
9. Retain your branding elements for mobile viewing
It is important to keep the important branding elements that are found on your standard website for mobile viewing. This is important in order to be consistent with retaining the brand you want to promote on your websites both for standard and mobile viewing.
10. Give your visitors the ability to visit your regular site
Make sure to give a link to your mobile site on your regular website and vice versa, and let your visitors decide which kind of viewing experience they prefer.
Sources:
2. http://www.cio.com/article/2377938/online-marketing/12-tips-for-creating-a-mobile-friendly-website.html
4. http://www.socialmediaexaminer.com/9-tips-for-optimizing-your-website-for-mobile-users/
5. http://www.showcialize.me/blog/?p=903
6. http://www.dailybits.com/tips-for-mobile-friendly-websites/
5. http://www.showcialize.me/blog/?p=903
6. http://www.dailybits.com/tips-for-mobile-friendly-websites/
No comments:
Post a Comment