What is Responsive Design and how does it help your business?

Понравилась презентация – покажи это...

Слайд 0

What is Responsive Design and how does it help your business?

Слайд 1

In Jan. 2014 42% of US adults owned a tablet and were actively browsing the Internet on it. Till the end on 2014 almost 1.76 billion people will own and use a smartphone.

Слайд 2

Multi-screen is the new norm now. We shop on our tablets while we watch TV. We check our social stream on our phone while we work on our laptop.

Слайд 3

Is your website prepared for the mobile revolution?

Слайд 4

Here comes Responsive Design

Слайд 5

Responsive design is a web design approach aimed at creating sites that provide an optimal viewing experience across a wide range of devices. 

Слайд 6

The same site works on the mobile phone in your pocket, tablet in your backpack and computer at your office. 

Слайд 7

Responsive web design adapts the site’s layout, text, media, ads to the size of the window through which you are exploring the Internet.

Слайд 8

GRAPEFRUIT | Designing Mobile Apps 9

Слайд 9

Here are some live examples

Слайд 10

Full-screen harvard.edu website

Слайд 11

Half-screen harvard.edu website

Слайд 12

Mobile view of harvard.edu website

Слайд 13

Full width view of time.com

Слайд 14

Half-screen, mobile view, menu view and mobile view after TAP

Слайд 15

Full-width view salesforce.com

Слайд 16

Half-width view salesforce.com, mobile view and menu view

Слайд 17

Want more examples? Visit these websites: http://www.ing.com/ http://www.oliverharvey.co.uk/ http://www.t-mobile.com/ http://www.catscarf.com/ http://group.renault.com/

Слайд 18

Why is Responsive Design vital for your business?

Слайд 19

1.The same brand experience on all the platforms

Слайд 20

“The users expect to have a seamless experience across all their devices” – Google B2B campaign  They want to: see the same content; navigate through a similar layout; have access to the same options and possibilities across all their mediums.

Слайд 21

Google made a research on customers opinions regarding mobile sites

Слайд 22

When you have a mobile friendly site: 74% say that they’re more likely to return to a mobile friendly site. 67% say that they’re more likely to buy a site’s product when visiting a mobile friendly site.

Слайд 23

When you don’t have a mobile friendly site: 48% say that they feel frustrated and annoyed. 36% say that they’ve wasted their time visiting that site. 52% said that a bad mobile experience made them less likely to engage with that company.

Слайд 24

2.Use less resources. Save more time

Слайд 25

When you have a responsive site You don’t have to make updates on different platforms; You don’t have to make different SEO and ad campaigns; You don’t have to worry about timing your updates on different platforms.

Слайд 26

Having one platform to rule them all Once you updated your content, all your clients receive the same information. Consumers expect to have the same content and offers on all the platforms. With responsive design you make them happy.

Слайд 27

3.Responsive websites drive conversion

Слайд 28

The total number of mobile users is huge They are cross-platform shoppers and they are visiting your site.

Слайд 29

They gather info from various channels. Your website is a valuable resource and you have to exploit this opportunity.

Слайд 30

27% of shoppers expect to increase their purchase via mobile phone. 49% of retailers have purchasing capabilities on their mobile site. 36% percent of customers find shopping via mobile easy.  60% are interested in posting to social media while shopping in store.

Слайд 31

So what does this mean for you ?

Слайд 32

Слайд 33

4.Google likes it

Слайд 34

Just to be sure you know With an astounding global market share Google remains the main actor in the search market.

Слайд 35

Being on the good side of Google means more organic search traffic and more leads for your company.

Слайд 36

But why does Google like Responsive Design?

Слайд 37

Using a single address for a piece of content makes it easier for your users to interact with, share and link.

Слайд 38

A single address makes Google’s algorithms work easier and this means that your content gets indexed faster.

Слайд 39

If you have a responsive design the users don’t get redirected to another website, thus the loading time decreases and the chance of a bounce appearing decreases. When you have one address, Google’s crawlers need to access your pages only once, thus saving resources for both your company and Google.

Слайд 40

When you share from a mobile site, chances are that a person from a different medium, like a tablet or desktop, will access the link. They will get a bad version of your site and bounce immediately right out of it. This increase in bounce rate can hurt your Google ranking for that page and for your site.

Слайд 41

5.Prepare for the unpredictable

Слайд 42

Слайд 43

We do not know what are the future screen dimensions that will appear on the mobile/tablet/pc market. This uncertainty does not scare us. We know that responsive design can tackle almost any screen resolution if it’s done right. 

Слайд 44

So how much does a Responsive Website cost?

Слайд 45

Here are 2 examples from our experience We made for a client a desktop version of a site. After we delivered, they wanted a mobile friendly version. The cost increased by 30%. Another client requested a responsive website. The final cost was 10% less than if we would have made a desktop and a separate mobile site.

Слайд 46

A responsive design might cost you more in the development stage of the project but on the long run: It will save you money for site maintenance; You will use less HR resources and the updates will be easier; The stress and chances of mistakes will decrease; Will generate more leads and it will be Google Friendly.

Слайд 47

In the end we give you the same advice we give to our clients.

Слайд 48

Choose Responsive Design.

Слайд 49

Found this useful? Share it forward. Interesting web project? Send a pidgeon.

Слайд 50

Resources http://www.emarketer.com/Article/Worldwide-Smartphone-Usage-Grow-25-2014/1010920 http://www.marketingcharts.com/online/us-tablet-ownership-update-january-2014-39508/ http://googlemobileads.blogspot.ro/2012/09/mobile-friendly-sites-turn-visitors.html https://developers.google.com/webmasters/smartphone-sites/details http://www.accenture.com/Microsites/retail-research/Pages/consumer-research-results.aspx#results http://commons.wikimedia.org/wiki/File:Content-is-like-water-1980.jpg http://commons.wikimedia.org/wiki/File:Responsive_Web_Design_for_Desktop,_Notebook,_Tablet_and_Mobile_Phone.png http://www.flaticon.com/

Слайд 51

Resources Sites given as example http://www.time.com http://www.Harvard.edu http://www.salesforce.com

Слайд 52

Thank you. You rock !