What is a mobile friendly Website?
- Mobile friendly Website - is a website which content is rendered in a manner that is easily readable for mobile devices, such as smart phones and tablet devices. That said, it must include similar features found on a standard Website, such as navigation, search options, and share functions.
- Use Responsive design in style sheets (CSS).
- Use Mobile Web App.
- Responsive Design - known as Fluid Design, which basically lets your Website to
detect the visitor device’s screen size, orientation and will change the layout to
for the devices needs.
Responsive Web Design is an approach to Web design aimed at crafting sites to provide an optimal viewing and interaction experience - easy reading and navigation with a minimum of resizing, panning, and scrolling - across a wide range of devices (from desktop computer monitors to mobile phones).
Responsive Websites respond to the size of the browser at any given point. No matter what the browser width may be, the site adjusts its layout (and perhaps functionality) in a way that is optimized to the screen. It doesn't matter what is the browser width, because the layout will respond accordingly.
This allows you to control the layout and formatting of Web pages without having to duplicate the content for mobile devices and desktops.
- Adaptive Design - another method of Web design that allow Websites to be
viewed in mobile devices and various screen sizes, ultimately providing visitors
with a better mobile user experience.
Both Responsive and Adaptive Design attempt to optimize the user experience across different devices, adjusting for different viewport sizes, resolutions, usage contexts, control mechanisms, and so on.
Responsive Design works on the principle of flexibility - a single Fluid Website that can look good on any device. Responsive Websites use media queries, flexible grids, and responsive images to create a user experience that flexes and changes based on a multitude of factors.
Adaptive Design is more like the modern definition of Progressive Enhancement. Instead of one Flexible Design, Adaptive Design detects the device and other features, and then provides the appropriate feature and layout based on a predefined set of viewport sizes and other characteristics.
- Mobile Web App - is a computer program designed to run on mobile devices such as
smartphones and tablet computers.
Apps are actual applications that are downloaded and installed on your mobile device, rather than being rendered within a browser. Users visit device-specific portals such as Apple’s App Store, Android Market, or Blackberry App World in order to find and download apps for a given operating system. The app may pull content and data from the Internet, in similar fashion to a website, or it may download the content so that it can be accessed without an Internet connection.
If you need one of the following, an app makes sense:
- Interactivity or Gaming - for interactive games an app is almost always going to be your best choice.
- Regular Usage or Personalization - when your target users are going to be using your app in a personalized fashion on a regular basis.
- Complex Calculations or Reporting - if you need something that will take data and allow you to manipulate it with complex calculations, charts or reports.
- Native Functionality or Processing Required - mobile web browsers are getting increasingly good at accessing certain mobile-specific functions such as click-to-call, SMS and GPS. However, if you need to access a user's camera or processing power.
- No connection Required - if you need to provide offline access to content or perform functions without a network or wireless connection.