15 tips for highly successful mobile websites

Mobile WebsitesMobile Websites“15 Tips For “15 Tips For

Effective Design!”Effective Design!”

Practical & actionable tips by Practical & actionable tips by Arun AgrawalArun Agrawal

Webile Designer and DeveloperWebile Designer and Developerwww.webile.co.uk

22

Mobiles Have Become Mobiles Have Become Iconic DevicesIconic Devices

iPhonesiPhones BlackberriesBlackberries TreosTreos Android PhonesAndroid Phones Symbian PhonesSymbian Phones

33

Get Your Mobile Website NowGet Your Mobile Website Now

New mobile websites are popping up New mobile websites are popping up everyday.everyday.

Consumer industries are embracing these Consumer industries are embracing these faster than you can imagine.faster than you can imagine.

Join them or be left behind.Join them or be left behind.

44

How To Design a Great How To Design a Great Mobile Website Mobile Website

That Produces Top Response?That Produces Top Response?

Here are 15 Tips >>Here are 15 Tips >>

55

Mobile Website DesignMobile Website DesignTip 1Tip 1

The phones have much smaller screen space The phones have much smaller screen space and therefore you have to really and therefore you have to really cut down on cut down on the amount of informationthe amount of information you should include you should include on your web pages.on your web pages.

66


The phones work on much slower bandwidth The phones work on much slower bandwidth even if they are on 3G. Again you should even if they are on 3G. Again you should reduce reduce the size of filesthe size of files, images and other elements to , images and other elements to as small as possible.as small as possible.

77


Since the capacity of the phones vary widely, Since the capacity of the phones vary widely, use progressive enhancementuse progressive enhancement. This way you . This way you will have your site working fine off the most will have your site working fine off the most limited browsers and offer a great site with the limited browsers and offer a great site with the more capable ones.more capable ones.

88


Attention span on a mobile site is really limited. Attention span on a mobile site is really limited. Don’t try to tell everything and confuse the Don’t try to tell everything and confuse the reader. You have to reader. You have to include your most salient include your most salient pointspoints – the big hitters. – the big hitters.

99


You might You might try this formattry this format – powerful headline, a – powerful headline, a paragraph of introduction text and a few bullet paragraph of introduction text and a few bullet points followed by a call to action.points followed by a call to action.

1010


New page loads are taxing on the bandwidth, New page loads are taxing on the bandwidth, too much information on a single page is too much information on a single page is daunting. You have to daunting. You have to strike a fine balancestrike a fine balance..

1111


Advertise on the mobile networksAdvertise on the mobile networks. The clicks . The clicks are still affordable.are still affordable.

1212


Don’t forget to Don’t forget to send the clicks to a mobile send the clicks to a mobile version of the landing pageversion of the landing page. Don’t drop the . Don’t drop the ball by sending the clicks to a desktop landing ball by sending the clicks to a desktop landing page which won’t show up clearly on the small page which won’t show up clearly on the small screens.screens.

1313


Some people won’t be happy with the limited Some people won’t be happy with the limited information on the mobile sites. information on the mobile sites. Include a link Include a link to your main siteto your main site so that they can see the so that they can see the whole story.whole story.

1414


Mobile commerce is picking up very fast. Be Mobile commerce is picking up very fast. Be ready to ready to take advantagetake advantage..

1515


Make your forms as small as possibleMake your forms as small as possible. They . They can’t fill up large forms with the mobile keyboard.can’t fill up large forms with the mobile keyboard.

1616


Including a touch-to-call or click-to-call Including a touch-to-call or click-to-call buttonbutton can be a terrific USP. They are working can be a terrific USP. They are working off a mobile phone after all and calling someone off a mobile phone after all and calling someone is the most natural thing to do.is the most natural thing to do.

1717


Build a SMS listBuild a SMS list. SMS marketing, like email . SMS marketing, like email marketing, is a potential winner. However you marketing, is a potential winner. However you need to use it responsibly or else, you will go need to use it responsibly or else, you will go down the email spammer route.down the email spammer route.

1818


You must You must include a mobile sitemapinclude a mobile sitemap and submit and submit it to the search engines. How can we forget the it to the search engines. How can we forget the search engines? They can send large number of search engines? They can send large number of people to your sites after all.people to your sites after all.

1919


Setup auto-sensing and auto-redirectionSetup auto-sensing and auto-redirection for for mobile browsers on the main URL. Don’t split mobile browsers on the main URL. Don’t split your branding efforts by advertising 2 different your branding efforts by advertising 2 different URLs.URLs.

2020

Websites for Mobile AccessWebsites for Mobile Access

are also called are also called webiles!webiles!

Get yours designed by the experts atGet yours designed by the experts atwww.webile.co.uk

15 tips for highly successful mobile websites

Self Improvement

mobile website design

mobile sites

mobile commerce

mobile version

mobile sitemapand

mobile access

mobile keyboard

mobile networks