Mobile Phone Website Template
Hosted Mobile Phone Web Templates

How to Design a Website for a Mobile Phone

Hosted Mobile Phone Web Templates

As a general piece of advice, for a realistic assessment of your website and its usability, you need to test it on a 2G mobile network using a mid-range medium-resolution phone in broad daylight.

We have prepared a set of helpful guidelines and recommendations for you to consider, if you wish to build a mobile phone site.

Please click and browse through the website design tips below:

Optimise Your Site Optimise Your Site
Speed is Critical

Tip for users of Quick on the Net
Make life easy for yourself and run with the default mobile phone settings we provide at QuickontheNet.com. In particular, we suggest you use our default settings for gallery presentation and site menu display and we recommend your business logo is not greater than 200 pixels wide in your mobile phone site.

...more

Simplify Your Menu Navigation System Simplify Your Menu Navigation System
Optimise Your Site Structure

Simplicity is the key to success. Plan your website menu navigator for an entry-level user visiting your website on a 2G network on a low-resolution mobile phone. With that in mind, this use of pictures and javascript in your navigator is not recommended.

...more

Use Bold Contrasting Colours Use Bold Contrasting Colours
Plan for Outdoor Use

Remember people surfing the web on mobile phones might be outside in bright sunlight, on the move, on a train, in a restaurant; this highlights the importance of using a simple bold colour scheme. Hyperlinks should be underlined and marked up with a distinctive colour.

...more

Use Popular System Fonts Use Popular System Fonts
Select a Simple Sans-Serif Font

The two most important considerations here are the readability of your chosen font and the availability of the typeface itself. Use a simple sans-serif font which is popular, attractive and easy-to-read.

...more

Do Not Use Flash Do Not Use Flash
Adobe Flash is Not Supported on Many Smartphones

iPhones and many other smartphones do not support Flash and subsequently, the use of Flash is not recommended in the development of mobile phone sites.

...more

Do Not Use Tables Do Not Use Tables
No Table Construction in your Website Design

If you use tables and columns in your website construction, you are adding width to the screen presentation. When you add too much width, you force users into sideways scrolling and that makes your site difficult to use.

...more

Do Not Use Frames Do Not Use Frames
Frames are a No-No

The use of frames in website construction is a non-starter when it comes to mobile phones.

...more

Avoid Left-Right Scrolling Avoid Left-Right Scrolling
Plan for Vertical Scrolling in Portrait Mode

Eliminate all unnecessary scrolling in your website presentation and make sure your page text is readable and displayed edge-to-edge on a mobile phone.

...more

Embedded Pictures with HTML Code Embedded Pictures with HTML Code
Recommended Picture Size

Tip for users of Quick on the Net
The QuickontheNet.com website toolkit will allow you to add photos to your web pages using your own HTML code. No problem, that is fine, however you need to be aware that pictures added using this method are not resized and presented as thumbnails on your mobile site.

...more

Keep it Simple Keep it Simple
Thumb-friendly with Simple Menu

Arguably an important piece of advice when creating any website, it is particularly important to ensure your mobile site is user-friendly and easy to navigate.

...more

Display Small Picture Images Display Small Picture Images
Use Small Images for Faster Data Transfer

Speed is everything when it comes to mobile phone browsing. When images are presented on a mobile phone browser, it is recommended that your pictures are under 200 pixels wide.

...more

Cell Phone Web Templates
 Mobile¬†phone¬†website 
Mobile phone emulator  |  Mobile phone version |  Printer friendly
Go back...