Post on 16-Jan-2015
description
WEB APPS VS. NATIVE APPSA G E N C Y P R I M E R S E R I E S
THE NERDERY
We help our partners get big ideas out of their heads and onto their clients’ websites
Website: www.nerdery.comTwitter: @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 Phones93% Market Penetration
Source - http://www.ctia.org/media/industry_info/index.cfm/AID/10323
MOBILE OS LANDSCAPESymbian (Nokia)
Android
Apple
RIM (BlackBerry)
Windows Mobile
Other
0 0.1 0.2 0.3 0.4
3%
3%
15%
17%
25%
37%
Market Share Source - http://en.wikipedia.org/wiki/File:Smartphone_share_current.png
MOBILE BANDWIDTH
3G Networks
4G Networks
10.0 MBPS
6.0 MBPS
6.0 MBPS
1.4 MBPS
Average SpeedPeak Speed
WHAT’S THE DIFFERENCE?
MOBILE WEBSITE NATIVE APP
NATIVE APPS VS. WEB APPSPROS CONS
WEB APPUNIVERSAL
NO DISTRIBUTION BARRIERSEASY TO UPDATE
STANDARDS BASED DEVELOPMENT
BROWSER INCONSISTENCIESREQUIRES INTERNET CONNECTIONPRESENTATION VARIES BETWEEN
DEVICES
NATIVE APP
ACCESS TO NATIVE HARDWARE FEATURESGREATER POTENTIAL FOR REVENUE
FASTER / MORE USABLELOCAL STORAGE / CACHING
ONE APP PER OPERATING SYSTEMADVANCED DEVELOPMENT SKILLS
MULTIPLE UI CONVENTIONS
HOW TO CHOOSE
You want to reach the broadest possible audience for the least amount of money
You can deal with a less than spectacular user interface
You don’t need a distribution channel
GO MOBILE WEB IF... GO NATIVE APP IF...You need to utilize specific hardware features
You have a niche audience or large development budget
You need to make money from your application
MOBILE DESIGN BEST PRACTICES
SIMPLIFY - THEN DO IT AGAIN.
MOBILE DESIGN PRINCIPLESDesign 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 CONSTRAINTS
Attention Span
Lack of :hover interactions
Varying and changing screen sizes & resolutions
Limited or no Flash & Silverlight support
Typographical limitations
Bandwidth
DESIGNING MOBILE WEBSITES
MOBILE SCREEN SIZES
LIQUID LAYOUTS
Be flexible - Let content flow naturally
Allows for targeting all screen sizes and resolutions
Future proofs your website for new devices
DEVICE DETECTION AND VERSION SWITCHING
Detect User Agent in software
Redirect to mobile subdomain
Allow Mobile / Desktop Switching
Most popular subdomains
http://yourwebsite.com ➔ http://m.yourwebsite.com
SEO AND REDIRECTIONhttp://www.edmunds.com/toyota/rav4/review.html http://m.edmunds.com/
DESIGNING NATIVEMOBILE APPS
KNOW YOURAUDIENCE
Image Courtesy of - http://www.csectioncomics.com/2010/11/iphone-vs-android-vs-blackberry.html
Pick a platform, but consider multiple platforms if budget allows.
Design unique versions for each platform
PLATFORM COMPARISONSIPHONE ANDROID PHONES
OS IOS - 5 VERSIONS ANDROID PLATFORM - 5 VERSIONS
DEVICES 4 DEVICES 60+ DEVICES
APP DEV LANGUAGE
OBJECTIVE C JAVA
DISTRIBUTION APP STORE ANDROID MARKET
APPS AVAILABLE
300,000 100,000
CARRIER AT&T WHOEVER WANTS TO
MIMIC NATIVE CONVENTIONS
TACTILE INTERACTION
UTILIZING HARDWARE FEATURES
Geo Location Accelerometer Gyroscope Light Sensor
SMS Phone Calls Camera Touch Screen
Gestures Push Notifications Local Database
USING GESTURES
TapDouble Tap
Tap and Hold
Change Orientation
One FingerScroll
Two FingerScroll
Shake
CircleRotate
Expand Pinch
PRICING AND DISTRIBUTION
FREE APPS VS PAID APPS
Image Courtesy of - http://www.distimo.com/
APPS AVERAGE PRICE
Image Courtesy of - http://www.distimo.com/
APP DISTRIBUTION
Apple App Store Android Market Blackberry App World
APPLE APP STORE
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 Program
HOW TO AVOID APPLE REJECTION
Apple App Store
The Dreaded HIG
Simulating Failures
Bandwidth Usage over Cellular Networks
Political Lampooning
Accurate app description
OS Compatibility
http://mobileorchard.com/avoiding-iphone-app-rejection-from-apple/
ANDROID MARKET
Android Market
100,000 apps
$25.00 Developer Account
Instant Submission
No Review Process
Google takes 30%
Allows refunds before 24 hours