Creating a mobile-friendly website is in a high demand right now for businesses and organizations building new websites. There are, however a number of terms surrounding mobile, like mobile friendly, mobile optimized and the new term responsive design.
Let us have a look at how they differ from each other:
Mobile friendly refers to a website that accurately displays across desktops, laptops and handheld devices. These websites are made to display the same layout and content on a phone that appears on a desktop, only smaller. However, the site displayed on a small screen of a mobile device is more cramped and also requires a lot of zooming and horizontal scrolling in order to acquire the most of its content. And, features like navigation drop-downs are limited, as they can be difficult to use on mobile. The website functions the same way across the board, with no usability concerns, regardless of the device it is being viewed on.
- E-mail address, physical address or a text-based phone numbers that can trigger a call, directions or email messages through the phone
- Slideshows or image rotators functioning without Flash support
- Small image size for optimized speed
Mobile-optimized is a far more advanced way of rendering sites for mobile devices. Mobile optimized means the site reformats itself for a list of handheld or tablet devices. For instance, if a user is on an iPhone the navigation buttons might appear larger, the content reformatted and images differently optimized. It would also include mobile only functions like tap to all, tap into email and map functionality.
- Simple navigation, which is thumb friendly with large touch points for critical contact information
- Reduced graphics that don’t interrupt with other elements of the site like, contact information or product listings
- Allows users to jump to the desktop version of the site
Above given is the differences between what is mobile-friendly and what is mobile-optimized.