digital bites: responsive design - one size fits all?

56
Crafted PRESENTATION Responsive design: one size fits all? presented by Barnie Mills, Head of Design at Crafted Ipswich-based integrated digital marketing agency EASILY DIGESTIBLE DIGITAL INSIGHT

Upload: crafted

Post on 14-Jul-2015

165 views

Category:

Technology


2 download

TRANSCRIPT

Crafted PRESENTATION

Responsive design: one size fits all? presented by Barnie Mills, Head of Design at Crafted Ipswich-based integrated digital marketing agency

EASILYDIGESTIBLEDIGITALINSIGHT

Crafted PRESENTATION

The way we access the web has changed…

20% of adults own a tablet

Mobile Operators Association (MOA)

and YouGov

Crafted PRESENTATION

Over half of Britain owns a smartphone

(Ofcom)

Xbox One… what will the future hold?

Crafted PRESENTATION

That causes designers some problems…

Crafted PRESENTATION

We no longer know the size of the page

Crafted PRESENTATION

We don’t know how effectively it will be delivered…

Crafted PRESENTATION

We don’t know how the user will interact with it

Crafted PRESENTATION

Which in turn can cause the user some problems…

Difficulty interacting

Crafted PRESENTATION

Difficulty exploring

Crafted PRESENTATION

Painful page load time

Crafted PRESENTATION

Crafted PRESENTATION

So, is there an answer?

You could have a mobile site…

Crafted PRESENTATION

But what about tablets?  

www.econsultancy.com/

Conversion rate by device

Crafted PRESENTATION

You could have an app…

Crafted PRESENTATION

But which platform? It’s starting to sound expensive! And who is going to manage them all?

Crafted PRESENTATION

You could just hope that your desktop site does the job…

Crafted PRESENTATION

Hopefully users won’t be too frustrated (There could be consequences)

You targeting

me?!

Crafted PRESENTATION

Or you could have a responsive site! (it only took me 20 slides to get to the point!)

Crafted PRESENTATION

So, what’s that then?

Crafted PRESENTATION

Breakpoint 1

Breakpoint 1

Breakpoint 1

Breakpoint 2

Breakpoint 2

Breakpoint 2

Breakpoint 2

Breakpoint 3

Breakpoint 3

Breakpoint 3

Breakpoint 3

Breakpoint 4

Breakpoint 4

Breakpoint 4

Breakpoint 4

Breakpoint 4

Breakpoint 4

Crafted PRESENTATION

Some real life examples…

Crafted PRESENTATION

O’Neill iOS •  Conversions increased by 65% •  Transactions up 112.5% •  Revenue increased by 101.25%

Android •  Conversions increased by 407.32% •  Transactions up 333.3% •  Revenue increased by 591.42%

Crafted PRESENTATION

www.econsultancy.com/uk/blog/62260-five-brands-that-reaped-rewards-after-adopting-responsive-design

Crafted PRESENTATION

Time Magazine •  Mobile and tablet traffic up by 10% •  Mobile pages per visit (PPV) up by 23% •  Mobile bounce rate decreased by 26%

Crafted PRESENTATION

www.econsultancy.com/uk/blog/62260-five-brands-that-reaped-rewards-after-adopting-responsive-design

Crafted PRESENTATION

Crafted PRESENTATION

Crafted PRESENTATION

How is this relevant to me?

Crafted PRESENTATION

Make your customer’s life easier

Difficulty interacting

Difficulty exploring

Painful page load

Crafted PRESENTATION

Make your life easier

A single site to manage

and maintain

Analytics in one place,

a single report to analyse

Google recommends

responsive design

Crafted PRESENTATION

Futureproof (I tried so hard to avoid buzzwords!)

?

Crafted PRESENTATION

Thank you Any questions?

Ipswich Studio 32 Fore Street, Ipswich, IP4 1JU

T: +44 (0) 1473 322841 E: [email protected]

London Office

Clerkenwell Workshops, 27/31 Clerkenwell Close,

London, EC1R 0AT T: +44 (0) 20 3393 3852

www.crafted.co.uk

Crafted PRESENTATION

Credits Iconography from The Noun Project iPad (Andreas Bjurenborg), iPhone, Computer