Fairdeal Software Consultants Pvt. Ltd.

Applying Web Technologies

Why a need for mobile friendly website?

Three most important reasons for having a mobile-friendly website are

  • With a boom in the smart phone industry more and more consumers now spend the majority of their digital media time on mobile devices. So, if your web presence is not mobile-friendly you are loosing out on this large consumer base.
  • Google has recently changed it's algorithm, wherein mobile friendly websites would be ranked better than it's non-mobile friendly websites.
  • Majority of the population in the African, Asian and South-East Asian countries is more on mobiles and smartphones than on desktops. 

comparison data on desktop vs mobile users

 

 

Mobile Friendly Website Design Options

There are different design options available for creating a mobile friendly web presence.

  • Responsive Design: The CSS loads the web pages based on defined rules for different viewing options. Depending on the screen size the URL, Text, Images et all are loaded.
  • Dynamic Serving Design: The URL for the site on the desktop and mobile remains the same. The server sends different HTML and CSS based on the kind of device requesting the page.
  • Two Designs: You have one regular site and an altogether different site for mobile devices. These are mostly hosted either on a sub domain or sub folder. In this case the URL for both would be slightly different.

Mobile Site Development Approach


website on desktop and mobile devicesOnce the design option is chosen, the site development approach needs to be finalized. The site available to visitors on mobile devices should have same look and feel and similar content as far as possible like the desktop version of the site. This helps the visitor ascertain that they’re dealing with the same site, product or company. But the actual structure of the page and/or navigation can be quite different. 

 Bottom - Top Approach

One starts by designing the mobile site version first. The web site is then expanded by adding more pages for desktop, laptop version of the site. This design approach works best for Adaptive or dynamically served websites.

Top - Bottom Approach

In this approach the desktop version of the website is downsized and the elements to be displayed on the mobile site are chosen.

Firstly, mobile devices have lesser power than desktop, laptops et al. Secondly, as the mobile operators and cellular data plans charge by the amount of data transfer, users have to be watchful of their downloads. Hence, mobile friendly sites minimize heavy processing, use less data, load faster and are structured to fit the phone screen.

Cell phone screens are not big enough to encompass too much of information in one go. Hence, instead of showing navigation as in the desktop version, navigation in mobile website needs to be minimized. The pages should contain only relevant information that a mobile user would want to quickly find out about your site or product. For example, you can include "Offers", "Products",  and "Contact Us".

The text on your pages should be brief and to the point. Insert images onto your mobile pages but avoid using too many of them, since using a lot of images is not considered "mobile-friendly," mainly because of the small screen.

If you already have an existing presence then the Top - Bottom Approach is recommended, if the website is being done from scratch then Bottom - Top Approach is the one to go by.

Development Considerations

  • Mobile Site Design Option
  • Mobile Site Development Approach
  • Cross Browser Compatibility 
  • Technological Features
  • Touch Screen Interactive Features
  • Testing and Verification

We at FDSC give you mobile friendly designs keeping all technicalities in the background and your business in the front. Mobile Friendly Websites for Content Management System based websites and regular HTML5 websites. Get in touch with us and let us help your business to have a wider reach.

Follow Us

Share