Mobile Apps: Web vs. Native - A Nerdery Agency Primer

WEB APPS VS. NATIVE APPS AGENCY PRIMER SERIES

THE NERDERY We help our partners get big ideas out of their heads and onto their clients’ websites Website: www.nerdery.com Twitter: @the_nerdery

MIKEUSER EXPERIENCE MANAGER

TONYFRONT-END DEVELOPER

THE MOBILE LANDSCAPE

DEMOGRAPHICS & GROWTH Image Courtesy of - Dave Rupert http://bit.ly/hvlM6j

WHO HAS A MOBILE PHONE? 292,000,000 Mobile Phones 93% Market Penetration Source - http://www.ctia.org/media/industry_info/index.cfm/AID/10323

MOBILE OS LANDSCAPESymbian (Nokia) 37% Android 25% Apple 17%RIM (BlackBerry) 15%Windows Mobile 3% Other 3% 0 0.1 0.2 0.3 0.4 Market Share Source - http://en.wikipedia.org/wiki/File:Smartphone_share_current.png

MOBILE BANDWIDTH 1.4 MBPS3G Networks 6.0 MBPS 6.0 MBPS4G Networks 10.0 MBPS Average Speed Peak Speed

WHAT’S THE DIFFERENCE?MOBILE WEBSITE NATIVE APP

NATIVE APPS VS. WEB APPS PROS CONS UNIVERSAL BROWSER INCONSISTENCIES NO DISTRIBUTION BARRIERS REQUIRES INTERNET CONNECTION WEB APP EASY TO UPDATE PRESENTATION VARIES BETWEEN STANDARDS BASED DEVELOPMENT DEVICES ACCESS TO NATIVE HARDWARE FEATURES ONE APP PER OPERATING SYSTEM GREATER POTENTIAL FOR REVENUENATIVE APP FASTER / MORE USABLE ADVANCED DEVELOPMENT SKILLS MULTIPLE UI CONVENTIONS LOCAL STORAGE / CACHING

HOW TO CHOOSEGO MOBILE WEB IF... GO NATIVE APP IF... You want to reach the broadest You need to utilize specific hardware possible audience for the least features amount of money You have a niche audience or large You can deal with a less than development budget spectacular user interface You need to make money from your You don’t need a distribution application channel

MOBILE DESIGN BEST PRACTICES

SIMPLIFY - THEN DO IT AGAIN.

MOBILE DESIGN PRINCIPLES Design for touch interactions Utilize common interface conventions Fitts Law - Worry about “Fat Fingers” Speed up load time by: Reducing calls to the server Reducing the number of images

MOBILE CONSTRAINTSAttention SpanLack of :hover interactionsVarying and changing screen sizes & resolutionsLimited or no Flash & Silverlight supportTypographical limitationsBandwidth

DESIGNING MOBILE WEBSITES

MOBILE SCREEN SIZES

LIQUID LAYOUTSBe flexible - Let content flow naturallyAllows for targeting all screen sizes and resolutionsFuture proofs your website for new devices

DEVICE DETECTION AND VERSION SWITCHING http://yourwebsite.com ➔ http://m.yourwebsite.com Detect User Agent in software Redirect to mobile subdomain Allow Mobile / Desktop SwitchingMost popular subdomains

SEO AND REDIRECTIONhttp://www.edmunds.com/toyota/rav4/review.html http://m.edmunds.com/

DESIGNING NATIVE MOBILE APPS

KNOW YOUR AUDIENCE Pick a platform, but consider multiple platforms if budget allows. Design unique versions for each platformImage Courtesy of - http://www.csectioncomics.com/2010/11/iphone-vs-android-vs-blackberry.html

PLATFORM COMPARISONS IPHONE ANDROID PHONES OS IOS - 5 VERSIONS ANDROID PLATFORM - 5 VERSIONS DEVICES 4 DEVICES 60+ DEVICES APP DEV OBJECTIVE C JAVA LANGUAGEDISTRIBUTION APP STORE ANDROID MARKET APPS 300,000 100,000 AVAILABLE CARRIER AT&T WHOEVER WANTS TO

MIMIC NATIVE CONVENTIONS

TACTILE INTERACTION

UTILIZING HARDWARE FEATURESGeo Location Accelerometer Gyroscope Light Sensor SMS Phone Calls Camera Touch Screen Gestures Push Notifications Local Database

USING GESTURES Tap Circle Double Tap Expand PinchTap and Hold Rotate Change One Finger Two Finger ShakeOrientation Scroll Scroll

PRICING ANDDISTRIBUTION

FREE APPS VS PAID APPS Image Courtesy of - http://www.distimo.com/

APPS AVERAGE PRICE Image Courtesy of - http://www.distimo.com/

APP DISTRIBUTIONApple App Store Android Market Blackberry App World

APPLE APP STORE 300,000 apps Requires Apple Developer Account ($99) Must be approved by Apple 14 day approval time (7 day for updates) You set your price (Apple gets 30%) Apple Enterprise ProgramApple App Store

HOW TO AVOID APPLE REJECTION The Dreaded HIG Simulating Failures Bandwidth Usage over Cellular Networks Political Lampooning Accurate app description OS Compatibility Apple App Store http://mobileorchard.com/avoiding-iphone-app-rejection-from-apple/

ANDROID MARKET 100,000 apps $25.00 Developer Account Instant Submission No Review Process Google takes 30% Allows refunds before 24 hoursAndroid Market

QUESTIONS?More answers online at http://nerdery.com

Mobile Apps: Web vs. Native - A Nerdery Agency Primer

by The Nerdery on Dec 10, 2010

Accessibility

Categories

Upload Details

Usage Rights

2 Embeds 181

Statistics

Mobile Apps: Web vs. Native - A Nerdery Agency Primer — Presentation Transcript

http://blog.nerdery.com	180
http://static.slidesharecdn.com	1