Your SlideShare is downloading. ×
0
Responsive Design and Why you should do it
Responsive Design and Why you should do it
Responsive Design and Why you should do it
Responsive Design and Why you should do it
Responsive Design and Why you should do it
Responsive Design and Why you should do it
Responsive Design and Why you should do it
Responsive Design and Why you should do it
Responsive Design and Why you should do it
Responsive Design and Why you should do it
Responsive Design and Why you should do it
Responsive Design and Why you should do it
Responsive Design and Why you should do it
Responsive Design and Why you should do it
Responsive Design and Why you should do it
Responsive Design and Why you should do it
Responsive Design and Why you should do it
Responsive Design and Why you should do it
Responsive Design and Why you should do it
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Responsive Design and Why you should do it

217

Published on

My presentation at Esri U on January 2013 regarding responsive design and why you should be doing it.

My presentation at Esri U on January 2013 regarding responsive design and why you should be doing it.

Published in: Technology, Business
1 Comment
0 Likes
Statistics
Notes
  • I got several questions about responsive frameworks I prefer. Besides Twitter Bootstrap, I highly recommend the Centurion Framework. It's very lightweight which makes it nice for performance.
    http://jhough10.github.io/Centurion/
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

No Downloads
Views
Total Views
217
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
5
Comments
1
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Benefits: In order to improve the user experience, we need to understand what experience our users are having.How are they viewing the content.
  • Tunnel Vision is when you are only looking through the eyes of a single of experience, a single device. Look at your analytics, who is your audience, how are they viewing your content?
  • In July,Nearly 7% of traffic to Esri.com came from mobile devices.
  • Nearly 4.5 % of total visits are on Mobile devices and it’s increasing rapidly.
  • Mobile visits are increasing very rapidly
  • From “Our Mobile Planet”
  • 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.There's no doubt that having mobile apps for the major platforms is better than having no apps at all, and yet how do you build for every app store? Let alone, support all the devices and screen sizes?
  • The solution, is to make a website that works equally well on every device. Enter responsive web design.
  • Show examples of emeauc.esri.com and a prototype of Events.
  • Show how fluid shrinks for iPad and how the nav responds and adapts to smartphone screensizes
  • The benefits are obvious: You build a website once, and it works seamlessly across thousands of different screens.
  • http://mashable.com/2012/12/11/responsive-web-design/
  • Transcript

    • 1. Responsive Design Josh Northcott
    • 2. Let’s Think Mobile
    • 3. What is the experience? • Desktop? • Tablet? • Smartphone?
    • 4. Avoid Tunnel Vision
    • 5. Visits to esri.com July 2012 Metrics iPad – 41.5%, iPhone – 27.2%, All others under 5%
    • 6. 884,231 Mobile Visits in 2012
    • 7. Mobile Devices Used on esri.com - 2012
    • 8. Comparison of 2011 to 2012
    • 9. 2012 PC Sales Decline For the first time since 2001, PC sales declined from the previous year.
    • 10. What Devices are People Buying? • Tablet sales are expected to exceed 100 million this year (2013). • According to Nielsen, the majority of mobile subscribers own smartphones, not feature phones.
    • 11. How to Support all the Devices? • Mainstream news sites are receiving visits by more that 300,000 different mobile devices. • According to Tech Crunch, there will be over 10 billion mobile devices by 2016. Exceeding the world population!
    • 12. Responsive Design Uses "media queries" to figure out what resolution of device it's being served on. Flexible images and fluid grids then size correctly to fit the screen.
    • 13. Emeauc.esri.com Desktop/Tablet • 960 px • 790 px
    • 14. Phone View: < 790 px • Landscape • Portrait
    • 15. The Benefits? You build a website once, and it works seamlessly across thousands of different screens.
    • 16. Exercise Time! • Wireframe a responsive design for a Smartphone, based off of the web design you worked on earlier.

    ×