1. Make it easy for customers. Help your site’s visitors to complete their objectives. They may want to be entertained by your blog posts, get your restaurant’s address, or check reviews on your products. Walgreens GVP and Chief Technology Officer of eCommerce, Abhi Dhar, explains, “Our goal with everything we do on mobile is to make our customers’ lives easier.” Design your site to help make it easier for your customer to complete their most common tasks: from task conception, to visiting your site, to task completion. Outline the potential steps in your customers' journey to make sure the steps are easy to complete on a mobile device. Try to streamline the experience and reduce the number of user interactions. In this example: (1) the customer clicks on a site after searching for lamps to buy; (2) browses through a selection of lamps; and (3) purchases the desired lamp. 2. Measure the effectiveness of your website by how easily mobile customers can complete common tasks. Making a mobile site requires prioritization. Start by working out what the most important and common tasks are for your customers on mobile. Being able to support these tasks is critical and this is why the measure of your mobile site is how well customers can complete their objectives. There are ways to make the design of your site support ease of use too. Focus on consistency in your interface and providing an unified experience across platforms. "Mobile shoppers put ease of use foremost when it comes to mobile shopping sites, with 48% of respondents citing it as the most important quality of a mobile site they visit," cites MediaPost. 3. Select a mobile template, theme, or design that’s consistent for all devices (i.e., use responsive web design). “Responsive web design” or RWD means that the page uses the same URL and the same code whether the user is on a desktop computer, tablet, or mobile phone – only the display adjusts or “responds” according to the screen size. Google recommends using RWD over other design patterns. One of the benefits of RWD is that you’ll only need to maintain one version of your site instead of two (i.e., you won’t need to maintain the desktop site at www.example.com and the mobile version at m.example.com – you’ll maintain only one site, such as www.example.com, for desktop and mobile visitors). A responsive site adjusts the display to various screen sizes while using the same URL and code. All three devices above use www.example.com (rather than the mobile page at m.example.com, the tablet page at t.example.com, etc.). “Using RWD enabled Baines & Ernst to optimise its site experience across different screen sizes without creating multiple websites. They noticed that visitors visited 11% more pages on their site per visit and mobile conversions grew by 51%.” “Conversions” happen when a customer performs a desired action, such as buying products, calling the business, or signing-up for a newsletter. Courtesy:developers.google.com
One of the crucial decisions to make while building a webbsite for mobile devices is whether to chose RWD or m-web. Creating mobile website, we can focus only on on mobile users and the funcionalities they need, whereas RWD includes all funcionalities, even those from desktop version, but adjusted to smaller devices or invisible. It will have a negative impact on web loading time and server overload. Nevertheless, a website in RWD is at the same time independent from a mobile device which it is displayed on – thus the website is prepared for new solutions which may appear in the future. Mobile version of a shop is simply a website dedicated solely to mobile devices. Therefore, it may differ a little bit from desktop version in terms of graphics and its functionalities. One of the biggest drawbacks of mobile websites is the necessity to manage their content with a specially dedicated panel (there is one for desktop version and one for mobile version).
Mobile site or RWD site is a concept but my concern was that what should be the things we should keep in mind for developing a website. We should always focus to our customers that what they will feel with the design. If your design will be user friendly then you will get more mobile users. You should also focus on the major task like that how should be the menu display, its hierarchy, font size and images view port according to the scree sizes. Image says itself many things and attract customers but if these are not displaying to the visitors then bounce rate can be increased. So I have shared only 3 main points but there are many things which we can consider. You can also refer this link and avoid such kind these mistakes for RWD. http://www.plasmacomp.com/blogs/are-you-making-these-responsive-design-mistakes . I hope it will help you.