The 7 Things I Know About Cyber Security After 25 Years | April 2024
Designing For Mobile First
1. Designing Your
Mobile Site For
The Desktop
Joe Hass
hassgocubs@gmail.com
@hassgocubs
slideshare.net/hassgocubs
2.
3. Worldwide Mobile
Users versus PC
Mobile Users PC Users
2000
1600
Users (Millions)
1200
800
400
0
2007 2008 2009 2010 2011 2012 2013 2014 2015
http://gigaom.com/2010/04/12/mary-meeker-mobile-internet-will-soon-overta
4. Worldwide Mobile
Shipments versus PC
800
700
Global Unit Sales (M)
600
500
400
300
200
100
0
2005 2006 2007 2008 2009 2010 2011 2012 2013
Desktop PC Notebook PC Smartphones
Tablets http://www.businessinsider.com/mary-meeker-matt-
5. Worldwide Mobile
Shipments versus PC
800
700
Global Unit Sales (M)
600
500
400
300
200
100
0
2005 2006 2007 2008 2009 2010 2011 2012 2013
PC Mobile
http://www.businessinsider.com/mary-meeker-matt-
6. Wi-Fi Device Usage
By OS/Product
1% 11%
25%
7% 32%
4%
Android
18% 4% Apple iPhone
11% Apple iPad
6% Apple iPod
25% 7%
Other
16% Windows XP
21% Windows 7/Vista
13%
Mac OS X
2010 2011
http://meraki.com/press-releases/2011/06/22/meraki-reveals-ipads-use-400-more-wi-fi-data-than-
7. Wi-Fi Device Usage
By PC versus Mobile
33%
4%
58%
Mobile
6% Other
64% PC
36%
2010 2011
http://meraki.com/press-releases/2011/06/22/meraki-reveals-ipads-use-400-more-wi-fi-data-than-
8. Five Phases Of Mobile
Development
A New Model Of Thinking
Overcoming The
Disbelievers
Responsive Layouts And
Mobile
17. 1. Figure out the most important/
frequently done things users do on the
desktop site or in a mobile environment
2. “Adjust them” for mobile
3. Build within the limitations of portable
devices
4. ???
5. PROFIT!!!
26. Mobile devices are for,
you know, being mobile.
Our site isn’t like all
those other sites that
need mobile.
27. Where Are Video
Apps MostOutdoor On
Used
In A Car
Locations
Commuting On A Plane
At Restaurant/
At Home
Cafe
Other Indoor In School
Locations While Waiting In
At Malls Line
In Office http://www.ctam.com/html/news/releases/2011-08-01.htm
28. Where Are Video
Apps Most Used On
•At Home: 74%
•In A Car: 55%
•Other Indoor Locations: 48%
•Outdoor Locations: 47%
•While Waiting In Line: 47%
http://www.ctam.com/html/news/releases/2011-08-01.htm
29. One-Third Of
Mobile Device
Usage Is In The
http://advertising.yahoo.com/article/mobile-modes.html
30. Seven Modes Of
Internet Usage
http://advertising.yahoo.com/article/mobile-modes.html
31. Time Spent On
Each Mode
Mobile Device 39% 16% 15% 10% 9% 7% 3%
PC Devices 32% 10% 9% 27% 11% 13%
Connect Search Manage
Entertain Inform Shop
Navigate
http://advertising.yahoo.com/article/mobile-modes.html
41. There are more smartphones and
tablets sold than PCs.
The native advantages of building for
mobile apply for PCs.
What’s happening on mobile devices
are the same things happening
on desktop machines.
Users are treating their mobile devices
as primary machines rather than
alternate ones.
42. Acknowledge and embrace
unpredictability.
Think and behave in a future-friendly
way.
Help others do the same.
futurefriend.ly
44. Designing Your
Mobile Site For
The Desktop
Joe Hass
hassgocubs@gmail.com
@hassgocubs
slideshare.net/hassgocubs
Editor's Notes
\n
Mary Meeker\nWorked for Morgan Stanley as a Internet Analyst since 1994 until December 2010\nOrganized the IPO for Netscape in August 1995\nBarron’s magazine called her “The Queen Of The Net” in 1998\nCalled the tech bubble in 1999\nHelped with the IPO for Google in August 2004\n\nApril 12, 2010, before leaving MS, she presented to Google. The eighth slide was this\n
This is April, 2010. She figured we were three years away from the point when there would be more mobile users worldwide than in desktop users.\n\nFast forward a whopping 10 months. She’s now at Kleiner Perkins Caufield & Byers, a VC. She did another presentation, where she dropped this data\n\n
Fast forward to June of this year. Company called Meraki (manages wi-fi spots) pulled their annual data of who’s tapping their wi-fi. \n\nThey’re able to figure out who is tapping their networks. And this data shows some interesting points, but what if we simply flip it to two categories: Mobile and PCs\n\nhttp://gigaom.com/2011/06/21/mobile-devices-overtake-computers-on-wi-fi-networks/\nhttp://meraki.com/press-releases/2011/06/22/meraki-reveals-ipads-use-400-more-wi-fi-data-than-the-average-mobile-device/\n
Phase 0: Who’s going to use the web on their phone?\n
Phase 1: The only people who’ll visit this are the techies.\n
Phase 2: The iPhone is the real Web. Steve Jobs said so!\n
Phase 3: Yeah, we’ll do something mobile right after we finish the real site.\n
Phase 4: We’re doing the mobile site hand-in-hand with the desktop site.\n\nIt’s Ebony & Ivory. But Paul’s still Paul, and Stevie’s still Stevie\n\nOn a marquee, you’re putting Sir Paul on top\n
\n
Key points for step 3\nSmaller screen size\nLower bandwidth\nTouch screen interaction\n\n
\n
What if there were no desktop?\n\nIf you were building only a mobile site today, what primary things you put on it?\nHow would a user manage and work their way through those things?\nWhat accommodations would you have to make to let the user do what they need to do?\n
Keep in mind that we’re aware that the capabilities of a mobile device aren’t nearly as good as a PC, for a variety of reasons: bandwidth, “multitasking”, \n
This doesn’t mean we’re going to build a desktop site that’s just the mobile site expanded to fill a 1024x768 space\n
We’re taking that streamline knowledge of the mobile site, with all the rules and restrictions, and filling it in. We’re taking advantage of the PC.\n
This does not mean that everything else just fills the space\n
\n
\n
\n
\n
Mobile devices are designed to be used, you know, mobilly.\nCable & Telecommunications Association for Marketing asked \n\nhttp://allthingsd.com/20110801/why-watch-tv-at-home-when-you-have-a-perfectly-good-iphone-to-squint-at/\n\nhttp://www.ctam.com/html/news/releases/2011-08-01.htm\n
One-Third Of Mobile Device Usage Is In The Home\n\nhttp://advertising.yahoo.com/article/mobile-modes.html\n
Connect: SMS, IM, email, photo sharing, and social networking\nSearch: using a search engine to find information\nEntertain: music, virtual games, videos, articles\nManage: coordinating life (schedules, banking)\nInform: viewing news sites, portals, and blogs for news or educational material\nShop: shopping sites, comparison sites, coupon codes\nNavigate: finding destinations and using an online map or GPS system to give directions\n
The only group that shows a more than 7 percentage point drop is entertainment. Everything else is being done on in the same amount \n
\n
\n
\n
\n
\n
\n
Reservations & check-in has My Reservations, Check In, Flight Status and Flight Notification\nLog In has MileagePlus and My Reservations\n
Reservations & check-in has My Reservations, Check In, Flight Status and Flight Notification\n
\n
\n
\n
\n
\n
\n
It has to be coded right to prevent excess download time.\nIt doesn’t absolve you of the need to do leg work.\n
\n
Luke Wroblewski has been a thought leader when it comes to this.\n\nA month ago, he and a bunch of folks had a little pow wow. They spent a couple days together, and they came up with the idea of being Future Friendly.\n\nThere’s a longer manifesto, but there are three points they ended with.\n\nMobile is future friendly. Building for mobile is future friendly. We as IXDs need to take this call to arms.\n\nWHAT QUESTIONS DO YOU HAVE FOR ME?\n
