The Mobile Web is dead.<br />Long live the mobile Web.<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - ht...
In the beginning<br />WAP<br />T9 input<br />Small Phones<br />Smaller Screens<br />Stefan Nagey – stefan@nagey.com - http...
Phones have evolved some.<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
Not your father’s cellphone.<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
Where we are today…<br />HTML5<br />Decently fast JavaScript engines<br />Decently fast connections<br />High-resolution s...
Where we’re going<br />Convergence of the mobile web and the web<br />Faster connections<br />Richer screens<br />New inpu...
People use more data now.<br />Source: Validas<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qor...
That’s a 419% YoY Increase<br />In case you were keeping track<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey....
All smartphones are created equal<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
But, some smartphonesare more equal than others<br />Source: Validas<br />Stefan Nagey – stefan@nagey.com - http://stefan....
A different class of device<br />“Magical Internet Communications” devices<br />Pocket Computers<br />“The Third Screen”<b...
A different usage pattern<br />Apps<br />Web Browsing<br />SMS & Email<br />Voice<br />Stefan Nagey – stefan@nagey.com - h...
It’s about expectations<br />The iPhone and Android phones give users “the real web”<br />These users use their web browse...
But you already know all this…<br />That’s why you’re here, right?<br />Stefan Nagey – stefan@nagey.com - http://stefan.na...
The First Rule of Mobile Sites<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
Your organization doesn’t need a mobile website*<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://q...
Your organization doesn’t need a mobile website*<br />*except if it does<br />Stefan Nagey – stefan@nagey.com - http://ste...
Exceptions to the rule<br />Think “web app” more than “web site”<br />High-volume e-commerce only sites<br />High function...
Example exceptions<br />GMail<br />Google<br />Amazon<br />Wikipedia<br />WTOP<br />Stefan Nagey – stefan@nagey.com - http...
Following the rules<br />Corporate “Brochure-ware” Websites<br />Organizational websites<br />Sites with ecommerce that ar...
The Second Rule of Mobile Sites<br />If you wouldn’t download an app for the site, it doesn’t need a mobile-specific websi...
Corollary to the second rule<br />And even then, it probably doesn’t need one.<br />Stefan Nagey – stefan@nagey.com - http...
Build your app first.<br />You can optionally promote the app to your userbase on your website<br />Apps are a constant re...
Then build your Mobile-Web site<br />You’ll already know what’s useful in your mobile app<br />You’ll already know if you ...
Good mobile-specific websites<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
Ok. I get it. So?<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
You’ve gotta use a light touch<br />like safecracking or pickpocketing or insurance fraud (if you make it look like an ele...
The Light Touch – Defined<br />Interface priorities that match your business priorities<br />Simple, Clean UI with clear C...
But what about Blackberry?<br />
Back to expectations<br />Current gen smartphones give users “the real web”<br />These users use their web browsers on the...
What it looks like<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
Daon<br />Desktop<br />Mobile<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
Sourcefire<br />Desktop<br />Mobile<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
Ullico<br />Desktop<br />Mobile<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
A “Great” website works for…<br />Normal Users<br />Search Engines<br />Mobile Users<br />Screen readers<br />Other assist...
Some counter-examples<br />From the world’s leading agencies<br />All screens shamelessly stolen from http://www.narrowdes...
TBWA<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
Leo Burrnett<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
BBDO<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
Red Interactive<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
It all comes back to usability…<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
Don’t worry about building a Mobile Web Site<br />Worry about building a great website.<br />Stefan Nagey – stefan@nagey.c...
When you do things right,<br />people won’t be sure you’ve done anything at all.<br />
What does this guy know anyhow?<br />(short version – not much)<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey...
Stefan Nagey(stefan@nagey.com)<br />Currently – Managing Director, Qorvis Communications<br />Previously – Director of Web...
Thank you<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
Upcoming SlideShare
Loading in …5
×

The Mobile Web is dead. Long live the mobile Web.

1,551
-1

Published on

What is the mobile Web, and why does it matter for your website?

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,551
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

The Mobile Web is dead. Long live the mobile Web.

  1. 1. The Mobile Web is dead.<br />Long live the mobile Web.<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  2. 2. In the beginning<br />WAP<br />T9 input<br />Small Phones<br />Smaller Screens<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  3. 3. Phones have evolved some.<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  4. 4. Not your father’s cellphone.<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  5. 5. Where we are today…<br />HTML5<br />Decently fast JavaScript engines<br />Decently fast connections<br />High-resolution screens<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  6. 6. Where we’re going<br />Convergence of the mobile web and the web<br />Faster connections<br />Richer screens<br />New input paradigms (maybe)<br />New display methods (maybe)<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  7. 7. People use more data now.<br />Source: Validas<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  8. 8. That’s a 419% YoY Increase<br />In case you were keeping track<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  9. 9. All smartphones are created equal<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  10. 10. But, some smartphonesare more equal than others<br />Source: Validas<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  11. 11. A different class of device<br />“Magical Internet Communications” devices<br />Pocket Computers<br />“The Third Screen”<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  12. 12. A different usage pattern<br />Apps<br />Web Browsing<br />SMS & Email<br />Voice<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  13. 13. It’s about expectations<br />The iPhone and Android phones give users “the real web”<br />These users use their web browsers on their phone like web browsers<br />So why would you treat them differently when they’re on the bus than when they’re at their desk?<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  14. 14. But you already know all this…<br />That’s why you’re here, right?<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  15. 15. The First Rule of Mobile Sites<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  16. 16. Your organization doesn’t need a mobile website*<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  17. 17. Your organization doesn’t need a mobile website*<br />*except if it does<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  18. 18. Exceptions to the rule<br />Think “web app” more than “web site”<br />High-volume e-commerce only sites<br />High functionality (and single function) sites<br />Mobile Content Channels<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  19. 19. Example exceptions<br />GMail<br />Google<br />Amazon<br />Wikipedia<br />WTOP<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  20. 20. Following the rules<br />Corporate “Brochure-ware” Websites<br />Organizational websites<br />Sites with ecommerce that are not ecommerce sites<br />Make you Amazon.com, selling your e-book does not.<br />Sites with reference sections that are not reference sites<br />Just because Wikipedia jumps off the Brooklyn Bridge…<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  21. 21. The Second Rule of Mobile Sites<br />If you wouldn’t download an app for the site, it doesn’t need a mobile-specific website.<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  22. 22. Corollary to the second rule<br />And even then, it probably doesn’t need one.<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  23. 23. Build your app first.<br />You can optionally promote the app to your userbase on your website<br />Apps are a constant reminder on the user’s screen of your site and your brand<br />Apps offer a great deal more in terms of features and functionality – build an experience that fits the form factor<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  24. 24. Then build your Mobile-Web site<br />You’ll already know what’s useful in your mobile app<br />You’ll already know if you have enough users who use the website and don’t download the app<br />You’ll already know if these users represent a sufficient revenue stream to justify the cost<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  25. 25. Good mobile-specific websites<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  26. 26. Ok. I get it. So?<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  27. 27. You’ve gotta use a light touch<br />like safecracking or pickpocketing or insurance fraud (if you make it look like an electrical thing).<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  28. 28. The Light Touch – Defined<br />Interface priorities that match your business priorities<br />Simple, Clean UI with clear CTAs<br />Semantically marked-up<br />SEO Friendly<br />Accessible (§508 or W3C WAI – AA or better)<br />Fast to load<br />Barrier free<br />Progressive Enhancement<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  29. 29. But what about Blackberry?<br />
  30. 30. Back to expectations<br />Current gen smartphones give users “the real web”<br />These users use their web browsers on their phone like web browsers<br />Don’t treat them differently when they’re on the bus than you do when they’re at their desk<br />Progressive enhancement gives visitors something useable that provides the level of functionality they expect<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  31. 31. What it looks like<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  32. 32. Daon<br />Desktop<br />Mobile<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  33. 33. Sourcefire<br />Desktop<br />Mobile<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  34. 34. Ullico<br />Desktop<br />Mobile<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  35. 35. A “Great” website works for…<br />Normal Users<br />Search Engines<br />Mobile Users<br />Screen readers<br />Other assistive devices<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  36. 36. Some counter-examples<br />From the world’s leading agencies<br />All screens shamelessly stolen from http://www.narrowdesign.com/future/<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  37. 37. TBWA<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  38. 38. Leo Burrnett<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  39. 39. BBDO<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  40. 40. Red Interactive<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  41. 41. It all comes back to usability…<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  42. 42. Don’t worry about building a Mobile Web Site<br />Worry about building a great website.<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  43. 43. When you do things right,<br />people won’t be sure you’ve done anything at all.<br />
  44. 44. What does this guy know anyhow?<br />(short version – not much)<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  45. 45. Stefan Nagey(stefan@nagey.com)<br />Currently – Managing Director, Qorvis Communications<br />Previously – Director of Web Development, Full Tilt Poker<br />15 years of web experience<br />Over 500 mobile-friendly websites, and a dozen apps<br />For a time, we owned the #1 spot for keyword “poker”<br />Developed one of the first ARGs for The Manchurian Candidate<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />
  46. 46. Thank you<br />Stefan Nagey – stefan@nagey.com - http://stefan.nagey.com - http://qorvis.com<br />

×