Skip to main content

Mobile Website Design

More than 25% of mobile phone owners around the world have browsed the Internet via a mobile handset. Market research agencies are speculating that mobile web browsing might become the next dominant Internet platform. For many consumer-driven companies this means that having a WAP friendly website will be a necessity rather than a nice-to-have.

Google, Microsoft and Yahoo! have recognised the potential of this market and are making great efforts to promote mobile commerce to users and advertisers. Most famous brands like Coca-Cola, MTV and Nike now have a mobile portal featuring content designed specifically for handheld devices. Most importantly, though, operators have reduced tariffs and introduced flat-rate plans. This means that an increasing number of your potential customers are using their mobiles to find local businesses, content providers, games and more!

WAP Friendly Mobile Websites

Over 80% of adults and 60% of teens in the UK own mobile phones, and at least 28% of these users have browsed the Internet from their phones. However, a disproportionately low number of consumer-focused websites actually work on WAP enabled handsets.

In order for a site to work on a wireless handset, it must adhere to most website accessibility design guidelines, as set out by the W3C. Mobile handsets use WAP technology to browse the Internet. Because of limited screen size, many WAP browsers strip out CSS, and show text in a method similar to how a search engine spider renders a site.

Principles of Mobile Web Design

1. Websites using tables for layout will not render well on mobile handsets. The site must use CSS for layout

2. The site must be coded using either XHTML or XML

3. Character encoding should be UTF-8

4. Bear in mind different screen sizes of mobile users. The largest screen size available is probably 640 x 480, whereas the average is closer to 120 pixels

5. The most important information of your site must be right at the top of the page as it can be very time-consuming for browsers to read through

6. Text entry can be quite difficult. Users prefer to select values from a list of choices, such as radio buttons or lists

7. Images should be jpeg or gif

8. Always provide a 'back' button or link, since many phones don't include a back button

9. The maximum total page size recommended is 20 kilobytes

10. Remember that your users are paying a lot of money to access your site, so make sure it is definitely worth their money!

Is Your Website WAP Friendly?

A number of online resources provide mobile phone simulations, which enable you to view your website as it appears on standard mobile phone screens. Some of them are listed below:

* Google Mobile Proxy
* Palm OS Emulator - Download
* Windows 2003 based Pocket PC Emulator - Download
* Windows 2003 SE Smartphone Emulator - Download

If your website does not render correctly for mobile phone browsers, you should seriously consider modifying your site to attract the growing population of mobile web savvy users that search, browse, book and buy services and products from their mobile phones. AccuraCast Mobile Search Marketing can help you design and code a WAP friendly website. Contact us on 0800 019 6813 if you would like to target the growing population of mobile Internet users.

Other articles to read:

* Website visitors affect Google search results
* Google search result snippets

SEO Weekly

For Website Designing and Development
web designer in hyderabad
eMail : varadesigns@yahoo.com
phone : +91 9247457705


Source : http://www.accuracast.com/seo-weekly/mobile-web.php

Popular posts from this blog

Photo Optimization

Photo Optimization is necessary to allow a web page to load in the shortest amount of time possible. Fast loading time require small files. This article discusses the methods used for photo optimization. In an ideal world, a web designer could use the highest quality photos and have the webpage download lightening fast. Fast loading requires small file sizes for pictures. Unfortunately, there is a trade off between picture quality and file size. Web surfers are a notoriously impatient bunch. If a website takes too long to load, they will just click away and never come back. Computer monitors can only display images at 72dpi (dots per inch). So the first step in photo optimization is to reduce the resolution to 72 dpi. Large picture can be sliced up into smaller ones and the put back together on the web page. Each piece will be a very small file and together will load in a fraction of the time a single image file would load. Most graphic files contain information about the color palette...
Read more

What is XHTML ?

XHTML is almost identical to HTML 4.01 with only few differences. This is a cleaner and more strict version of HTML 4.01. If you already know HTML then you need to give littel attention to learn this latest variant of HTML. XHTML stands for EXtensible HyperText Markup Language and is the next step in the evolution of the Internet. The XHTML 1.0 is the first document type in the XHTML family. XHTML was developed by the W3C to help web developers make the transition from HTML to XML. By migrating to XHTML today, web developers can enter the XML world with all of its attendant benefits, while still remaining confident in their content's backward and future compatibility. Developers who migrate their content to XHTML 1.0 will realize the following benefits: 1. XHTML documents are XML conforming. As such, they are readily viewed, edited, and validated with standard XML tools. 2. XHTML documents can be written to operate better than they did before in existing browsers as well as in new ...
Read more

Mobile Web Design: Tips and Best Practices

Mobile Web Design Trends For 2009 Web designers know that the industry involves plenty of change, and continuous adaption and development of skills is required in order to stay up to date. In the past few years, one of the biggest areas of change has been the amount of Internet users who are accessing websites via phones and mobile devices. As a result, Web designers have a growing need to be educated in this area and ready to design websites that accommodate this audience. Because designing websites for mobile devices brings some unique situations and challenges into play, the subject requires a strategic approach from the designer and developer. In this article, we’ll look at the subject as a whole, including current trends, challenges, tips and a showcase of mobile websites. Plenty of helpful resources and articles are also linked to throughout the post, so if you’re interested in learning more about designing for mobiles, you should have plenty of information at your fingertips. 1....
Read more