SlideShare a Scribd company logo
1 of 134
Download to read offline
Everything you
  always wanted
to know about the
   mobile web *
              _
  _ But were afraid to ask
  *
  Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Follow Along
http://www.blueflavor.com/sxsw2007/




    Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Who am I?




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Who am I?
*   Co-founder & Principal of Blue Flavor.




         Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Who am I?
*   Co-founder & Principal of Blue Flavor.

*   Mobile Designer since 2000.




         Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Who am I?
*   Co-founder & Principal of Blue Flavor.

*   Mobile Designer since 2000.

*   Have worked directly with all Tier 1 carriers in North
    America and most of Tier 2.




         Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Who am I?
*   Co-founder & Principal of Blue Flavor.

*   Mobile Designer since 2000.

*   Have worked directly with all Tier 1 carriers in North
    America and most of Tier 2.

*   Helped brands like Rolling Stone, Napster & ESPN with
    mobile web strategy & design.




         Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Who am I?
*   Co-founder & Principal of Blue Flavor.

*   Mobile Designer since 2000.

*   Have worked directly with all Tier 1 carriers in North
    America and most of Tier 2.

*   Helped brands like Rolling Stone, Napster & ESPN with
    mobile web strategy & design.

*   Run mobiledesign.org, the largest network of mobile
    designers.




         Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Who am I?
*   Co-founder & Principal of Blue Flavor.

*   Mobile Designer since 2000.

*   Have worked directly with all Tier 1 carriers in North
    America and most of Tier 2.

*   Helped brands like Rolling Stone, Napster & ESPN with
    mobile web strategy & design.

*   Run mobiledesign.org, the largest network of mobile
    designers.

*   Author of dotMobi Developers Guide.




         Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Part 1

Why the Mobile Web?


   Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Jargon Alert


Mobile Web
The collective term for websites designed for
viewing on a mobile device. Websites are published
and accessed via the Internet just like a regular
desktop website.



         Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Just how big is the
   Mobile Web?


  Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
The Size of Texas




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
20,000,000




    The Size of Texas




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
The Population of the Earth




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
The Population of the Earth




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
The Population of the Earth




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Population of The United States




    The Population of the Earth




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Population of The United States




                                                                                                              Population of China




    The Population of the Earth




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Mobile Web of Today




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Mobile Web of Today
                                                                                                              Mobile Subscribers




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Mobile Web of Today
                                                                                                   Global Mobile Web Access
                                                                                                                              Mobile Subscribers




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Mobile Web of Today
                                                                              Global Internet Users
                                                                                                      Global Mobile Web Access
                                                                                                                                 Mobile Subscribers




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Mobile Web of Tomorrow




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
by 2010
                                                                                                              Mobile Web Subscribers




    Mobile Web of Tomorrow




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
by 2010
                                                                                                              Mobile Web Subscribers




    Mobile Web of Tomorrow




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
How many users are there?




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Mobile Web Users




    How many users are there?




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Mobile Web Users



                                                                                                              Global Internet Users




    How many users are there?




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Mobile will revolutionize
   the way we gather and
interact with information in
    the next three years.


     Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Mobile has the potential to
 reach anybody through
      any medium.



    Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Vote                                                        Vote


                                            Down
                                            load                                                                                      Notify



                                                                                       WAP
                                                                                                      IVR
                           Discuss
                                                                                                                                                        Buy
                                                                       SMS

                                                                                                                      SMS

                                                      IVR
                                                                                                                                                                   Send to
                 Notify
                                                                                                                                                                    Friend
                                                                                                                                     WAP


                                       Bluetooth
                                                                                                    TV
                                                                             Radio
       Send to
                                                                                                                                                                              Notify
        Friend
                                                                                                                                                SMS




                                                                                                                                                                                                  Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
                                SMS

                                                                                                                    Billboard
                                                       Live
Send to                                                                                                                                                                                Buy
 Friend
                                                                                                                                                        WAP




                                                                                 ry




                                                                                                    Vi
                                                                                to
                          MMS




                                                                                                      su
                                                                             di




                                                                                                      al
                                                                            Au
Join                                                                                                                                                                                   WAP Site
                                                                                                                                                         QR Code
                                                   Word of                                                               Print Ad
                                                   Mouth
                          SMS


                                                                                      Kinesthetic
Notify
                                                                                                                                                                                   Notify
                                                                                                                                                       SMS



                                                                   Mobile                                   Events
                                 WAP
                                                                   Device
          Buy                                                                                                                                                                Send to
                                                                                                                                                                              Friend
                                                                                                                                           QR Code
                                                                                        Website
                                             MMS
                 Join
                                                                                                                                                                   Notify
                                                                                                                               SMS


                                                             SMS
                                                                                                            Email
                          WAP Site
                                                                                                                                                     WAP Site
                                                                              MMS
                                                                                             SMS


                                        Send to
                                                                                                                                     Send to
                                         Friend
                                                                                                                                      Friend

                                                       Notify
                                                                                                                      Notify
Jargon Alert


LBS
Location-based Services
The ability for a mobile device to provide
information that is relevant to it’s physical location
via a Global Positioning System (GPS).



          Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Prepare for a truly
contextual web.




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
We are at the precipice
of the next generation of
        the web.



   Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Part 2

    Creating a
Mobile Web Strategy

  Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
“Find a need and fill it.”




   Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Bu
                                                                         sin
                                                                                     ess
                                                                                                  Go
                                                                                                              als
                                                                   Spot
                                                                  Sweet



                                                                                                       Te
                               User Goals                                                                 ch
                                                                                   nic
                                                                                      al
    Balancing Goals
                                                                       Go
                                                           als




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
The 3C’s of the Mobile Web




    Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
The 3C’s of the Mobile Web
*   Cost
    If you don't develop your mobile website responsibly, the user could get
    stuck with a big bill in order to view your content.




           Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
The 3C’s of the Mobile Web
*   Cost
    If you don't develop your mobile website responsibly, the user could get
    stuck with a big bill in order to view your content.


*   Content
    Issues like navigation, image sizes, page weight and scripts all need to be
    considered when thinking about your website on mobile devices.




           Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
The 3C’s of the Mobile Web
*   Cost
    If you don't develop your mobile website responsibly, the user could get
    stuck with a big bill in order to view your content.


*   Content
    Issues like navigation, image sizes, page weight and scripts all need to be
    considered when thinking about your website on mobile devices.


*   Context
    What does your website add to the users mobility? How do you add value to
    the their physical context? What is the context in which they will use your
    site? On a bus or train?




           Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Lose anything that
doesn’t support the goals.




    Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Part 3

Mobile Information
  Architecture

  Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Home   About Us


                    Company                                      Press
                                   Executives    Org Chart
                    Overview                                    Releases



       Products


                                   Standard
                   Home Suite                    Pro Suite     Whitepapers
                                     Suite



       Services




                                                                             Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
                                    License     Installation
                     Product                                   Consulting
                                  Management      Support
                     Services                                   Services
                                   Services       Services


       Support


                     Support        Intranet
                                                Office Hours     Contact
                     Request         Login


       News &
       Events


                                                  Press
                      News          Events
                                                 Releases



         Blog




       Contact


                                  Contact
                  Sales Offices
                                   Form




A Bad Mobile IA
Keep it Simple

*   Limit categories to 5

*   Limit links to 10

*   No more than 5
    levels deep

*   At least one content
    item per category

*   Prioritize links by
    activity or popularity


        Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Home




                                                                 Blog
                                                                                 Events
                                                                                 News &
                                                                                                   Services
                                                                                                               About Us




                                                Contact Us
                                                                                                  Products &
                                                                                                    Support




                                                Locations




   A Good Mobile IA



Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Remember:
Goals, Cost, Content &
       Context



  Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Jargon Alert


Clickstream
Used to refer to the series of clicks, or path, the user
takes to reach a destination in an informational
space. Often used to describe user behavior gathered
from server logs, but also can be used in early
planning, as in “creating the optimal clickstream.”


          Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Products &
                                                  Services

                                                   Support
                                   About Us

                                                  Product &
                                                   Services
                                                  Overviews
                                   Company
      Home
                                   Overview

                                                  Navigation
    Navigation                                      Footer
                                   Executive
                                   Overview




                                                                Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
                                   Navigation
   Latest News                       Footer


   Latest Blog
      Posts

   Main Phone
                                                    Blog
   Main Address
                                 News & Events
      Footer

                    Contact
                                    Events
                                                 Recent Posts
                   Locations

                    Phone
     Legend        Numbers        News Items
                    Primary                       Navigation
      Page          Address
                                                    Footer
                                   Navigation
                  Contact Form
   Content Area                      Footer
                   Navigation
   Link to Page
                     Footer




Designing Clickstreams
Jargon Alert

Mobile Service Provider
A broad term to describe the mobile network provider
that provides subscribers wireless access to voice and
data services.
Also known as a mobile network operator, or MNO in the telecommunications industry, though
usually referred to as carriers in North America and operators elsewhere in the world.




                 Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Part 4

Mobile Web Design


  Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
More Compatible



    Flavors of Mobile Design
                                Richer Experience




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
More Compatible



    Flavors of Mobile Design
                                Richer Experience




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Effort
                                                                                                              Reward




                                                                                        UI
                                                                                      Device




                                                    Time to complete task
                                                                                      UI
                                                                                     App
                                                                                         Design
                                                                                         Gateway




   Effort versus Reward
                                                                                               Design
                                                                                               Content




                                                    Goal




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Multiple Screens Sizes



Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
128 pixels




                                                                                                     160 pixels


   Multiple Screens Sizes



Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
128 pixels

                                                     176 pixels




                                                                                                     160 pixels

                                                                                                    220 pixels
   Multiple Screens Sizes



Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
128 pixels

                                                      176 pixels



                                         320 pixels




                                                                                                     160 pixels

                                                                                                    220 pixels

                                                                                                    240 pixels
   Multiple Screens Sizes



Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
128 pixels

                                                                   176 pixels



                                         320 pixels
                                                      240 pixels




                                                                                                     160 pixels

                                                                                                    220 pixels

                                                                                                    240 pixels

                                                                                                   320 pixels
   Multiple Screens Sizes



Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
128 pixels

                                                                          176 pixels




                                   320 pixels
                                                320 pixels
                                                             240 pixels




                                                                                                     160 pixels

                                                                                                    220 pixels

                                                                                                    240 pixels

                                                                                                    320 pixels

                                                                                                    320 pixels
   Multiple Screens Sizes



Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
128 pixels

                                                                               176 pixels




                                   320 pixels
                                                320 pixels
                                                               240 pixels




                                                                                                         160 pixels

                                                                                                         220 pixels

                                                                                                         240 pixels

                                                                                                         320 pixels

                                                                                                         320 pixels
                                                           200 x 250 pixels




   Multiple Screens Sizes
                                                        Recommended Max Size




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Comparing Mobile Devices
*   Many devices are
    similar, but vary based                                                                              Feature Phones
    on how they are                                                                                          Phone, WAP, SMS


    provisioned.

*   Look only at mass
    market phones.

*   Do not design for smart                                                                           Smart Phones
    phones or PDA’s.                                                                                      Applications

                                                                                        PDAs
                                                                                Keyboard, Stylus




        Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Primary
            Directional
            Orientation




                                                                  Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
        1                 1   Select Previous Link or Scroll Up

                          2   Select Next Link or Scroll Down
    3             4
                          3   Back or Page Up

                              Forward or Page Down
                          4
        2




Directional Orientation
Footer
                                                                                                                           Header




                                                                                  Content
                                                                                                              Navigation




                                            Navigation




   Design Horizontally



Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
The canvas might not be as
 robust, but there is still a
    need for designers.



    Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Part 5

   Understanding
Mobile Web Standards

   Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Jargon Alert


XHTML-MP
Extensible HyperText Markup Language:
Mobile Profile
A subset of XHTML Basic and HTML. Used as a
primary markup language for the WAP 2.0 protocol.



         Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
XHTML-MP




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
XHTML-MP
*   XHTML Basic and XHTML-MP are virtually indistinguishable




         Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
XHTML-MP
*   XHTML Basic and XHTML-MP are virtually indistinguishable

*   XHTML-MP is the predominant language for the mobile web.




         Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
XHTML-MP
*   XHTML Basic and XHTML-MP are virtually indistinguishable

*   XHTML-MP is the predominant language for the mobile web.

*   It’s possible to use standard tools to create mobile web pages.




          Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
XHTML-MP
*   XHTML Basic and XHTML-MP are virtually indistinguishable

*   XHTML-MP is the predominant language for the mobile web.

*   It’s possible to use standard tools to create mobile web pages.

*   Since XHTML-MP is similar to XHTML, the transition to the
    mobile web need not be complicated to developers.




          Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
XHTML-MP
*   XHTML Basic and XHTML-MP are virtually indistinguishable

*   XHTML-MP is the predominant language for the mobile web.

*   It’s possible to use standard tools to create mobile web pages.

*   Since XHTML-MP is similar to XHTML, the transition to the
    mobile web need not be complicated to developers.

*   XHTML-MP is the default industry-supported language for
    mobile web development.




          Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
XHTML-MP
*   XHTML Basic and XHTML-MP are virtually indistinguishable

*   XHTML-MP is the predominant language for the mobile web.

*   It’s possible to use standard tools to create mobile web pages.

*   Since XHTML-MP is similar to XHTML, the transition to the
    mobile web need not be complicated to developers.

*   XHTML-MP is the default industry-supported language for
    mobile web development.

*   Unless a mobile service provider requires providing WML to
    support older devices, XHTML-MP is the only needed
    language in mobile web design.




          Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
<? xml version=”1.0” encoding=”UTF-8” ?>
<!DOCTYPE html PUBLIC “-//WAPFORUM//DTD XHTML Mobile 1.0//EN”
“http://www.wapforum.org/DTD/xhtml-mobile10.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
 <head>
  <title>Hello World!</title>




                                                                Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  <meta http-equiv=”content-type” content=”application/vnd.
   wap.xhtml+xml” />
 </head>
<body>
<div id=”intro”>
 <h1>Hello World!</h1>
</div>
<div id=”content”>
 <p>This is a simple XHTML-MP Page</p>
</div>
</body>
</html>




       Example XHTML-MP
If you know XHTML.
You know XHML-MP.




 Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Wireless CSS




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Wireless CSS
*   Wireless CSS supports most CSS attributes,
    but not all of them.




        Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Wireless CSS
*   Wireless CSS supports most CSS attributes,
    but not all of them.

*   More advanced styling techniques won’t likely
    work across multiple mobile browsers.




        Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Wireless CSS
*   Wireless CSS supports most CSS attributes,
    but not all of them.

*   More advanced styling techniques won’t likely
    work across multiple mobile browsers.

*   The best advice is to keep your CSS as simple
    as possible.




        Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Wireless CSS
*   Wireless CSS supports most CSS attributes,
    but not all of them.

*   More advanced styling techniques won’t likely
    work across multiple mobile browsers.

*   The best advice is to keep your CSS as simple
    as possible.

*   Try to use document styles versus style




        Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Keep your code and styles
simple and you will do fine
 on most mobile browsers.



    Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
W3C Initiatives




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
W3C Initiatives
*   Mobile Web Best Practices
    Goal: To advocate a variety of coding principles and publishing best
    practices to developers, publishers and mobile service providers.




           Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
W3C Initiatives
*   Mobile Web Best Practices
    Goal: To advocate a variety of coding principles and publishing best
    practices to developers, publishers and mobile service providers.


*   mobileOK
    Goal: To create machine-readable labels and a mobileOK trustmark to
    indicate that the mobile web site adheres to the Best Practices
    recommendations.




           Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
W3C Initiatives
*   Mobile Web Best Practices
    Goal: To advocate a variety of coding principles and publishing best
    practices to developers, publishers and mobile service providers.


*   mobileOK
    Goal: To create machine-readable labels and a mobileOK trustmark to
    indicate that the mobile web site adheres to the Best Practices
    recommendations.


*   Device Description
    Goal: To create a method of profiling and identifying device capabilities to
    ease adaptation.




           Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Jargon Alert


One Web
The principle of making the same information and
services to users regardless of the device used.
This is a very misunderstood, misused and
commonly debated concept.



         Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Part 6

Getting started with
    XHTML-MP

  Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
With a few exceptions
you already know how to
 code for mobile today.



   Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Correct Encoding & Doctype
*   Character Encoding
    Ensuring the use of the correct character encoding and doctype makes
    sure that the page renders as expected.
    <?xml version=”1.0” encoding=”UTF-8” ?>


*   XHTML-MP Doctype
    The document type (doctype) tells the browser how the page needs to
    render, including the rules and how strictly to follow these rules.
    <!DOCTYPE html PUBLIC “-//WAPFORUM//DTD XHTML
    Mobile 1.0//EN” “http://www.wapforum.org/DTD/
    xhtml-mobile10.dtd”>




           Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Use Well-formed Code
*   All elements should be closed, e.g. <br />.

*   All non-empty elements should be closed.
    <p>Example Text</p><p>Example Text</p>


*   All elements must be closed in the reverse order.
    <em><strong>Example Text</strong></em>


*   The alt attribute should be used for all images.
    <img src=”image.png” alt=”Image Description” />


*   Text should appear within a block level element and not directly in the body.
    <body><p>Example Text</p></body>


*   Inline elements should always nest with block level elements.
    <h2><em>Example Text</em></h2>


*   All attributes should appear within quotes.
    <hr noshade=”true”/>


*   All elements and attributes should use lowercase.
    <p class=”Sm”>Example Text<hr noshade=”true”/></p>




            Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Avoid Tables for Layout
*   Layout tables become a big problem when
    viewed in multiple mobile browsers.
    <body>
        <div id=”header”>
             <!-- Header placeholder -->
        </div>
        <div id=”content”>
            <!-- Content placeholder -->
        </div>
        <div id=”footer”>
             <!-- Footer placeholder -->
        </div>
    </body>




         Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Place Navigation in the Content Body

*   Given the vertical orientation of the mobile
    page, we show only navigation that’s relevant
    to the page.
    <div id=”content”>
       <ol>
          <li><a href=”news.html”>News</a><li>
          <li><a href=”products.html”>Our Products</a></li>
          <li><a href=”customers.html”>Our Customers</a></li>
          <li><a href=”about.html”>About Us</a></li>
          <li><a href=”contact.html”>Contact Us</a></li>
       </ol>
    </div>



         Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Use accesskeys in the Primary Navigation

*   The primary navigation should include an
    assigned accesskey that corresponds to a
    numbered keypad whenever possible.
    <li><a   href=”news.html” accesskey=”1”>News</a></li>
    <li><a   href=”products.html” accesskey=”2”>Our Products</a></li>
    <li><a   href=”customers.html” accesskey=”3”>Our Customers</a></li>
    <li><a   href=”about.html” accesskey=”4”>About Us</a></li>
    <li><a   href=”contact.html” accesskey=”5”>Contact Us</a></li>




         Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Use Ordered Lists for Navigation

*   Using ordered lists for navigation rather than
    unordered lists will indicate to the use the
    associated accesskey.
    <ol>
     <li><a   href=”news.html” accesskey=”1”>News</a></li>
     <li><a   href=”products.html” accesskey=”2”>Our Products</a></li>
     <li><a   href=”customers.html” accesskey=”3”>Our Customers</a></li>
     <li><a   href=”about.html” accesskey=”4”>About Us</a></li>
     <li><a   href=”contact.html” accesskey=”5”>Contact Us</a></li>
    </ol>




          Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Use Document Styles, Not External Styles

*   Linking to an external file requires most
    mobile browsers to first load the XHTML-MP
    document, and then load the external
    stylesheet.

*   When using external stylesheets the user may
    experience a brief “flash” of unstyled text
    before the stylesheet has a chance to load.
    Instead, insert styles into the <head> of a
    document.


        Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Linking Phone Numbers
*   One of the benefits of the mobile web is that
    its users primarily view it on a phone, allowing
    the user to quickly and easily make phone
    calls.
    <a href=”tel:+12065450210”>+1 206 545-0210</a>




         Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Forms can be Tricky
*   Entering data into a mobile web site is often a
    difficult and time-consuming process.

*   To avoid wasting the user’s time and causing
    frustration, use few or no forms.

*   However, when using forms, keep the needed
    information as little as possible.




        Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Part 7

Mobile Publishing


 Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Simple
                                                                                                                                          Complex




                                  Slower
                                                           SSR
                                                                                 Reformat
                                                                                                     Stylesheets




                                                                                 Va
                                                                                   lu
                                                                                       e
                                                                                                                   Mobile Specific Site




                                  Faster




   Context vs. Content



Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Simple
                                                                                                                                          Complex




                                  Slower
                                                           SSR
                                                                                 Reformat
                                                                                                     Stylesheets




                                                                                 Va
                                                                                   lu
                                                                                       e
                                                                                                                   Mobile Specific Site




                                  Faster




   Context vs. Content



Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Supporting Devices & Browsers




     Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Supporting Devices & Browsers
*   Over 500 devices being sold each year.




        Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Supporting Devices & Browsers
*   Over 500 devices being sold each year.

*   Over 50 mobile browsers to contend with.




        Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Supporting Devices & Browsers
*   Over 500 devices being sold each year.

*   Over 50 mobile browsers to contend with.

*   Crowding stems from mobile service provider
    provisioning.




        Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Supporting Devices & Browsers
*   Over 500 devices being sold each year.

*   Over 50 mobile browsers to contend with.

*   Crowding stems from mobile service provider
    provisioning.

*   Mobile service provider linked sites must
    support all provisioned devices and browsers.




        Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Supporting Devices & Browsers
*   Over 500 devices being sold each year.

*   Over 50 mobile browsers to contend with.

*   Crowding stems from mobile service provider
    provisioning.

*   Mobile service provider linked sites must
    support all provisioned devices and browsers.

*   Adopts standards has been around for much
    longer in mobile.




        Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Supporting Devices & Browsers
*   Over 500 devices being sold each year.

*   Over 50 mobile browsers to contend with.

*   Crowding stems from mobile service provider
    provisioning.

*   Mobile service provider linked sites must
    support all provisioned devices and browsers.

*   Adopts standards has been around for much
    longer in mobile.

*   Older or poorly designed devices don’t require
    support.

        Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Focus on Five.




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Publishing Methods




 Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Publishing Methods
*   Educate the user to manually enter a mobile
    URL such as a folder or sub-domain.
    e.g. domain.com/mobile or mobile.domain.com.




           Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Publishing Methods
*   Educate the user to manually enter a mobile
    URL such as a folder or sub-domain.
    e.g. domain.com/mobile or mobile.domain.com.


*   Detect the mobile device automatically and
    redirect the user to a location.
    In this case, the user simply enters domain.com.




           Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Publishing Methods
*   Educate the user to manually enter a mobile
    URL such as a folder or sub-domain.
    e.g. domain.com/mobile or mobile.domain.com.


*   Detect the mobile device automatically and
    redirect the user to a location.
    In this case, the user simply enters domain.com.


*   Use the mobile specific .mobi top-level domain.
    Here the user enters domain.mobi.




           Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Publishing Methods
*   Educate the user to manually enter a mobile
    URL such as a folder or sub-domain.
    e.g. domain.com/mobile or mobile.domain.com.


*   Detect the mobile device automatically and
    redirect the user to a location.
    In this case, the user simply enters domain.com.


*   Use the mobile specific .mobi top-level domain.
    Here the user enters domain.mobi.


*   A SMS query that returns a URL called WAP
    Push.


           Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
The Device Detection Dilemma




     Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
The Device Detection Dilemma
*   Simple Device Detection
    Publish only one mobile specific site, designed for the lowest supported
    browser, routing all mobile browsers to it.




           Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
The Device Detection Dilemma
*   Simple Device Detection
    Publish only one mobile specific site, designed for the lowest supported
    browser, routing all mobile browsers to it.

*   Advanced Device Detection
    Programmatically render the best possible mobile specific site to the
    requesting device.




           Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
The Device Detection Dilemma
*   Simple Device Detection
    Publish only one mobile specific site, designed for the lowest supported
    browser, routing all mobile browsers to it.

*   Advanced Device Detection
    Programmatically render the best possible mobile specific site to the
    requesting device.

*   Mobile Stylesheets
    Code XHTML pages with the mobile context in mind and use the media
    type attribute to render a mobile stylesheet to mobile devices.




           Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
The Device Detection Dilemma
*   Simple Device Detection
    Publish only one mobile specific site, designed for the lowest supported
    browser, routing all mobile browsers to it.

*   Advanced Device Detection
    Programmatically render the best possible mobile specific site to the
    requesting device.

*   Mobile Stylesheets
    Code XHTML pages with the mobile context in mind and use the media
    type attribute to render a mobile stylesheet to mobile devices.

*   No device detection
    Rely on an alternate domain or subdirectory forcing the user to manually
    enter or navigate to the mobile specific site.


           Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Jargon Alert


Adaptation
The process of dynamically optimizing content to the
restrictions of the requesting device.
The adaptation model relies on the mobile device’s user
agent profile to tell the server to deliver markup or images
based on the browser, screen size and device capabilities.



           Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Testing




Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Testing
*   Desktop Testing
    Testing from a normal desktop browser is a great way to start.




           Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Testing
*   Desktop Testing
    Testing from a normal desktop browser is a great way to start.


*   Browser Tools
    Browsers like Opera and Firefox have tools specific to mobile testing.




           Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Testing
*   Desktop Testing
    Testing from a normal desktop browser is a great way to start.


*   Browser Tools
    Browsers like Opera and Firefox have tools specific to mobile testing.


*   Emulators
    Allows for desktop verification without loading on to a device.




           Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Testing
*   Desktop Testing
    Testing from a normal desktop browser is a great way to start.


*   Browser Tools
    Browsers like Opera and Firefox have tools specific to mobile testing.


*   Emulators
    Allows for desktop verification without loading on to a device.


*   Device Testing
    Test as many as you can, but focus on five good mainstream devices.




           Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Testing
*   Desktop Testing
    Testing from a normal desktop browser is a great way to start.


*   Browser Tools
    Browsers like Opera and Firefox have tools specific to mobile testing.


*   Emulators
    Allows for desktop verification without loading on to a device.


*   Device Testing
    Test as many as you can, but focus on five good mainstream devices.


*   Usability Testing
    Test early and often with as many users as you can.




           Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Resources


Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
.mobi Developers Guide
Mobile Web
Developers Guide
Part I: Creating Simple Mobile Sites




                                                    Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
BRIAN FLING
with Ronan Cremin, Jo Rabin and D. Keith Robinson




                                http://dev.mobi
http://mr.dev.mobi
                                                                                                              .mobi Mobile Ready Report




Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Mobile Design




        http://www.mobiledesign.org




Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Thank you.


Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Brian Fling
Co-founder & Director of Strategy, Blue Flavor
brian@blueflavor.com
tel. +1 206 545-0210
mob. +1 206 351-6060


http://www.blueflavor.com/sxsw2007/




            Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.

More Related Content

What's hot

CSS Layout Techniques
CSS Layout TechniquesCSS Layout Techniques
CSS Layout TechniquesHarshal Patil
 
NOSQL Databases types and Uses
NOSQL Databases types and UsesNOSQL Databases types and Uses
NOSQL Databases types and UsesSuvradeep Rudra
 
Java package
Java packageJava package
Java packageCS_GDRCST
 
Java Media Framework API
Java Media Framework APIJava Media Framework API
Java Media Framework APIelliando dias
 
Database management systems cs403 power point slides lecture 05
Database management systems   cs403 power point slides lecture 05Database management systems   cs403 power point slides lecture 05
Database management systems cs403 power point slides lecture 05Md.Abu Sayed
 
Data mining 2 - Data warehouse (cheat sheet - printable)
Data mining 2 - Data warehouse (cheat sheet - printable)Data mining 2 - Data warehouse (cheat sheet - printable)
Data mining 2 - Data warehouse (cheat sheet - printable)yesheeka
 
Enhanced Entity-Relationship (EER) Modeling
Enhanced Entity-Relationship (EER) ModelingEnhanced Entity-Relationship (EER) Modeling
Enhanced Entity-Relationship (EER) Modelingsontumax
 
Inheritance in java
Inheritance in javaInheritance in java
Inheritance in javaRahulAnanda1
 
An Introduction to the DOM
An Introduction to the DOMAn Introduction to the DOM
An Introduction to the DOMMindy McAdams
 
Challenges of Conventional Systems.pptx
Challenges of Conventional Systems.pptxChallenges of Conventional Systems.pptx
Challenges of Conventional Systems.pptxGovardhanV7
 
WHAT IS ABSTRACTION IN JAVA
WHAT IS ABSTRACTION IN JAVAWHAT IS ABSTRACTION IN JAVA
WHAT IS ABSTRACTION IN JAVAsivasundari6
 
2 database system concepts and architecture
2 database system concepts and architecture2 database system concepts and architecture
2 database system concepts and architectureKumar
 

What's hot (20)

CSS Layout Techniques
CSS Layout TechniquesCSS Layout Techniques
CSS Layout Techniques
 
Elmasri Navathe DBMS Unit-1 ppt
Elmasri Navathe DBMS Unit-1 pptElmasri Navathe DBMS Unit-1 ppt
Elmasri Navathe DBMS Unit-1 ppt
 
Nosql data models
Nosql data modelsNosql data models
Nosql data models
 
NOSQL Databases types and Uses
NOSQL Databases types and UsesNOSQL Databases types and Uses
NOSQL Databases types and Uses
 
Bootstrap
BootstrapBootstrap
Bootstrap
 
Java package
Java packageJava package
Java package
 
Java Media Framework API
Java Media Framework APIJava Media Framework API
Java Media Framework API
 
Introduction to php
Introduction to phpIntroduction to php
Introduction to php
 
Inner classes in java
Inner classes in javaInner classes in java
Inner classes in java
 
Database management systems cs403 power point slides lecture 05
Database management systems   cs403 power point slides lecture 05Database management systems   cs403 power point slides lecture 05
Database management systems cs403 power point slides lecture 05
 
Bootstrap 5 ppt
Bootstrap 5 pptBootstrap 5 ppt
Bootstrap 5 ppt
 
Data mining 2 - Data warehouse (cheat sheet - printable)
Data mining 2 - Data warehouse (cheat sheet - printable)Data mining 2 - Data warehouse (cheat sheet - printable)
Data mining 2 - Data warehouse (cheat sheet - printable)
 
Enhanced Entity-Relationship (EER) Modeling
Enhanced Entity-Relationship (EER) ModelingEnhanced Entity-Relationship (EER) Modeling
Enhanced Entity-Relationship (EER) Modeling
 
Normalization in DBMS
Normalization in DBMSNormalization in DBMS
Normalization in DBMS
 
Association agggregation and composition
Association agggregation and compositionAssociation agggregation and composition
Association agggregation and composition
 
Inheritance in java
Inheritance in javaInheritance in java
Inheritance in java
 
An Introduction to the DOM
An Introduction to the DOMAn Introduction to the DOM
An Introduction to the DOM
 
Challenges of Conventional Systems.pptx
Challenges of Conventional Systems.pptxChallenges of Conventional Systems.pptx
Challenges of Conventional Systems.pptx
 
WHAT IS ABSTRACTION IN JAVA
WHAT IS ABSTRACTION IN JAVAWHAT IS ABSTRACTION IN JAVA
WHAT IS ABSTRACTION IN JAVA
 
2 database system concepts and architecture
2 database system concepts and architecture2 database system concepts and architecture
2 database system concepts and architecture
 

Viewers also liked

Tracts (ascending and descending)
Tracts (ascending and descending)Tracts (ascending and descending)
Tracts (ascending and descending)Mohanad Mohanad
 
Economics 2.0 Web 2.0 Expo SF 2009
Economics 2.0 Web 2.0 Expo SF 2009Economics 2.0 Web 2.0 Expo SF 2009
Economics 2.0 Web 2.0 Expo SF 2009Max Gladwell
 
Leading Business Disruption Strategy with EA - Hugh Evans
Leading Business Disruption Strategy with EA - Hugh EvansLeading Business Disruption Strategy with EA - Hugh Evans
Leading Business Disruption Strategy with EA - Hugh EvansCraig Martin
 
Microscope parts and functions
Microscope parts and functionsMicroscope parts and functions
Microscope parts and functionsjoevani_007
 
Risk Management Process in OH&S
Risk Management Process in OH&SRisk Management Process in OH&S
Risk Management Process in OH&SAhmed-Refat Refat
 
Consumer Trends in 2016: 36 Expert Perspectives - Canvas8
Consumer Trends in 2016: 36 Expert Perspectives - Canvas8Consumer Trends in 2016: 36 Expert Perspectives - Canvas8
Consumer Trends in 2016: 36 Expert Perspectives - Canvas8Canvas8
 
Nokia - Business Enviroment Analysis
Nokia - Business Enviroment AnalysisNokia - Business Enviroment Analysis
Nokia - Business Enviroment AnalysisDarshan Singh
 
Free consent
Free consentFree consent
Free consentGurjit
 
An Inspector Calls Revision
An Inspector Calls RevisionAn Inspector Calls Revision
An Inspector Calls RevisionM Taylor
 
Operative instruments in Conservative Dentistry & Endodontics
Operative instruments in Conservative Dentistry & EndodonticsOperative instruments in Conservative Dentistry & Endodontics
Operative instruments in Conservative Dentistry & EndodonticsAshok Ayer
 
Aranya Community Housing
Aranya Community HousingAranya Community Housing
Aranya Community HousingKhushboo Sood
 
Walktwomoons
WalktwomoonsWalktwomoons
WalktwomoonsN8 G
 
Pakistan Education Plan
Pakistan Education PlanPakistan Education Plan
Pakistan Education PlanMinhaaj Rehman
 
Concept of energy transmission & distribution
Concept of energy transmission & distribution Concept of energy transmission & distribution
Concept of energy transmission & distribution ZunAib Ali
 
Fmcg training modules-bfg
Fmcg training modules-bfgFmcg training modules-bfg
Fmcg training modules-bfgRomy Cagampan
 
10+ Getting to Know You Activities for Teens & Adults
10+ Getting to Know You Activities for Teens & Adults10+ Getting to Know You Activities for Teens & Adults
10+ Getting to Know You Activities for Teens & AdultsShelly Sanchez Terrell
 
Product and service design
Product and service designProduct and service design
Product and service designGrace Falcis
 

Viewers also liked (20)

Tracts (ascending and descending)
Tracts (ascending and descending)Tracts (ascending and descending)
Tracts (ascending and descending)
 
Economics 2.0 Web 2.0 Expo SF 2009
Economics 2.0 Web 2.0 Expo SF 2009Economics 2.0 Web 2.0 Expo SF 2009
Economics 2.0 Web 2.0 Expo SF 2009
 
Leading Business Disruption Strategy with EA - Hugh Evans
Leading Business Disruption Strategy with EA - Hugh EvansLeading Business Disruption Strategy with EA - Hugh Evans
Leading Business Disruption Strategy with EA - Hugh Evans
 
Microscope parts and functions
Microscope parts and functionsMicroscope parts and functions
Microscope parts and functions
 
Risk Management Process in OH&S
Risk Management Process in OH&SRisk Management Process in OH&S
Risk Management Process in OH&S
 
Consumer Trends in 2016: 36 Expert Perspectives - Canvas8
Consumer Trends in 2016: 36 Expert Perspectives - Canvas8Consumer Trends in 2016: 36 Expert Perspectives - Canvas8
Consumer Trends in 2016: 36 Expert Perspectives - Canvas8
 
British Culture
British CultureBritish Culture
British Culture
 
Nokia - Business Enviroment Analysis
Nokia - Business Enviroment AnalysisNokia - Business Enviroment Analysis
Nokia - Business Enviroment Analysis
 
Free consent
Free consentFree consent
Free consent
 
An Inspector Calls Revision
An Inspector Calls RevisionAn Inspector Calls Revision
An Inspector Calls Revision
 
Designing With Vision
Designing With VisionDesigning With Vision
Designing With Vision
 
Operative instruments in Conservative Dentistry & Endodontics
Operative instruments in Conservative Dentistry & EndodonticsOperative instruments in Conservative Dentistry & Endodontics
Operative instruments in Conservative Dentistry & Endodontics
 
Aranya Community Housing
Aranya Community HousingAranya Community Housing
Aranya Community Housing
 
Brazil Startup Report
Brazil Startup ReportBrazil Startup Report
Brazil Startup Report
 
Walktwomoons
WalktwomoonsWalktwomoons
Walktwomoons
 
Pakistan Education Plan
Pakistan Education PlanPakistan Education Plan
Pakistan Education Plan
 
Concept of energy transmission & distribution
Concept of energy transmission & distribution Concept of energy transmission & distribution
Concept of energy transmission & distribution
 
Fmcg training modules-bfg
Fmcg training modules-bfgFmcg training modules-bfg
Fmcg training modules-bfg
 
10+ Getting to Know You Activities for Teens & Adults
10+ Getting to Know You Activities for Teens & Adults10+ Getting to Know You Activities for Teens & Adults
10+ Getting to Know You Activities for Teens & Adults
 
Product and service design
Product and service designProduct and service design
Product and service design
 

Similar to Everything you wanted to know about the mobile web but were afraid to ask...blueflavor.com

Web20 Expo 2007 Mobile Experience
Web20 Expo 2007 Mobile ExperienceWeb20 Expo 2007 Mobile Experience
Web20 Expo 2007 Mobile Experienceeraz
 
Web 2.0 Expo 2007
Web 2.0 Expo 2007Web 2.0 Expo 2007
Web 2.0 Expo 2007Brian Fling
 
Everything you always wanted to know about the Mobile Web, but were afraid to...
Everything you always wanted to know about the Mobile Web, but were afraid to...Everything you always wanted to know about the Mobile Web, but were afraid to...
Everything you always wanted to know about the Mobile Web, but were afraid to...Brian Fling
 
Getting Started in the Mobile Web
Getting Started in the Mobile WebGetting Started in the Mobile Web
Getting Started in the Mobile WebBrian Fling
 
Blue Flavor's Leaflets
Blue Flavor's LeafletsBlue Flavor's Leaflets
Blue Flavor's LeafletsBrian Fling
 
The web; a retail space? Live chat and live web solutions
The web; a retail space? Live chat and live web solutionsThe web; a retail space? Live chat and live web solutions
The web; a retail space? Live chat and live web solutionsfguitton
 
VMWare Sponsor Presentation: Accelerating the journey to cloud
VMWare Sponsor Presentation: Accelerating the journey to cloudVMWare Sponsor Presentation: Accelerating the journey to cloud
VMWare Sponsor Presentation: Accelerating the journey to cloudVincent Kwon
 
Stream 2 - Anywhere, Anytime, Anyplace Communiations with IBM and Shoretel
Stream 2 - Anywhere, Anytime, Anyplace Communiations with IBM and ShoretelStream 2 - Anywhere, Anytime, Anyplace Communiations with IBM and Shoretel
Stream 2 - Anywhere, Anytime, Anyplace Communiations with IBM and ShoretelIBM Business Insight
 
Designing for Mobile
Designing for MobileDesigning for Mobile
Designing for MobileBrian Fling
 
Web Builder 2.0 Workshop: iPhone Design and Development Workshop
Web Builder 2.0 Workshop:  iPhone Design and Development WorkshopWeb Builder 2.0 Workshop:  iPhone Design and Development Workshop
Web Builder 2.0 Workshop: iPhone Design and Development WorkshopBrian Fling
 
Web Directions South 2007: Mobile Design and Development Workshop
Web Directions South 2007: Mobile Design and Development WorkshopWeb Directions South 2007: Mobile Design and Development Workshop
Web Directions South 2007: Mobile Design and Development WorkshopBrian Fling
 
Future of Mobile iPhone Presentation
Future of Mobile iPhone PresentationFuture of Mobile iPhone Presentation
Future of Mobile iPhone PresentationBrian Fling
 

Similar to Everything you wanted to know about the mobile web but were afraid to ask...blueflavor.com (16)

Web20 Expo 2007 Mobile Experience
Web20 Expo 2007 Mobile ExperienceWeb20 Expo 2007 Mobile Experience
Web20 Expo 2007 Mobile Experience
 
Web 2.0 Expo 2007
Web 2.0 Expo 2007Web 2.0 Expo 2007
Web 2.0 Expo 2007
 
Brian Fling (Blue Flavor)
Brian Fling (Blue Flavor)Brian Fling (Blue Flavor)
Brian Fling (Blue Flavor)
 
Everything you always wanted to know about the Mobile Web, but were afraid to...
Everything you always wanted to know about the Mobile Web, but were afraid to...Everything you always wanted to know about the Mobile Web, but were afraid to...
Everything you always wanted to know about the Mobile Web, but were afraid to...
 
Getting Started in the Mobile Web
Getting Started in the Mobile WebGetting Started in the Mobile Web
Getting Started in the Mobile Web
 
Blue Flavor's Leaflets
Blue Flavor's LeafletsBlue Flavor's Leaflets
Blue Flavor's Leaflets
 
The web; a retail space? Live chat and live web solutions
The web; a retail space? Live chat and live web solutionsThe web; a retail space? Live chat and live web solutions
The web; a retail space? Live chat and live web solutions
 
VMWare Sponsor Presentation: Accelerating the journey to cloud
VMWare Sponsor Presentation: Accelerating the journey to cloudVMWare Sponsor Presentation: Accelerating the journey to cloud
VMWare Sponsor Presentation: Accelerating the journey to cloud
 
Stream 2 - Anywhere, Anytime, Anyplace Communiations with IBM and Shoretel
Stream 2 - Anywhere, Anytime, Anyplace Communiations with IBM and ShoretelStream 2 - Anywhere, Anytime, Anyplace Communiations with IBM and Shoretel
Stream 2 - Anywhere, Anytime, Anyplace Communiations with IBM and Shoretel
 
Mobile Messaging for Smarties
Mobile Messaging for SmartiesMobile Messaging for Smarties
Mobile Messaging for Smarties
 
Intro to Text Message Marketing
Intro to Text Message MarketingIntro to Text Message Marketing
Intro to Text Message Marketing
 
Designing for Mobile
Designing for MobileDesigning for Mobile
Designing for Mobile
 
Web Builder 2.0 Workshop: iPhone Design and Development Workshop
Web Builder 2.0 Workshop:  iPhone Design and Development WorkshopWeb Builder 2.0 Workshop:  iPhone Design and Development Workshop
Web Builder 2.0 Workshop: iPhone Design and Development Workshop
 
HRAMA: Interactive Mobile Engagement
HRAMA: Interactive Mobile EngagementHRAMA: Interactive Mobile Engagement
HRAMA: Interactive Mobile Engagement
 
Web Directions South 2007: Mobile Design and Development Workshop
Web Directions South 2007: Mobile Design and Development WorkshopWeb Directions South 2007: Mobile Design and Development Workshop
Web Directions South 2007: Mobile Design and Development Workshop
 
Future of Mobile iPhone Presentation
Future of Mobile iPhone PresentationFuture of Mobile iPhone Presentation
Future of Mobile iPhone Presentation
 

More from mobileuserexperience

More from mobileuserexperience (10)

Mobile Essentials:What people carry & why?
Mobile Essentials:What people carry & why?Mobile Essentials:What people carry & why?
Mobile Essentials:What people carry & why?
 
Exploratory User Research
Exploratory User ResearchExploratory User Research
Exploratory User Research
 
Connecting the Unconnected
Connecting the UnconnectedConnecting the Unconnected
Connecting the Unconnected
 
Waving not Drowning
Waving not DrowningWaving not Drowning
Waving not Drowning
 
Informal Repair Cultures for Mobile Phones
Informal Repair Cultures for Mobile PhonesInformal Repair Cultures for Mobile Phones
Informal Repair Cultures for Mobile Phones
 
Mobile TV
Mobile TVMobile TV
Mobile TV
 
Mobile TV Use Cases
Mobile TV Use CasesMobile TV Use Cases
Mobile TV Use Cases
 
Exploratory User Research
Exploratory User ResearchExploratory User Research
Exploratory User Research
 
Physical Phone Personalisation
Physical  Phone PersonalisationPhysical  Phone Personalisation
Physical Phone Personalisation
 
MobileRepairCultures
MobileRepairCulturesMobileRepairCultures
MobileRepairCultures
 

Recently uploaded

UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfinfogdgmi
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Websitedgelyza
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UbiTrack UK
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.YounusS2
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfAijun Zhang
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostMatt Ray
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemAsko Soukka
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsSeth Reyes
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Brian Pichman
 

Recently uploaded (20)

UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdf
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Website
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
 
20150722 - AGV
20150722 - AGV20150722 - AGV
20150722 - AGV
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdf
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystem
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and Hazards
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )
 

Everything you wanted to know about the mobile web but were afraid to ask...blueflavor.com

  • 1. Everything you always wanted to know about the mobile web * _ _ But were afraid to ask * Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 2. Follow Along http://www.blueflavor.com/sxsw2007/ Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 3. Who am I? Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 4. Who am I? * Co-founder & Principal of Blue Flavor. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 5. Who am I? * Co-founder & Principal of Blue Flavor. * Mobile Designer since 2000. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 6. Who am I? * Co-founder & Principal of Blue Flavor. * Mobile Designer since 2000. * Have worked directly with all Tier 1 carriers in North America and most of Tier 2. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 7. Who am I? * Co-founder & Principal of Blue Flavor. * Mobile Designer since 2000. * Have worked directly with all Tier 1 carriers in North America and most of Tier 2. * Helped brands like Rolling Stone, Napster & ESPN with mobile web strategy & design. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 8. Who am I? * Co-founder & Principal of Blue Flavor. * Mobile Designer since 2000. * Have worked directly with all Tier 1 carriers in North America and most of Tier 2. * Helped brands like Rolling Stone, Napster & ESPN with mobile web strategy & design. * Run mobiledesign.org, the largest network of mobile designers. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 9. Who am I? * Co-founder & Principal of Blue Flavor. * Mobile Designer since 2000. * Have worked directly with all Tier 1 carriers in North America and most of Tier 2. * Helped brands like Rolling Stone, Napster & ESPN with mobile web strategy & design. * Run mobiledesign.org, the largest network of mobile designers. * Author of dotMobi Developers Guide. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 10. Part 1 Why the Mobile Web? Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 11. Jargon Alert Mobile Web The collective term for websites designed for viewing on a mobile device. Websites are published and accessed via the Internet just like a regular desktop website. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 12. Just how big is the Mobile Web? Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 13. The Size of Texas Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 14. 20,000,000 The Size of Texas Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 15. The Population of the Earth Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 16. The Population of the Earth Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 17. The Population of the Earth Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 18. Population of The United States The Population of the Earth Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 19. Population of The United States Population of China The Population of the Earth Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 20. Mobile Web of Today Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 21. Mobile Web of Today Mobile Subscribers Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 22. Mobile Web of Today Global Mobile Web Access Mobile Subscribers Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 23. Mobile Web of Today Global Internet Users Global Mobile Web Access Mobile Subscribers Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 24. Mobile Web of Tomorrow Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 25. by 2010 Mobile Web Subscribers Mobile Web of Tomorrow Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 26. by 2010 Mobile Web Subscribers Mobile Web of Tomorrow Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 27. How many users are there? Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 28. Mobile Web Users How many users are there? Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 29. Mobile Web Users Global Internet Users How many users are there? Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 30. Mobile will revolutionize the way we gather and interact with information in the next three years. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 31. Mobile has the potential to reach anybody through any medium. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 32. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 33. Vote Vote Down load Notify WAP IVR Discuss Buy SMS SMS IVR Send to Notify Friend WAP Bluetooth TV Radio Send to Notify Friend SMS Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners. SMS Billboard Live Send to Buy Friend WAP ry Vi to MMS su di al Au Join WAP Site QR Code Word of Print Ad Mouth SMS Kinesthetic Notify Notify SMS Mobile Events WAP Device Buy Send to Friend QR Code Website MMS Join Notify SMS SMS Email WAP Site WAP Site MMS SMS Send to Send to Friend Friend Notify Notify
  • 34. Jargon Alert LBS Location-based Services The ability for a mobile device to provide information that is relevant to it’s physical location via a Global Positioning System (GPS). Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 35. Prepare for a truly contextual web. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 36. We are at the precipice of the next generation of the web. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 37. Part 2 Creating a Mobile Web Strategy Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 38. “Find a need and fill it.” Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 39. Bu sin ess Go als Spot Sweet Te User Goals ch nic al Balancing Goals Go als Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 40. The 3C’s of the Mobile Web Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 41. The 3C’s of the Mobile Web * Cost If you don't develop your mobile website responsibly, the user could get stuck with a big bill in order to view your content. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 42. The 3C’s of the Mobile Web * Cost If you don't develop your mobile website responsibly, the user could get stuck with a big bill in order to view your content. * Content Issues like navigation, image sizes, page weight and scripts all need to be considered when thinking about your website on mobile devices. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 43. The 3C’s of the Mobile Web * Cost If you don't develop your mobile website responsibly, the user could get stuck with a big bill in order to view your content. * Content Issues like navigation, image sizes, page weight and scripts all need to be considered when thinking about your website on mobile devices. * Context What does your website add to the users mobility? How do you add value to the their physical context? What is the context in which they will use your site? On a bus or train? Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 44. Lose anything that doesn’t support the goals. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 45. Part 3 Mobile Information Architecture Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 46. Home About Us Company Press Executives Org Chart Overview Releases Products Standard Home Suite Pro Suite Whitepapers Suite Services Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners. License Installation Product Consulting Management Support Services Services Services Services Support Support Intranet Office Hours Contact Request Login News & Events Press News Events Releases Blog Contact Contact Sales Offices Form A Bad Mobile IA
  • 47. Keep it Simple * Limit categories to 5 * Limit links to 10 * No more than 5 levels deep * At least one content item per category * Prioritize links by activity or popularity Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 48. Home Blog Events News & Services About Us Contact Us Products & Support Locations A Good Mobile IA Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 49. Remember: Goals, Cost, Content & Context Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 50. Jargon Alert Clickstream Used to refer to the series of clicks, or path, the user takes to reach a destination in an informational space. Often used to describe user behavior gathered from server logs, but also can be used in early planning, as in “creating the optimal clickstream.” Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 51. Products & Services Support About Us Product & Services Overviews Company Home Overview Navigation Navigation Footer Executive Overview Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners. Navigation Latest News Footer Latest Blog Posts Main Phone Blog Main Address News & Events Footer Contact Events Recent Posts Locations Phone Legend Numbers News Items Primary Navigation Page Address Footer Navigation Contact Form Content Area Footer Navigation Link to Page Footer Designing Clickstreams
  • 52. Jargon Alert Mobile Service Provider A broad term to describe the mobile network provider that provides subscribers wireless access to voice and data services. Also known as a mobile network operator, or MNO in the telecommunications industry, though usually referred to as carriers in North America and operators elsewhere in the world. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 53. Part 4 Mobile Web Design Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 54. More Compatible Flavors of Mobile Design Richer Experience Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 55. More Compatible Flavors of Mobile Design Richer Experience Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 56. Effort Reward UI Device Time to complete task UI App Design Gateway Effort versus Reward Design Content Goal Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 57. Multiple Screens Sizes Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 58. 128 pixels 160 pixels Multiple Screens Sizes Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 59. 128 pixels 176 pixels 160 pixels 220 pixels Multiple Screens Sizes Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 60. 128 pixels 176 pixels 320 pixels 160 pixels 220 pixels 240 pixels Multiple Screens Sizes Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 61. 128 pixels 176 pixels 320 pixels 240 pixels 160 pixels 220 pixels 240 pixels 320 pixels Multiple Screens Sizes Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 62. 128 pixels 176 pixels 320 pixels 320 pixels 240 pixels 160 pixels 220 pixels 240 pixels 320 pixels 320 pixels Multiple Screens Sizes Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 63. 128 pixels 176 pixels 320 pixels 320 pixels 240 pixels 160 pixels 220 pixels 240 pixels 320 pixels 320 pixels 200 x 250 pixels Multiple Screens Sizes Recommended Max Size Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 64. Comparing Mobile Devices * Many devices are similar, but vary based Feature Phones on how they are Phone, WAP, SMS provisioned. * Look only at mass market phones. * Do not design for smart Smart Phones phones or PDA’s. Applications PDAs Keyboard, Stylus Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 65. Primary Directional Orientation Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners. 1 1 Select Previous Link or Scroll Up 2 Select Next Link or Scroll Down 3 4 3 Back or Page Up Forward or Page Down 4 2 Directional Orientation
  • 66. Footer Header Content Navigation Navigation Design Horizontally Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 67. The canvas might not be as robust, but there is still a need for designers. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 68. Part 5 Understanding Mobile Web Standards Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 69. Jargon Alert XHTML-MP Extensible HyperText Markup Language: Mobile Profile A subset of XHTML Basic and HTML. Used as a primary markup language for the WAP 2.0 protocol. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 70. XHTML-MP Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 71. XHTML-MP * XHTML Basic and XHTML-MP are virtually indistinguishable Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 72. XHTML-MP * XHTML Basic and XHTML-MP are virtually indistinguishable * XHTML-MP is the predominant language for the mobile web. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 73. XHTML-MP * XHTML Basic and XHTML-MP are virtually indistinguishable * XHTML-MP is the predominant language for the mobile web. * It’s possible to use standard tools to create mobile web pages. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 74. XHTML-MP * XHTML Basic and XHTML-MP are virtually indistinguishable * XHTML-MP is the predominant language for the mobile web. * It’s possible to use standard tools to create mobile web pages. * Since XHTML-MP is similar to XHTML, the transition to the mobile web need not be complicated to developers. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 75. XHTML-MP * XHTML Basic and XHTML-MP are virtually indistinguishable * XHTML-MP is the predominant language for the mobile web. * It’s possible to use standard tools to create mobile web pages. * Since XHTML-MP is similar to XHTML, the transition to the mobile web need not be complicated to developers. * XHTML-MP is the default industry-supported language for mobile web development. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 76. XHTML-MP * XHTML Basic and XHTML-MP are virtually indistinguishable * XHTML-MP is the predominant language for the mobile web. * It’s possible to use standard tools to create mobile web pages. * Since XHTML-MP is similar to XHTML, the transition to the mobile web need not be complicated to developers. * XHTML-MP is the default industry-supported language for mobile web development. * Unless a mobile service provider requires providing WML to support older devices, XHTML-MP is the only needed language in mobile web design. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 77. <? xml version=”1.0” encoding=”UTF-8” ?> <!DOCTYPE html PUBLIC “-//WAPFORUM//DTD XHTML Mobile 1.0//EN” “http://www.wapforum.org/DTD/xhtml-mobile10.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <title>Hello World!</title> Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners. <meta http-equiv=”content-type” content=”application/vnd. wap.xhtml+xml” /> </head> <body> <div id=”intro”> <h1>Hello World!</h1> </div> <div id=”content”> <p>This is a simple XHTML-MP Page</p> </div> </body> </html> Example XHTML-MP
  • 78. If you know XHTML. You know XHML-MP. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 79. Wireless CSS Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 80. Wireless CSS * Wireless CSS supports most CSS attributes, but not all of them. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 81. Wireless CSS * Wireless CSS supports most CSS attributes, but not all of them. * More advanced styling techniques won’t likely work across multiple mobile browsers. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 82. Wireless CSS * Wireless CSS supports most CSS attributes, but not all of them. * More advanced styling techniques won’t likely work across multiple mobile browsers. * The best advice is to keep your CSS as simple as possible. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 83. Wireless CSS * Wireless CSS supports most CSS attributes, but not all of them. * More advanced styling techniques won’t likely work across multiple mobile browsers. * The best advice is to keep your CSS as simple as possible. * Try to use document styles versus style Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 84. Keep your code and styles simple and you will do fine on most mobile browsers. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 85. W3C Initiatives Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 86. W3C Initiatives * Mobile Web Best Practices Goal: To advocate a variety of coding principles and publishing best practices to developers, publishers and mobile service providers. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 87. W3C Initiatives * Mobile Web Best Practices Goal: To advocate a variety of coding principles and publishing best practices to developers, publishers and mobile service providers. * mobileOK Goal: To create machine-readable labels and a mobileOK trustmark to indicate that the mobile web site adheres to the Best Practices recommendations. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 88. W3C Initiatives * Mobile Web Best Practices Goal: To advocate a variety of coding principles and publishing best practices to developers, publishers and mobile service providers. * mobileOK Goal: To create machine-readable labels and a mobileOK trustmark to indicate that the mobile web site adheres to the Best Practices recommendations. * Device Description Goal: To create a method of profiling and identifying device capabilities to ease adaptation. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 89. Jargon Alert One Web The principle of making the same information and services to users regardless of the device used. This is a very misunderstood, misused and commonly debated concept. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 90. Part 6 Getting started with XHTML-MP Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 91. With a few exceptions you already know how to code for mobile today. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 92. Correct Encoding & Doctype * Character Encoding Ensuring the use of the correct character encoding and doctype makes sure that the page renders as expected. <?xml version=”1.0” encoding=”UTF-8” ?> * XHTML-MP Doctype The document type (doctype) tells the browser how the page needs to render, including the rules and how strictly to follow these rules. <!DOCTYPE html PUBLIC “-//WAPFORUM//DTD XHTML Mobile 1.0//EN” “http://www.wapforum.org/DTD/ xhtml-mobile10.dtd”> Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 93. Use Well-formed Code * All elements should be closed, e.g. <br />. * All non-empty elements should be closed. <p>Example Text</p><p>Example Text</p> * All elements must be closed in the reverse order. <em><strong>Example Text</strong></em> * The alt attribute should be used for all images. <img src=”image.png” alt=”Image Description” /> * Text should appear within a block level element and not directly in the body. <body><p>Example Text</p></body> * Inline elements should always nest with block level elements. <h2><em>Example Text</em></h2> * All attributes should appear within quotes. <hr noshade=”true”/> * All elements and attributes should use lowercase. <p class=”Sm”>Example Text<hr noshade=”true”/></p> Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 94. Avoid Tables for Layout * Layout tables become a big problem when viewed in multiple mobile browsers. <body> <div id=”header”> <!-- Header placeholder --> </div> <div id=”content”> <!-- Content placeholder --> </div> <div id=”footer”> <!-- Footer placeholder --> </div> </body> Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 95. Place Navigation in the Content Body * Given the vertical orientation of the mobile page, we show only navigation that’s relevant to the page. <div id=”content”> <ol> <li><a href=”news.html”>News</a><li> <li><a href=”products.html”>Our Products</a></li> <li><a href=”customers.html”>Our Customers</a></li> <li><a href=”about.html”>About Us</a></li> <li><a href=”contact.html”>Contact Us</a></li> </ol> </div> Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 96. Use accesskeys in the Primary Navigation * The primary navigation should include an assigned accesskey that corresponds to a numbered keypad whenever possible. <li><a href=”news.html” accesskey=”1”>News</a></li> <li><a href=”products.html” accesskey=”2”>Our Products</a></li> <li><a href=”customers.html” accesskey=”3”>Our Customers</a></li> <li><a href=”about.html” accesskey=”4”>About Us</a></li> <li><a href=”contact.html” accesskey=”5”>Contact Us</a></li> Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 97. Use Ordered Lists for Navigation * Using ordered lists for navigation rather than unordered lists will indicate to the use the associated accesskey. <ol> <li><a href=”news.html” accesskey=”1”>News</a></li> <li><a href=”products.html” accesskey=”2”>Our Products</a></li> <li><a href=”customers.html” accesskey=”3”>Our Customers</a></li> <li><a href=”about.html” accesskey=”4”>About Us</a></li> <li><a href=”contact.html” accesskey=”5”>Contact Us</a></li> </ol> Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 98. Use Document Styles, Not External Styles * Linking to an external file requires most mobile browsers to first load the XHTML-MP document, and then load the external stylesheet. * When using external stylesheets the user may experience a brief “flash” of unstyled text before the stylesheet has a chance to load. Instead, insert styles into the <head> of a document. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 99. Linking Phone Numbers * One of the benefits of the mobile web is that its users primarily view it on a phone, allowing the user to quickly and easily make phone calls. <a href=”tel:+12065450210”>+1 206 545-0210</a> Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 100. Forms can be Tricky * Entering data into a mobile web site is often a difficult and time-consuming process. * To avoid wasting the user’s time and causing frustration, use few or no forms. * However, when using forms, keep the needed information as little as possible. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 101. Part 7 Mobile Publishing Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 102. Simple Complex Slower SSR Reformat Stylesheets Va lu e Mobile Specific Site Faster Context vs. Content Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 103. Simple Complex Slower SSR Reformat Stylesheets Va lu e Mobile Specific Site Faster Context vs. Content Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 104. Supporting Devices & Browsers Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 105. Supporting Devices & Browsers * Over 500 devices being sold each year. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 106. Supporting Devices & Browsers * Over 500 devices being sold each year. * Over 50 mobile browsers to contend with. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 107. Supporting Devices & Browsers * Over 500 devices being sold each year. * Over 50 mobile browsers to contend with. * Crowding stems from mobile service provider provisioning. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 108. Supporting Devices & Browsers * Over 500 devices being sold each year. * Over 50 mobile browsers to contend with. * Crowding stems from mobile service provider provisioning. * Mobile service provider linked sites must support all provisioned devices and browsers. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 109. Supporting Devices & Browsers * Over 500 devices being sold each year. * Over 50 mobile browsers to contend with. * Crowding stems from mobile service provider provisioning. * Mobile service provider linked sites must support all provisioned devices and browsers. * Adopts standards has been around for much longer in mobile. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 110. Supporting Devices & Browsers * Over 500 devices being sold each year. * Over 50 mobile browsers to contend with. * Crowding stems from mobile service provider provisioning. * Mobile service provider linked sites must support all provisioned devices and browsers. * Adopts standards has been around for much longer in mobile. * Older or poorly designed devices don’t require support. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 111. Focus on Five. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 112. Publishing Methods Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 113. Publishing Methods * Educate the user to manually enter a mobile URL such as a folder or sub-domain. e.g. domain.com/mobile or mobile.domain.com. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 114. Publishing Methods * Educate the user to manually enter a mobile URL such as a folder or sub-domain. e.g. domain.com/mobile or mobile.domain.com. * Detect the mobile device automatically and redirect the user to a location. In this case, the user simply enters domain.com. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 115. Publishing Methods * Educate the user to manually enter a mobile URL such as a folder or sub-domain. e.g. domain.com/mobile or mobile.domain.com. * Detect the mobile device automatically and redirect the user to a location. In this case, the user simply enters domain.com. * Use the mobile specific .mobi top-level domain. Here the user enters domain.mobi. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 116. Publishing Methods * Educate the user to manually enter a mobile URL such as a folder or sub-domain. e.g. domain.com/mobile or mobile.domain.com. * Detect the mobile device automatically and redirect the user to a location. In this case, the user simply enters domain.com. * Use the mobile specific .mobi top-level domain. Here the user enters domain.mobi. * A SMS query that returns a URL called WAP Push. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 117. The Device Detection Dilemma Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 118. The Device Detection Dilemma * Simple Device Detection Publish only one mobile specific site, designed for the lowest supported browser, routing all mobile browsers to it. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 119. The Device Detection Dilemma * Simple Device Detection Publish only one mobile specific site, designed for the lowest supported browser, routing all mobile browsers to it. * Advanced Device Detection Programmatically render the best possible mobile specific site to the requesting device. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 120. The Device Detection Dilemma * Simple Device Detection Publish only one mobile specific site, designed for the lowest supported browser, routing all mobile browsers to it. * Advanced Device Detection Programmatically render the best possible mobile specific site to the requesting device. * Mobile Stylesheets Code XHTML pages with the mobile context in mind and use the media type attribute to render a mobile stylesheet to mobile devices. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 121. The Device Detection Dilemma * Simple Device Detection Publish only one mobile specific site, designed for the lowest supported browser, routing all mobile browsers to it. * Advanced Device Detection Programmatically render the best possible mobile specific site to the requesting device. * Mobile Stylesheets Code XHTML pages with the mobile context in mind and use the media type attribute to render a mobile stylesheet to mobile devices. * No device detection Rely on an alternate domain or subdirectory forcing the user to manually enter or navigate to the mobile specific site. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 122. Jargon Alert Adaptation The process of dynamically optimizing content to the restrictions of the requesting device. The adaptation model relies on the mobile device’s user agent profile to tell the server to deliver markup or images based on the browser, screen size and device capabilities. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 123. Testing Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 124. Testing * Desktop Testing Testing from a normal desktop browser is a great way to start. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 125. Testing * Desktop Testing Testing from a normal desktop browser is a great way to start. * Browser Tools Browsers like Opera and Firefox have tools specific to mobile testing. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 126. Testing * Desktop Testing Testing from a normal desktop browser is a great way to start. * Browser Tools Browsers like Opera and Firefox have tools specific to mobile testing. * Emulators Allows for desktop verification without loading on to a device. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 127. Testing * Desktop Testing Testing from a normal desktop browser is a great way to start. * Browser Tools Browsers like Opera and Firefox have tools specific to mobile testing. * Emulators Allows for desktop verification without loading on to a device. * Device Testing Test as many as you can, but focus on five good mainstream devices. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 128. Testing * Desktop Testing Testing from a normal desktop browser is a great way to start. * Browser Tools Browsers like Opera and Firefox have tools specific to mobile testing. * Emulators Allows for desktop verification without loading on to a device. * Device Testing Test as many as you can, but focus on five good mainstream devices. * Usability Testing Test early and often with as many users as you can. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 129. Resources Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 130. .mobi Developers Guide Mobile Web Developers Guide Part I: Creating Simple Mobile Sites Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners. BRIAN FLING with Ronan Cremin, Jo Rabin and D. Keith Robinson http://dev.mobi
  • 131. http://mr.dev.mobi .mobi Mobile Ready Report Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 132. Mobile Design http://www.mobiledesign.org Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 133. Thank you. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
  • 134. Brian Fling Co-founder & Director of Strategy, Blue Flavor brian@blueflavor.com tel. +1 206 545-0210 mob. +1 206 351-6060 http://www.blueflavor.com/sxsw2007/ Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.