Mobile 2.0: Design and Develop for the iPhone and Beyond (Web 2.0 Expo)

Slide 1: Mobile 2.0: Design and Develop for the iPhone and Beyond by Brian Fling Web 2.0 Expo, San Francisco, April 22, 2008 Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 2: or Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 3: How the iPhone Will Forever Change the Mobile Space by Brian Fling Web 2.0 Expo, San Francisco, April 22, 2008 Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 4: or Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 5: Why I gave up on crappy Mobile User Experiences and fell in love with the iPhone by Brian Fling Web 2.0 Expo, San Francisco, April 22, 2008 Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 6: but Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 7: 98% these designs are impractical Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 8: because of... Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 9: Handsets! ht © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 10: 128 pixels 176 pixels 320 pixels 320 pixels 240 pixels 160 pixels Screens Sizes! 220 pixels 240 pixels 320 pixels 320 pixels ht © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 11: SSR Reformat Stylesheets Content Adaptation! Mobile Specific ht © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 12: Mobile 2.0: Design and Develop for the iPhone and Beyond by Brian Fling Web 2.0 Expo, San Francisco, April 22, 2008 Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 13: Who is Brian? • Mobile Designer since 2000. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 14: Who is Brian? • Mobile Designer since 2000. • Worked for the first MVNO in North America. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 15: Who is Brian? • Mobile Designer since 2000. • Worked for the first MVNO in North America. • Has worked directly with all Tier 1 carriers in North America and most of Tier 2. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 16: Who is Brian? • Mobile Designer since 2000. • Worked for the first MVNO in North America. • Has 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 © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 17: Who is Brian? • Mobile Designer since 2000. • Worked for the first MVNO in North America. • Has 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. • Runs mobiledesign.org, one of the largest communities of mobile designers. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 18: Who is Brian? • Mobile Designer since 2000. • Worked for the first MVNO in North America. • Has 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. • Runs mobiledesign.org, one of the largest communities of mobile designers. • Co-author of the dotMobi Mobile Web Developers Guide. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 19: Who is Brian? • Mobile Designer since 2000. • Worked for the first MVNO in North America. • Has 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. • Runs mobiledesign.org, one of the largest communities of mobile designers. • Co-author of the dotMobi Mobile Web Developers Guide. • Co-creator of Leaflets for the iPhone. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 20: Who am I talking to? • How many are web designers or developers? Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 21: Who am I talking to? • How many are web designers or developers? • How many are new to mobile or the mobile web? Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 22: Who am I talking to? • How many are web designers or developers? • How many are new to mobile or the mobile web? • How many have created a mobile website or mobile web application? Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 23: Who am I talking to? • How many are web designers or developers? • How many are new to mobile or the mobile web? • How many have created a mobile website or mobile web application? • How many have created a mobile application (J2ME, BREW, Flash Lite, or other)? Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 24: Who am I talking to? • How many are web designers or developers? • How many are new to mobile or the mobile web? • How many have created a mobile website or mobile web application? • How many have created a mobile application (J2ME, BREW, Flash Lite, or other)? • How many own an iPhone? Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 25: Who am I talking to? • How many are web designers or developers? • How many are new to mobile or the mobile web? • How many have created a mobile website or mobile web application? • How many have created a mobile application (J2ME, BREW, Flash Lite, or other)? • How many own an iPhone? • How many own an iPod Touch? Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 26: Who am I talking to? • How many are web designers or developers? • How many are new to mobile or the mobile web? • How many have created a mobile website or mobile web application? • How many have created a mobile application (J2ME, BREW, Flash Lite, or other)? • How many own an iPhone? • How many own an iPod Touch? • How many are just trying to figure out how to make a buck in mobile? Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 27: What is Web 2.0? Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 28: ht © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 29: ht © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 30: ht © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 31: ht © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 32: ht © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 33: ht © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 34: Web 2.0 is many things Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 35: Though mostly jargon. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 36: The Jargon Bucket Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 37: ht © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

Slide 38: Jargon is dangerous when used as the solution. Copyright © 2008 Brian Fling. All trademarks and copyrights remain the property of their respective owners.

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

Slide 40: All this technology is grea