How is Mobile Site different from Desktop Full Site?
Guest Post by
Jitendra Kumar Singh, Senior Associate Consultant, MFGADT Online, Infosys
With the advent of high end mobile handsets and high speed data networks it has become imperative for Websites to have a mobile version as well. The challenge is to make the mobile site as useful and informative as the Desktop Site. The mobile site should have all product ranges for the Mobile user's need in such a way that the user does not feel the urge to go to the full site.
Sites optimized for Mobile
The basic ideas are to:
· Minimize features: Eliminate the things that are not core Mobile use cases
· Reduce Content: Include only the most relevant information
· Enlarge Interface Elements: To accommodate the touch screen usability.
The mobile site must have all range of products as the full site at the same time reducing the Word count and less information for each product in order to accommodate the real estate. If a user is unable to locate any product on the mobile site, he/she would assume that the company does not sell it and will go to other companies. Therefore Mobile site is not just a miniature version of Full site or a Zoom in version but it requires proper design to take full advantage.
While Desktop Sites are designed for Larger Screens and Mobile Clicking, the Mobile Sites are designed for smaller screens and Touch Screens / Finger tapping. Now let's look at the reasons why Mobile Site is different from Full Site:
1. The Screen Size or the Real Estate is different:
The Desktop monitors are 19-inch to 24-inch, tablets are commonly 10 inches while the Smartphones are 4 inches. Therefore Mobile web pages need to have a different layout removing the sidebars and unnecessary pictures and collapse content into expandable widgets. Simple Zoom out will make the text unreadable.
2. The Login pages will be different:
For e.g. the Login page of a bank will have only the Field for Username and Password in Mobile Site but in Desktop site the Login Page will have advertisements and also information about the other product and Services.
3. Mouse Clicking is convenient that Finger tapping as there can be 'fat finger' problem:
The Mouse click on the desktop is always easier and more precise than the Finger Tapping. The Tap targets must be larger enough and also the menus have to be replaced with the large buttons and large taps.
4. The URL for a Mobile site is different:
Mobile-friendly web pages include the letter 'm' in the link to their website where the users from Smartphones and tablets are directed automatically.
5. Reduction or removal of Advertisements:
As the real estate in the Mobile Site is limited, the unnecessary advertisements are removed as it will annoy the users.
6. The Checkboxes and small links will not be much acceptable in Mobile site:
Since the screen Size
is small the Check boxes selection is difficult.
Thus we see that the approach for designing the Mobile Site and desktop site is different. Modern websites are therefore obliged to publish in both desktop and mobile formats, effectively requiring every web page to be designed accordingly.