Your Website Everywhere: Future-Proofing Your Site in the Growing World of Web-Enabled Devices
1.
2.
3.
4.
5. Global shipments of smartphones surpass
global shipments of desktops, notebooks,
and laptops
http://www.slideshare.net/kleinerperkins/kpcb-top-10-mobile-trends-feb-2011
6. Mobile
Desktop
Steep trajectory of new device growth
http://www.asymco.com/
9. 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
24. How do you know if
Responsive Design
is right for your project?
25. Research and Analysis Prioritization Workshop & Roadmap
Competitive/Peer Benchmarking Digital Strategy Assessment
Hinweis der Redaktion
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.