logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
Painting
Heart Disease
Horror Literature
Dating
Hiking & Backpacking
SF/Fantasy Books
Healthy Foods


dailyclick
All times in EST

Clairvoyance: 08:00 PM

Full Schedule
g
g PDA / Ebook Reader Site

BellaOnline's PDA / Ebook Reader Editor

g

.mobi Guidelines for Creating a Mobile Website


.mobi Guidelines

First guideline should be overall behavior of the site. The mobile profile needs to follow the URI (uniform resource identifier) for a coherent experience when accessed from different mobile phones. Use and exploit the PDA’s capabilities. Do not take shortcuts and be sure to always test on actual devices as well as emulators. Also, do not use frames (standard or inline), unless the target client is known to support them.

Second, you need to be sure that the page content is suitable to use in a mobile environment. Keep URL’s short and provide minimal navigation at the page top. Consider your structure and evaluate numerous links on a page. Consistency is the key when you are designing the navigation and links for a .mobi site. Use the phones resources instead of always adding buttons or links to a screen. Below are some other key points to remember.
* Link Target Identification - Clearly identify the target of each link.
* Note the target file's format unless you know the device supports it.
* Image Maps - Do not use image maps unless you know the target client supports them effectively.
* Refreshing, Redirection and Spawned Windows - Do not cause pop-ups or other windows to appear and do not change the current window without informing the user.
* Do not create periodically auto-refreshing pages, unless you have informed the user and provided a means of stopping it.
* Do not use markup to redirect pages automatically. Instead, configure the server to perform redirects by means of HTTP 3xx codes.
* Externally Linked Resources - Keep the number of externally linked resources to a minimum.

Third, the page layout and content should be carefully considered. You will want to use clear, concise, simple language. The page size should be divided into usable, but limited portions. Remember, there are memory limitations on the devices. Scrolling is necessary but should be limited to one direction (up and down) unless it is unavoidable. You want to make sure you use graphics that can be rendered properly by the devices while avoiding large or high resolution images, unless the image is of a critical nature. Contrast and color need to be investigated. Some devices may only show in black & white so be sure that what you publish will work well in color or in black & white.


Fourth is page definition. Titles should be short but descriptive. Tables (or nested tables) should not be used. You should not rely on embedded objects or scripts to run your pages. You do not want to use pixel measures nor absolute unites in the markup language but attribute values and style sheet property values instead. Style sheets should b e used to control the layout and page definition, but keep them small. Your content needs to sent in a format that is known to be supported on the mobile devices. Content needs to be encoded with a character encoding supported by the mobile devices. Cookies should not be relied upon, nor should font related styling. Error messages need to provide accurate information and a way of navigating away from the screen.

Fifth, user input should be kept to a minimum number of keystrokes. Where possible, avoid free text entries but provide pre-selected default values. Make sure that all links and pages are in a logical order and label all controls appropriately.


Sources: dotMobi Switch On Guides & Mobile Web Best Practices – from W3C

Sources: Mobinomy provides information, data, directory and web links resources for the mobile, cellular and related areas. It is intended to be useful for people wishing to get mobile phone industry related web sites, information, news, trends, reviews, web links & web site resources, and more. It will make an effort to provide resources on cellphone & accessories suppliers & manufacturers, commercial info such as prices, great deals & price info for the buyer/buyers, mobile phones tutorial/tutorials, mobile technology guide/guides, mobile & wireless tips, faq/faqs on these topics.
Add %2Emobi+Guidelines+for+Creating+a+Mobile+Website to Twitter Add %2Emobi+Guidelines+for+Creating+a+Mobile+Website to Facebook Add %2Emobi+Guidelines+for+Creating+a+Mobile+Website to MySpace Add %2Emobi+Guidelines+for+Creating+a+Mobile+Website to Del.icio.us Digg %2Emobi+Guidelines+for+Creating+a+Mobile+Website Add %2Emobi+Guidelines+for+Creating+a+Mobile+Website to Yahoo My Web Add %2Emobi+Guidelines+for+Creating+a+Mobile+Website to Google Bookmarks Add %2Emobi+Guidelines+for+Creating+a+Mobile+Website to Stumbleupon Add %2Emobi+Guidelines+for+Creating+a+Mobile+Website to Reddit




RSS | Related Articles | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map


For FREE email updates, subscribe to the PDA / Ebook Reader Newsletter


Past Issues


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2013 by Kathryn K Free. All rights reserved.
This content was written by Kathryn K Free. If you wish to use this content in any manner, you need written permission. Contact Kathryn K Free for details.

g


g features
Google eBook Reader

Lines Are Blurring

Father's Day APPS

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2013 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor