Mobile Web Design has grown as more and more web content is consumed from a mobile device it is becoming increasingly important to have a site with efficient mobile web design that can accept users who are using a variety of devices and screen sizes.
A site should be built with the audience in mind and that audience now includes mobile users. One of the most important rules to remember when creating a new site is; will the user experience be the same on both desktop and mobile devices. If for example you can buy flowers or book dental appointments on the traditional website then you should also be able to do so with the mobile site.
Not everything on a site needs to be on the mobile version non-essential elements can be dropped; this creates a more streamlined version of the site and will improve load times for the user. Effective mobile web design will distinguish between what is and isn’t needed. Different devices can support different things. The iPhone does not support Adobe Flash where as some sites may have been built before this was an issue. With the product not supporting flash a mobile visitor would not see any images, sliders or in some cases the whole site may appear broken. For responsive websites this can be rectified with a .not_mobile class so the non mobile friendly content will be hidden from users. The customer can request a mobile friendly site, this is a site that will work on all mobile operating systems be it iOS, android or windows phone.
mobile web design
The other option is to build the site from the ground up to be responsive, automatically adjusting to screen sizes and dropping non-essential elements. Google prefers this option over creating a Mobile Site (a copy of your website, where the server does the work to deliver an optimized page that’s smaller and easier to navigate.) as it is the same site only different sections of code at work meaning the site only needs to be indexed by search engines once.