This session is presented by Bess Ho at Silicon Valley Code Camp (SVCC) at Foothill College in 2009 Fall. This session covers the Apple review and submission procession and requirements. It reviews ...
This session is presented by Bess Ho at Silicon Valley Code Camp (SVCC) at Foothill College in 2009 Fall. This session covers the Apple review and submission procession and requirements. It reviews the image requirements, mockup and templates for iphone app.
Zanura GP Inc at Zanura GP IncCheck out Apple's New iPod nano with Multi-Touch Product Review http://www.slideshare.net/Zanura/i-pod-nano-multi-touch-review2 years ago
Best Practice iPhone SDK App DesignPresentation Transcript
"Best Practice"
iPhone SDK App Design
Bess Ho
UI & iPhone Developer
Silicon Valley Code Camp (SVCC)
Oct 3-4, 2009
Foothill College
Los Altos CA
Twitter: bayareaparty
UI Developer / Architect
Spock Bess
Half Vulcan Half Developer
Half Human Half Designer
Pointed Ears Pointed Eyes
“I am a Developer, Not a Designer”
Spock Bess
Complex Mind Complex Background
“It would be illogical to assume that all conditions
remain stable.” - Spock
“It would be illogical to assume that
a good developer can’t design.” - Bess
Dancing Piano Dancing Drum Dancing Steel Drum
Doctor Tricorder Sound Tricorder
Founder of
Silicon Valley Web Builder (SVWB)
Mentor
Google Technology User Group (GTUG)
Open Source Project “Chief Medical Officer”
based on Google Health
1st Book on Myspace
Technical Editor 1st Book on Open Social
Building OpenSocial Apps: A
Field Guide to Working with
the MySpace Platform
Authors: Chris Cole, Chad
Russell, Jessica Whyte
Published Oct 23, 2009
Publisher: Addison-Wesley
Professional. Part of the
Developer's Library series.
One-Girl-Shop
References
Blog Featured by WordPress
Based on “Objective-C” Tag
http://webbuilders.wordpress.com/
Powerpoints
http://www.slideshare.net/bess.ho
Code Examples
http://code.google.com/p/iphonebuilder/
What are we going
Learn?
No. 1
One-Girl-Shop
Shorten your design & development cycle
Tips & Tricks
2
No.
Submission Requirements
Apple Store Review Process
Increase Your Chance of Approval
Do & Do Not Lists
3
No.
Product Definition
Design Better App
Improve User Experience
No.4
Backup
Anything impossible would be possible
Backup your Artwork & Xcode projects
Approval Process
Based on approvals process for iPhone applications, in a
filing to the US Federal Communications Commission (FCC)
in 2009
95% apps are approved within 14 days of submission
Apple has 40 Full Time trained reviewers studying
8,500 new apps a week
20% “not approved as original submitted” but sent
back to developer for tweaks & changes
http://www.mobile-ent.biz/news/34116/Apple-reveals-some-details-about-App-
Store-approval-process
Controversial Apps
Based on approvals process for iPhone applications, in a
filing to the US Federal Communications Commission (FCC)
in 2009
“established an App Store executive review board
that determines procedures and sets policy for the
review process, as well as reviews applications that
are escalated to the board because they raise new
or complex issues.”
The board meets once a week.
http://www.mobile-ent.biz/news/34116/Apple-reveals-some-details-about-App-
Store-approval-process
Prepare Images
The standard bit depth for icons and images
is 24 bits (8 bits each for red, green, and
blue), plus an 8-bit alpha channel.
The PNG format is recommended, because it
preserves color depth and supports an
embedded alpha channel.
No need to constrain your palette to web-
safe colors
Prepare Icons
Start with highest resolution quality image
Create 512x512 160+ dpi artwork
Convert them into 3 sizes
Save them to Apple preferred names
Apple expects consistency in images
512x512 72 dpi app_icon.jpg
57x57 160+ dpi Icon.png
29x29 160+ dpi Icon-Small.png
App Icon Design
57x57 160+ dpi Icon.png
By default
1) Apply round-corners
2) Apply shine
3) Apply Drop shadow
Best investment
Pick a color to position your app on the rainbow wall
Apple tends to select & feature app with good icon
design in stores, conferences and Ads
Avoid using images similar to Apple icons & images
Info.plist
App Icon Design
29x29 160+ dpi Icon-Small.png
Used to be Icon-Setting.png
Every application should supply a small icon
that iPhone OS can display when the
application name matches a term in a
Spotlight search.
Applications that supply settings should also
supply this icon to identify them in the
built-in Settings application.
App Icon Design
57x57 160+ dpi Icon.png
Remove default shine
Add the UIPrerenderedIcon key to your
application’s Info.plist file
App Icon Design
57x57 160+ dpi Icon.png
Recommend to add your app name to your
icon if your app name is too long to show on
iphone home screen
By default Bundle display name use your Xcode
Project name
Add App name to Info.plist file
Prepare Backgrounds
Improve User Experience
Make your loading image similar to your App
Background if your app requires a longer
loading time
Default.png (Loading Image)
background.png (App Background Image)
Image Location
Icon.png, Icon-Setting.png, Default.png are
suggested to saved at the root of Xcode
project
Organize images & audio files in Groups
under “Resources” folder
Drag & Drop entire folders into Xcode
Project
System-Provided
Buttons & Icons
Tab Bar Tabs Icon Table Rows
System-Provided
Buttons & Icons
Use pure white with appropriate alpha
Do not include a drop shadow
Use anti-aliasing
Toolbar Icons
Navigation Bar Icons Tab Bar Icons
20 x 20 pixels 30 x 30 pixels
iPhone Human Interface
Guidelines
http://developer.apple.com/safari/library/
documentation/InternetWeb/Conceptual/
iPhoneWebAppHIG/Introduction/
Introduction.html
Prepare Audio
Most Popular Audio Methods
AudioServicesPlaySystemSound
AVAudioPlayer
Do Not
DO NOT Copy-Right Materials (Image, Audio, etc)
DO NOT use License Materials unless you have
written documents to prove your ownership
DO NOT use any Brand or Trademark names
DO NOT use any images too similar to iphone system
icons
DO NOT submit app with warnings & errors
DO NOT treat Apple Review Team as QA
Debug & Audit
Test your app in both iPhone Simulator & Device
Test your app in both iTouch & iPhone
50% users are on iTouch
No Warning Console
No Error Xcode
Device
1st / 2nd App
Sound Tricroder & Doctor Tricorder
1st iPhone SDK
Trekkie from TV to Movies
Star Trek Movie Release in May
Loyal Star Trek Fans Worldwide
Tricorders in App Store Suck
Poor Interface
Old Generation Tricorder
Few Low-quality Sound
Barely Any Animations
Entertainment Only
Explanation
In Review
3 months Instead of crying
Or beating up Apple
iPhone Review Team
Convert my anger &
frustration to creating
new app
2 months wait Shorten Development
Not related to Cycle & Release Early
technical issues
Product Definition
Solve a sticky problem
Create your own niche
Create new market
Product Definition
Solve a sticky problem Apple won’t approve SDK
app that is similar to web
Create your own niche app
Create new market Apple won’t approve your
app if it is similar to existing
app in App Store
Apple won’t approve your
app if it doesn’t have enough
features
Design Rules
Keep it Simple
Design for Dummies
No Guessing
Picture worths thousand words
Do One Thing Really Well
Less Touch = Clicks
Fewer Screens = Page Load
Fast Loading
Lower Latency
Design Rules
Make it Fun
Use interesting images
Use movements
Engage users
Product Definition
Dancing Series - Use Accelerometer
Interests
Target
Strengths
Want anyone without music I love music
training can play
I play music for years
It is more entertaining and
engaging to design app I love dancing
involved movement
I love design
Music is universal with no
language barrier
All age groups
All genders
Product Strategy
Dancing Series
Music Band
Dancing Piano
Dancing Drum
Dancing Steel Drum
Dancing Tambourine
Competition: Leading Drum Apps in Top 100
Drum Kit DigitDrummer
$1.99 / Free $0.99 / Free
Volume Control No Volume Control
(Flip View)
Pay $1.99 Extra Recording Recording
Marketing Positioning:
Competitive Differentiation
1st Drum App uses
Dancing Drum Accelerometer
$0.99
Volume Control - Same View
Brighter Cheerful
More Sound
Touch Play
Motion Play
Casual Play - All Ages
Accelerometer > Record
Dancing Drum
Dancing Drum $0.99 Rank: 1496
Not Perfect
Shorten Development Cycle
Release Early
1st Release 1.0
Bad Timing OS2.2.1 - OS3.0
Buried at the bottom in Release Date
due to inexperience
DEMO
Rank within Top 100 Rank: 1495
DigitDrummer Dancing Drum
Drum Kit
Once In Your Lifetime
Don’t make any Apple won’t allow you to
mistakes in change Release Date once
submitting your app the date is past
Don’t keep changing Apple won’t allow you to get
Release Date into Newly Release category
after re-submit for update
Save the right
Category Prepare for your Launch &
Marketing Campaign
6 Major Types of
Mockup / Prototype
Paper Prototype
Online Prototype
Sketching
iPhone SDK IDEs
iPhone SDK Frameworks
iPhone Webkit Frameworks
iPhone Developer
1. Add Device
Program Portal
2. Xcode Organizer
iPhone Developer
Program Portal
3. Create Developer Certificate
4. Add to Keychain
iPhone Developer
Program Portal
5. Create Apple ID
6. Create
Provisioning Profile
iPhone Developer
Program Portal
7. Add Provisioning Profile to Xcode Organizer
8. Test Code
Case
Study
A
No.
B
No.
C
No.
Tell Me Which is Best & Why
myStarbucks
Find a Starbucks Coffee Sep 16, 2009 Version 1.0
Aug 9, 2009 Version 2.0 Free
$0.99
Go Grande - Find your nearest Starbucks
Feb 6 2009 Version 1.0.0
$0.99
ankang yang
Ray
www.MobiTily.com 1 year ago
http://www.slideshare.net/Zanura/i-pod-nano-multi-touch-review 2 years ago
http://www.procricketgear.com 2 years ago
Packed with useful information for an iphone developer getting started with the app store.
Thanks! 3 years ago