32
THE MOBILE WAR Why Responsive Web Design Doesn’t Always Win www.thelevel.com

The Mobile War: Why Responsive Design Doesn't Always Win

Embed Size (px)

DESCRIPTION

The fight between Responsive Web Design (RWD) and Mobile Sites doesn’t always have a clear winner. With 2013 being the “Year for Responsive Design”, let’s take a step back and see if RWD really won this war. Responsive web design uses a “one size fits all” strategy where one website is designed to be adapted to all devices. While many experts have recommended this approach as the way to design for the future web, mobile sites has been a close contender. Mobile sites are completely separate from the original desktop site. And although it comes with criticisms, many business have opted for a mobile site to present their mobile visitors with customized mobile content. Regardless of whether or not you choose a responsive web design or a mobile site for your brand, mobile users expect their experience on the web to be seamless. To create a customized web experience for mobile visitors, a mobile strategy needs to consider who the mobile users really are and present the content that matters the most to them. The presentation dives into the mobile war between responsive web design and mobile sites and helps businesses decide for themselves who the clear winner is.

Citation preview

Page 1: The Mobile War: Why Responsive Design Doesn't Always Win

THE MOBILE WARWhy Responsive Web Design Doesn’t Always Win

www.thelevel.com

Page 2: The Mobile War: Why Responsive Design Doesn't Always Win

“For those of us who create websites and services, all this leads to a singular conclusion: A million screens have bloomed, and we need to build for all of them.”

- Pete Cashmore, CEO & Founder Mashable.com

Page 3: The Mobile War: Why Responsive Design Doesn't Always Win

“The answer is simple: Responsive Design.”

- Jose Antonio Sanchez, Marketing ManagerUberflip

Page 4: The Mobile War: Why Responsive Design Doesn't Always Win

Was 2013 really the year for responsive web design?

Page 5: The Mobile War: Why Responsive Design Doesn't Always Win

Was 2013 really the year for responsive web design?

How many websites have taken the responsive web design or separate mobile site route?

Page 6: The Mobile War: Why Responsive Design Doesn't Always Win

Was 2013 really the year for responsive web design?

How many websites have taken the responsive web design or separate mobile site route?

Only 6% of top 100 Fortune 500 companies have sites that comply with Google’s mobile requirements.

Page 7: The Mobile War: Why Responsive Design Doesn't Always Win

Responsive Web Design (RWD) Separate Mobile Site

vs.

Page 8: The Mobile War: Why Responsive Design Doesn't Always Win

“By the end of 2013, there will be more mobile devices on Earth - than people.”

- Super Monitoring

Page 9: The Mobile War: Why Responsive Design Doesn't Always Win

Global mobile traffic accounts for

of all web traffic.

- Super Monitoring

15%

Page 10: The Mobile War: Why Responsive Design Doesn't Always Win

All mobile users use their mobile devices as their primary means of going online.

- Super Monitoring

50%

Page 11: The Mobile War: Why Responsive Design Doesn't Always Win

People research before making a purchase using their smartphones.

- Super Monitoring

68%

Page 12: The Mobile War: Why Responsive Design Doesn't Always Win

Why Responsive Web Design?

“Using a single URL for a piece of content makes it easier for your users to interact with, share, and link to your content, and a single URL for the content helps Google's algorithms assign the indexing properties for the content.”

- Google

Page 13: The Mobile War: Why Responsive Design Doesn't Always Win

One experience across all devices.

Page 14: The Mobile War: Why Responsive Design Doesn't Always Win

One URL = Seamless web experience for visitors = One pagerank = Good SEO

Page 15: The Mobile War: Why Responsive Design Doesn't Always Win

Why A Separate Mobile Site?

“Good mobile user experience requires a different design than what’s needed to satisfy desktop users. Two designs, two sites, and cross-linking to make it all work.”

- Jakob Nielsen, User Advocate & PrincipalNielsen Norman Group

Page 16: The Mobile War: Why Responsive Design Doesn't Always Win

Find a Nearby Course uses mobile’s geolocation capabilities.

Content is pared down on mobile site to tailor to golfers on-the-go.

Mobile features include Book a Tee Time, Hole by Hole and detailed course information.

Read more about GolfBC’s mobile site.

Page 17: The Mobile War: Why Responsive Design Doesn't Always Win

Two URLs = Custom web experience design only for mobile users + Meet specific goals

Page 18: The Mobile War: Why Responsive Design Doesn't Always Win

Common Criticisms of Mobile Sites

1. Multiple URLs lead to longer load times

2. Inconsistent user experience

3. Complex data management

Page 19: The Mobile War: Why Responsive Design Doesn't Always Win

Which one is the winner?

Page 20: The Mobile War: Why Responsive Design Doesn't Always Win

Let’s consider...

Page 21: The Mobile War: Why Responsive Design Doesn't Always Win

What are the goals of your site?

AwarenessE-commerce

EntertainInspire

EducateConvince

Sell

Page 22: The Mobile War: Why Responsive Design Doesn't Always Win

What kind of web experience do you want to create?

FunInformational

Interactive

Page 23: The Mobile War: Why Responsive Design Doesn't Always Win

The Real Winner is...

Page 24: The Mobile War: Why Responsive Design Doesn't Always Win

It’s a bit anti-climatic but...

Both.

Page 25: The Mobile War: Why Responsive Design Doesn't Always Win

Depends on the needs of your business.

Page 26: The Mobile War: Why Responsive Design Doesn't Always Win

Create a mobile strategy, find who your mobile customers are and create a

customized web experience.

Page 27: The Mobile War: Why Responsive Design Doesn't Always Win

Mobile users today expect a seamless web experience.

Page 28: The Mobile War: Why Responsive Design Doesn't Always Win

● Is the site structured for mobile?

● Can they read it?

● Can they easily navigate through the site on their mobile device?

● Does it have the content they are looking for?

● How fast does it load?

What makes a good mobile experience?

Page 29: The Mobile War: Why Responsive Design Doesn't Always Win

Who a Responsive Web Design is for:

“Businesses that are focused on offering a consistent experience and can plan holistically for all devices with a single team. RWD can be expanded to fit new devices as they emerge, and the single URL is good for linking and sharing articles without confusion or redirects.”

- Google

Page 30: The Mobile War: Why Responsive Design Doesn't Always Win

Who a Mobile Site is for:

“Businesses that for any reason need to manage their mobile site independently.”

- Google