What Is Responsive website


Published on

What is responsive website ? Get to know benefits of responsive website

Published in: Design, Technology, Business
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

What Is Responsive website

  1. 1. What Is A responsive Website ? Responsive Web design (RWD) is a Web design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from mobile phones to desktop computer monitors) A responsive website changes its appearance and layout based on the size of the screen the website is displayed on. Responsive sites can be designed to make the text on the page larger and easier to read on smaller screens. They can also be configured to make the buttons on the phone's screen easier to press. More sophisticated ways of using responsive design on a mobile device include: formatting the website to hide or present entirely different information, radically changing the graphics and colors, or even reducing the site to emphasize just its most important piece.
  2. 2. what does a responsive website actually do? Responsive site architecture and design provides a fluid layout for your website that automatically changes 'responsively' and renders the optimum website experience to best suit the user’s viewing device smartphones, Tablets, Netbooks, Desktops, even Widescreen TVs. It also allows you to priorities your key calls to action for a reduced screen size. What’s more, providing a single, dynamic version of your website to desktop and mobile visitors makes it search engine friendly. That explains why Google loves responsive website design. In fact, Google have stated that it is their 'recommended configuration' for building smartphone and tabletoptimised websites.
  3. 3. How Many Potential Customers Could You be Losing? You don’t have to be a master statistician to realise that the trend towards internet access via mobile devices is gathering pace and is already unstoppable. This means that the chances of your website being accessed via a mobile device are increasing every day, so you need to make sure that the visitor experience is a good one. You may only get one chance!
  4. 4. Why To Use responsive Website? The internet is now an integral part of our lives, and, increasingly, people want access to it, any time, anywhere, any place. Websites are now being viewed on devices with hugely varied screen widths and resolutions, ranging from 320 to over 2500 pixels. You need to know that, whatever the screen, your website content will be delivered to a consistently high standard. If a mobile user has difficulty reading your website, you’ll lose them, perhaps for ever!
  5. 5. Why To Use Responsive Websites ? Why Does It Matter? Because it’s better, and everyone else is doing it. To illustrate why responsive is better, I’ve taken the stats from an anonymous website that is widely representative of many others. If you use a tool like Google Analytics on your website you can look at these same stats and gauge how urgent the matter is for your company.
  6. 6. Why To Use Responsive Website?  Why Does It Matter?  Mobile vs. Desktop.   This pie chart on the right shows the percentages for visitors coming using mobile, tablet, and desktop devices for the past 12 months. You can view this pie chart for your own website by first selecting the past 12 months for your date range, and then on the left navigating to Audience > Mobile > Overview in Google Analytics. On the lower right you’ll see a small pie chart button. Push that, and you’ll see a chart like this one. In this case the website receives almost 40% of its traffic from mobile devices (for the purposes of this post I’m going to lump tablets into the “mobile” category). Given that this website is not responsive, nor has a mobile version, that’s a hefty chunk of visitors who are receiving a sub-optimal experience. But wait, it gets better! And by “better” I mean worse
  7. 7. Why To Use responsive Website? Cost Effective Responsive website design means there is no longer a need to build a separate mobile website in addition to your traditional desktop website. A single website covers all devices, and so development time is significantly reduced. Then think about how many potential customers you might lose through not having a responsive website. Cost effective? You could say it’s a no-brainer.
  8. 8. Why To Use Responsive Websites We all know that our websites need be easily viewed on cell phones and tablets. With Google essentially coming out and saying they prefer responsive design in lieu of a separate mobile website, I felt it fitting to list the benefits of a responsive website. 1. User Experience Obviously having a design that effectively utilizes the screen size of your visitor’s preferred device is the main benefit. Responsive trumps mobile here in its ability to carry over all of the elements from your website. Pictures, content, and calls-to-action are all adjusted, providing a feature-rich experience a separate mobile website simply cannot replicate. 2. Development Rather than developing multiple websites for multiple devices, responsive design allows you to develop one website. Think about the process of updating multiple sites simply for a page addition. You only have one set of content to update instead of several. 3. Stay Ahead of Your Competition With responsive design still being relatively new and not yet widely adopted, you have the opportunity to stand out from your competition and be on the cutting-edge of design. Statistics indicate users are far more likely to buy from a site that is optimized for mobile devices.
  9. 9. Why To Use responsive Website?   4. Analytics Analyzing one site is hard enough, let alone multiple sites. With responsive design, you only have one site to look after, regardless of the device your users visit your page with.   5. Consistent Branding Often times when I am redirected to a mobile page, it has a different look and feel than the desktop site. With a responsive design, your site is consistent in appearance and branding, helping to keep your image clear.   6. Conversions When you want your site to convert, responsive design is the way to go. You want as little friction between your user and a call-to-action as possible. When you have a well thought-out website with lead generation in mind, these elements carry over and offer an experience visitors will want to engage with.   7. SEO Today there may not be a lot of weight associated with responsive vs. mobile design, but all indications point to Google starting to favor the former. Responsive design simply offers a better user experience than a separate mobile site, and that is what the SERPS are after. Secondly, they don’t have to index and associate multiple sites with you. It’s one site for all users.
  10. 10. Why To Use responsive Website? 8.Allow Your Website to Adapt : By reworking your website with responsive design, you give it the capability to adapt to multiple browsing platforms. Rather than building websites according to static dimensions, responsive design involves constructing a page according to proportional parameters that allow it to change its layout based on the user’s device. With so many different smart phones and tablets on the market, it’s important to make sure that your web pages can adapt to multiple viewing platforms. Responsive design provides an elegantly simple solution to this problem. Improve
  11. 11. Why To Use responsive Website?  9 . Improve Visibility !!!  One of the most common problems with mobile browsing is the usability issue. Many people fail to make use of their mobile device’s internet capabilities because so many websites are not optimized for mobile browsing. Pages take too long to load, and their layouts often become jumbled and unreadable on the small screen. Building your site according to responsive design principles makes sure that users on any device will get the same experience on your website. Improve usability and your mobile potential will skyrocket.
  12. 12. Why To Use Responsive Website ? One Website, Many Devices One of the most appealing aspects of responsive web design is that a responsive website can provide a great user-experience across many devices and screen sizes. This is an important characteristic, since it is impossible to anticipate all the devices and screen sizes searchers will use to access your site. A site that works well regardless of these variables will provide a better and more consistent user-experience than a separate mobile site that is designed for a specific device and screen size. Let’s take the following example. Someone searches for a product on their smartphone during a lunch break at work. They find a site that has the product they’re looking for, and decide to continue researching this product on the same site when they get home. Except, when they get home, they will use their desktop instead of their smartphone. If the site in this example is responsive, this person will have a positive user-experience when transitioning from mobile to desktop because they will view the same site on their desktop as they did on their smartphone. On the other hand, if the site is a dedicated mobile site, this person will become frustrated with the fact that they have to locate the desktop version of the site, and find the product all over again.
  13. 13. Why To Use Responsive Website Save Time and Money In the past, the only solution for mobile browsing was to create a dedicated mobile website. Many webmasters still subscribe to this idea, but it can be expensive and time consuming. Your web hosting needs will increase, you will have two websites to manage, and your IT expenses can shoot through the roof when you have twice as many pages to troubleshoot on a regular basis. Responsive web design allows you to simplify your needs by having only one website for multiple platforms, thus saving you both time and money.
  14. 14. Future Is Mobile ?!!!  The Future Is Mobile  While going responsive can present challenges for website owners and online marketers, I return to my previous point that without a mobile-friendly website your future online is bleak. If you’re not providing a mobile-friendly experience for your customers, they’ll bounce off your website and go to your competitor whose website is easier to use. The future is mobile, as we see people increasingly favoring their mobile devices over desktop computers. Nielsen says that over 60% of all mobile phone owners in the US use a smartphone. A recent study by Walker Sands Digital showed mobile traffic to its client base increasing by 171 since Q3 2011. Statista says that 5 billion people will use mobile phones by 2017. Making your website responsive is a small price to pay to reach all these people.  By the way, in case you feel like I’m being a bit preachy, I’m preaching as much to myself as to you–my own firm’s website doesn’t have a responsive site yet. Yeah, yeah, the cobbler’s children have no shoes.
  15. 15. Conclusion Responsive web design is recommended by Google, it allows one website to provide a great user-experience across many devices and screen sizes, and it also makes managing your SEO strategy easier. For these reasons, responsive web design is the best option for your mobile SEO strategy.