Slideshow transcript
Slide 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.
Slide 2: Follow Along http://www.blueflavor.com/sxsw2007/ Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Slide 3: Who am I? Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Slide 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.
Slide 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.
Slide 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.
Slide 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.
Slide 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.
Slide 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.
Slide 10: Part 1 Why the Mobile Web? Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Slide 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.
Slide 12: Just how big is the Mobile Web? Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Slide 13: The Size of Texas Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Slide 14: 20,000,000 The Size of Texas Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Slide 15: The Population of the Earth Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Slide 16: The Population of the Earth Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Slide 17: The Population of the Earth Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Slide 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.
Slide 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.
Slide 20: Mobile Web of Today Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Slide 21: Mobile Web of Today Mobile Subscribers Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Slide 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.
Slide 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.
Slide 24: Mobile Web of Tomorrow Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Slide 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.
Slide 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.
Slide 27: How many users are there? Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Slide 28: Mobile Web Users How many users are there? Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Slide 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.
Slide 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.
Slide 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.
Slide 32: Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Slide 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
Slide 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.
Slide 35: Prepare for a truly contextual web. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Slide 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.
Slide 37: Part 2 Creating a Mobile Web Strategy Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Slide 38: “Find a need and fill it.” Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Slide 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.
Slide 40: The 3C’s of the Mobile Web Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Slide 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.
Slide 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.
Slide 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.
Slide 44: Lose anything that doesn’t support the goals. Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Slide 45: Part 3 Mobile Information Architecture Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Slide 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
Slide 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.
Slide 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.
Slide 49: Remember: Goals, Cost, Content & Context Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Slide 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.
Slide 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
Slide 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.
Slide 53: Part 4 Mobile Web Design Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Slide 54: More Compatible Flavors of Mobile Design Richer Experience Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Slide 55: More Compatible Flavors of Mobile Design Richer Experience Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Slide 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.
Slide 57: Multiple Screens Sizes Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Slide 58: 128 pixels 160 pixels Multiple Screens Sizes Copyright © 2007 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Slide 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.
Slide 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.
Slide 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.
Slide 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.
Slide 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.
Slide 64: Comparing Mobile Devices * Many devices are similar, but vary based Feature Phones on how they are



Add a comment on Slide 1
If you have a SlideShare account, login to comment; else you can comment as a guest- Favorites & Groups
Showing 1-50 of 64 (more)