• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
The Mobile Web is dead. Long live the mobile Web.
 

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

on

  • 1,585 views

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

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

Statistics

Views

Total Views
1,585
Views on SlideShare
1,263
Embed Views
322

Actions

Likes
1
Downloads
0
Comments
0

4 Embeds 322

http://stefan.nagey.com 317
http://koenteunissen.com 3
http://honyaku.yahoofs.jp 1
http://webcache.googleusercontent.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

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