Global shipments of smartphones surpassglobal shipments of desktops, notebooks,and laptops                         http://...
MobileDesktop                                   Steep trajectory of new device growth          http://www.asymco.com/
http://mashable.com/2010/04/13/mobile-web-stats/                                                   Mobile web is growing 8...
Mobile Web (iPhone, iPod touch,                                         Japan’s NTT)                                      ...
We love our mobile devices
The web on you TV
The web in your car
The web on your wall
The web on you toaster
How do we design for devices we haven’t even thought of            yet?
Responsive Web Design
Flexible Grids and Media
Media Queries
http://bit.ly/zBgoFr
Progressive EnhancementMobile FirstContent First
How do you know ifResponsive Design is right for your project?
Research and Analysis               Prioritization Workshop & Roadmap  Competitive/Peer Benchmarking   Digital Strategy As...
Your Website Everywhere: Future-Proofing Your Site in the Growing World of Web-Enabled Devices 
Your Website Everywhere: Future-Proofing Your Site in the Growing World of Web-Enabled Devices 
Your Website Everywhere: Future-Proofing Your Site in the Growing World of Web-Enabled Devices 
Your Website Everywhere: Future-Proofing Your Site in the Growing World of Web-Enabled Devices 
Your Website Everywhere: Future-Proofing Your Site in the Growing World of Web-Enabled Devices 
Your Website Everywhere: Future-Proofing Your Site in the Growing World of Web-Enabled Devices 
Your Website Everywhere: Future-Proofing Your Site in the Growing World of Web-Enabled Devices 
Your Website Everywhere: Future-Proofing Your Site in the Growing World of Web-Enabled Devices 
Your Website Everywhere: Future-Proofing Your Site in the Growing World of Web-Enabled Devices 
Upcoming SlideShare
Loading in …5
×

Your Website Everywhere: Future-Proofing Your Site in the Growing World of Web-Enabled Devices 

647 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
647
On SlideShare
0
From Embeds
0
Number of Embeds
95
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • I encourage you to follow ourICFhealth twitter feed.Or you can go to icfi.com/social to check out all of ICFs social sites.
  • I’m going to tell you a story about a yoyo.When I was asked to do this presentation….Just as I had to learn a new trick for this presentation, you too need to learn new tricks if you are responsible for your web strategy.We are going to teach you about some new tricks.Why are these new ‘tricks’ important?
  • We are quickly moving into the post-PC eraMobile use really took off with the launch of the iPhone in 2007.Android has quickly caught up to Apple, but then Apple launched iPad. Just this past November, Amazon launched the Kindle Fire.Different products, different screen sizes, orientations….So how fast is all of these mobile devices changing the technical landscape?
  • In December 2009, Morgan Stanley Research released their Mobile Internet Report that boldly predicted global shipments of smartphones would surpass global shipments of desktops, notebooks, and laptops sometime in 2012. That transition happened almost two years early and is accelerating quicklyWhat does that acceleration look like?
  • The growth pattern of mobile are steep compared to the growth of desktops.Just this past Monday, 1 Billion Smartphones by 2016, Forrester SaysThere will be one billion HTML5-capable phones sold in 2013, according to new research from Strategy Analytics
  • Mobile Devices Will Outnumber Humans in 2012, Cisco SaysSo that is device growth, what about the growth of the web on mobile devices?
  • So that is device growth, what about the growth of the web on mobile devices?In fact, mobile web use has been growing 8x as fast as the desktop web.Morgan Stanley(Jun,2010) Number of smartphone users who have accessed mobile web through their phones stands at 38 Million for Apr-2010 as compared to 18 Million for Apr-2009. Based on the current rate of change and adoption, the mobile web will be bigger than desktop Internet use by 2015. Morgan Stanley Research Report
  • In fact, mobile web use has been growing 8x as fast as the desktop web.Morgan Stanley(Jun,2010) Number of smartphone users who have accessed mobile web through their phones stands at 38 Million for Apr-2010 as compared to 18 Million for Apr-2009. Based on the current rate of change and adoption, the mobile web will be bigger than desktop Internet use by 2015. Morgan Stanley Research Report What does that say about us?
  • Let’s face it, we love our mobile devicesAnd, the context of mobile is not so different from the context of desktop.Devices have additional capabilities that our desktops do not.GPS - LocationCameraMovement – gyroscopeAnd, we do ADDITIONAL things on mobile devicesAlign with mobile behaviorsLookup/Find (urgent info, local)Explore/Play (bored, local): Check In/Status (repeat/micro-tasking):Edit/Create (urgent change/micro-tasking):User expect the same content and functionality no matter what device they are using.We can’t view mobile as an excuse to give less.Mobile is an opportunity to give more.Users expect more, not less
  • So what will be the next big thing?So what happens when 6 months from now, users are accessing our content on their TVs.Sure there was web tv, failed miserably, in the late90s/early 2000s, but there were also web enable devices back then as wellGoogle TV – Expected to be on half of all TV sets by summer this yearApple TV – Expected to enter the marketBoxee, Roku have blazed early trails for web tv.
  • Maybe the next big thing will be web in your car?
  • On your walls
  • On your toasters?Something about the diversity of devices55 million iPads – 24 months – brand new categorySmart phones growing at an alarming rateKindle fire successAndroid will likely soon be successful in the tablet space.What will the next big thing be?WHO KNOWS.What will the hot platform be in 2 years? 5 years? WHO KNOWS.How do we design for devices we haven’t even thought of yet?
  • On a daily basis Web designers are asked to deal with an increasing number of diverse devices. Mobile & tablet don’t even begin to describe the situation. People are using multiple devices throughout the day.These devices are interconnected and used together.
  • So what do we do? How do we develop for devices we don’t even know are coming?We can future-proof sites using the following techniquesResponsive Web DesignResponsive Web Design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation.” – Smashing MagazineWe’ve made the web just like print, only clickableStatic sizes, widths, type, etc.But, the web is more than interactive print.The original intent of the web was platform agnostic access to contentdesigners can build multiple layouts using single HTML documents and selectively provide stylesheets based on different features such as browser size, orientation, resolution or color.
  • a flexible gridflexible images and mediaand media queries
  • Media queries
  • Modern browser technology
  • Boston Globe, first major site to have a top-bottom responsive design.
  • What about healthcare? We believe that the healthcare space is no different.Patients expect to have all the information they can access at a desktop on their mobile devices.Patient is in the doctor's office and is ready to find out how much they will have to pay.
  • Can we just take an existing design and make it responsive?Typically no. All that screen space on a desktop is addictive. We tend to fill up the space we are given.It is easier to move your stuff from a one bedroom apartment into a 4 bedroom townhouse than the reverse.Its best to design the mobile experience first.Which means, you need to focus on the content that matters first. Because on mobile, there isn’t room of all of that crack. Align with how people use their mobile devices and why. Emphasize content over navigation. Provide relevant options for exploration and pivoting. Maintain clarity and focus. Align with mobile behaviors
  • Maybe an app is betterMaybe a mobile web siteQuite possibly, it is BOTH.
  • Your Website Everywhere: Future-Proofing Your Site in the Growing World of Web-Enabled Devices 

    1. 1. Global shipments of smartphones surpassglobal shipments of desktops, notebooks,and laptops http://www.slideshare.net/kleinerperkins/kpcb-top-10-mobile-trends-feb-2011
    2. 2. MobileDesktop Steep trajectory of new device growth http://www.asymco.com/
    3. 3. http://mashable.com/2010/04/13/mobile-web-stats/ Mobile web is growing 8x faster than the desktop web did back in the 90s
    4. 4. Mobile Web (iPhone, iPod touch, Japan’s NTT) Desktop Web (AOL + Netscape) http://mashable.com/2010/04/13/mobile-web-stats/Mobile web is growing 8x faster than the desktop web did back in the 90s
    5. 5. We love our mobile devices
    6. 6. The web on you TV
    7. 7. The web in your car
    8. 8. The web on your wall
    9. 9. The web on you toaster
    10. 10. How do we design for devices we haven’t even thought of yet?
    11. 11. Responsive Web Design
    12. 12. Flexible Grids and Media
    13. 13. Media Queries
    14. 14. http://bit.ly/zBgoFr
    15. 15. Progressive EnhancementMobile FirstContent First
    16. 16. How do you know ifResponsive Design is right for your project?
    17. 17. Research and Analysis Prioritization Workshop & Roadmap Competitive/Peer Benchmarking Digital Strategy Assessment

    ×