responsive design & prototyping -- an agency model (part 2/3)

18
A Responsive Website Making your site accessible and optimized Responsive Design & Prototyping – Part 2

Upload: neeta-goplani

Post on 28-Nov-2014

1.374 views

Category:

Technology


0 download

DESCRIPTION

Responsive Design & Prototyping -- An Agency Model This presentation is in three parts, please see the links and description below: Links: Part 1: http://www.slideshare.net/ngoplani/responsive-design-prototyping-an-agency-model-part-13 Part 3: http://www.slideshare.net/ngoplani/responsive-design-prototyping-an-agency-model-part-23 Part 2: http://www.slideshare.net/ngoplani/responsive-design-prototyping-an-agency-model-part-33 Description: Digitas is pleased to host the April 2012 UPA Boston meeting. We’ll be looking at some of the latest trends we’ve seen in Experience Design. We will discuss how we at Digitas are redefining our approach and share the successes and challenges we’ve encountered along the way. We will focus specifically on responsive design as well as the value of prototyping in new more complex digital ecosystems.

TRANSCRIPT

Page 1: Responsive Design & Prototyping -- An Agency Model (Part 2/3)

A Responsive Website!Making your site accessible !and optimized!

Responsive Design & Prototyping – Part 2 "!

Page 2: Responsive Design & Prototyping -- An Agency Model (Part 2/3)

A short history lesson!

Many years ago (2007)…!

Page 3: Responsive Design & Prototyping -- An Agency Model (Part 2/3)

Accessibility Challenges: 2007!!•! Can users see the content?!•! Can search engines?!•! Is the content working across browsers?!

Page 4: Responsive Design & Prototyping -- An Agency Model (Part 2/3)

Optimization Challenges: 2007!!(Ok, people can see it, but..)!•! Is the content “right-sized” for the screen?!•! Above the fold?!•! Are users hunting for CTAs?!

Page 5: Responsive Design & Prototyping -- An Agency Model (Part 2/3)

A few years ago, we were finally getting control over this situation.!

!•!Browsers had similar functionality!•!Universal Flash adoption (almost)!•! 1024x768 screen resolution rules!

On the Desktop, our work was accessible and optimized. !!

We controlled the screen.!

Page 6: Responsive Design & Prototyping -- An Agency Model (Part 2/3)

Then, something happened…!

Page 7: Responsive Design & Prototyping -- An Agency Model (Part 2/3)

2007!

You can browse the Web on your phone!!!!But…It’s very tiny.!

Oh! And this guy !doesn’t like Flash.!

Page 8: Responsive Design & Prototyping -- An Agency Model (Part 2/3)

And then, something else happened…!

Page 9: Responsive Design & Prototyping -- An Agency Model (Part 2/3)

2010!

The entire web at your fingertips, literally!!!!!Oh, by the way he STILL doesn’t like Flash.!

Page 10: Responsive Design & Prototyping -- An Agency Model (Part 2/3)

And then, things started to get weird…!

Page 11: Responsive Design & Prototyping -- An Agency Model (Part 2/3)

2011!

Highly portable " tablet?!! At least it likes Flash.!

Page 12: Responsive Design & Prototyping -- An Agency Model (Part 2/3)

What was the !Impact of the last 5 years?!

Page 13: Responsive Design & Prototyping -- An Agency Model (Part 2/3)

We Choose The Moon!Accessibility!

Users can no longer see our content.!

Page 14: Responsive Design & Prototyping -- An Agency Model (Part 2/3)

The New York Times!Optimization!

It’s not optimized for smaller screens, so it’s virtually unusable. !

Page 15: Responsive Design & Prototyping -- An Agency Model (Part 2/3)

25% of Web users!Their phone is the primary method of using the internet !

Page 16: Responsive Design & Prototyping -- An Agency Model (Part 2/3)

By 2014, internet usage on !mobile will overtake desktop.!

Page 17: Responsive Design & Prototyping -- An Agency Model (Part 2/3)

The Rise of HTML5?!

The Future of Flash?!

Page 18: Responsive Design & Prototyping -- An Agency Model (Part 2/3)

What going to happen next?!

!!!!