Provide an obvious link to the mobile version from the desktop version.
Users really don’t want to be browsing a media-rich 800-pixel-plus wide site on mobile screens
without even realizing there's a version toiled over just for mobile. Make sure web site users
are completely aware that a mobile counterpart exists.
Use a conventional mobile URL.
No accepted standard exists for providing an address to a mobile version of a desktop service,
but there are some recognized conventions. For example: m.website.com,
mobile.website.com or website.com/mobile. Choose a simple mobile URL and publish it on
your desktop site.
Make the user interface work for mobile devices.
Avoid requiring users to do a lot of typing. Provide large, actionable, clickable UI features.
Provide URLs that are short and easy to type. Use easily actionable UI widgets and features
that compose well together in a small format. Web designers should think about the scenario
the mobile user is in when they're looking at the website: probably not sitting comfortable at a
desk, so information must be able to be found fast. Make sure your content is clearly labeled
and succinct.
Website should be compatible for a range of mobile browsers.
Full-featured (Mobile Safari, Android, etc.), half-featured (BlackBerry), and small-featured
(older-style flip phones) browsers all exist in the mobile space. How the mobile web page will
look on screen sizes all the way from150x128 to 640x480 shall be considered. Mobile browser
standards can also differ by country and so, if the website has an international audience, make
sure the design is flexible enough to meet the devices available in those countries.