app nation: a creative look at the design, gestures and native features used by apps

34
app nation Prepared by: Molly Garris Prepared for: Leo Burnett USA March 30, 2011 1

Upload: molly-garris

Post on 16-May-2015

451 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

app nation

Prepared by: Molly Garris Prepared for: Leo Burnett USA March 30, 2011 1

Presenter
Presentation Notes
Angry Birds, the popular video game played by more than 50 million people on their smartphones, is finally getting its moment on the big screen. "Angry Birds: The Movie," directed by Michael Bay, is a heart-pounding, edge-of-your-seat action thriller about real life, genetically altered angry birds sent into battle.
Page 2: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

1 in 4 adults now use mobile apps

Source : Pew Research Center’s Internet & American Life Project May 2010

2

Presenter
Presentation Notes
http://mashable.com/2010/09/14/mobile-apps-pew-survey/
Page 3: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

Apps Available 350,000 100,000 10,000

Top App Stores

Average No. of Apps 40 25 14

Sources: Apple, Engadget, Mashable, Into Mobile and O’Reilly

state of app downloads

3

Presenter
Presentation Notes
Windows Mobile – 1400 apps http://radar.oreilly.com/2010/11/windows-marketplace-for-mobile-apps.html http://www.intomobile.com/2010/09/10/study-iphone-users-download-average-of-40-apps-android-25-blackberry-14/ http://mashable.com/2010/10/25/android-100000-apps/ http://www.engadget.com/2010/09/08/blackberry-app-world-crosses-the-10-000-app-mark/ http://www.apple.com/iphone/apps-for-iphone/
Page 4: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

most downloaded app

Source : Facebook

4

Presenter
Presentation Notes
Facebook traffic topped Google for a week in early March http://money.cnn.com/2010/03/16/technology/facebook_most_visited/index.htm?hpt=T2
Page 5: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

67,575,749 monthly active users

designing for iphone

Source : Facebook iPhone App

67,575,749 monthly active users

5

Presenter
Presentation Notes
http://www.facebook.com/apps/application.php?id=6628568379#!/photo.php?pid=2445795&id=6628568379&fbid=119271043379 Larger areas of navigation; must design buttons
Page 6: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

designing for android

Source : Facebook Android App

6

Presenter
Presentation Notes
http://www.facebook.com/apps/application.php?id=6628568379#!/photo.php?pid=2445795&id=6628568379&fbid=119271043379 Can use phone’s native back button & menuing
Page 7: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

31,149,002 monthly active users

designing for blackberry

Source : Facebook Blackberry App

7

Presenter
Presentation Notes
http://www.facebook.com/search/?q=facebook+for+blackberry&init=quick#!/apps/application.php?v=wall&ref=search&id=2254487659
Page 8: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

• Software Downloaded to Phone • Taps Into Native Phone Features • Integrated User Experience

intro to mobile apps

8

Presenter
Presentation Notes
Microphone to record your voice or sounds Compass to help you navigate Geographic coordinates to access localized information Accelerometer to sense movements Contact list to interact with new acquaintances Phone to quickly dial a business from a simple link
Page 9: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

how facebook apps integrate with native features

Source : Facebook iPhone App

9

Page 10: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

Apple iOS

Apple iPhone 4

Apple iPhone 3

Apple iPad 2

Apple iPad

Google Android

Motorola Droid

HTC Evo

Samsung Galaxy S

Samsung Galaxy Tab

*Includes tapping, swiping, flicking, scrolling, dragging, panning, zooming, rotating and pinching Source(s): http://cell-phones.toptenreviews.com/touch-screen/index.htm

10

Page 11: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

touch

11 Source : http://www.lukew.com/touch/

Page 12: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

tap

Source : iTunes Tap Tap Revenge App

12

Page 13: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

tap

Source : iTunes Simon Says App

13

Page 14: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

drag

Source : Playzgame.com and iTunes Bejeweled 2 App

14

Presenter
Presentation Notes
http://www.playzgame.com/online-flash-games/picture_250x250/bejeweled-2_70x60.jpg
Page 15: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

drag

Source : PhoneDog.com and iTunes Angry Birds App

15

Page 16: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

flick

Source : iTunes Paper Toss App

16

Page 17: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

flick

Source : iTunes Fruit Ninja App

17

Page 18: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

pinch / spread

Source : iTunes In Bed Tagger App

18

Presenter
Presentation Notes
tetris
Page 19: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

Apple iOS

Apple iPhone 4

Apple iPhone 3

Apple iPad 2

Apple iPad

Google Android

Motorola Droid

HTC Evo

Samsung Galaxy S

Samsung Galaxy Tab

*Includes tapping, swiping, flicking, scrolling, dragging, panning, zooming, rotating and pinching Source(s): http://cell-phones.toptenreviews.com/touch-screen/index.htm

19

Page 20: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

video

Source : iTunes Vintage Video Maker App

20

Presenter
Presentation Notes
Vintage Video Maker
Page 21: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

camera

Source : Gadget Tech Blog

21

Presenter
Presentation Notes
http://gadget.techinsurancehq.com/1190/intel-launches-in-sight-scavenger-hunt-for-iphone-users/
Page 22: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

forward-facing camera

Source : iTunes Incredibooth App

22

Presenter
Presentation Notes
Incredibooth (unusual feature for games)
Page 23: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

voice

Source : iTunes I am T-Pain App

23

Presenter
Presentation Notes
I am T-Pain (unusual feature for games)
Page 24: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

voice

Source : http://www.syfy.com/beinghuman/shazam/ 24

Presenter
Presentation Notes
Listening to TV episodes and commercials
Page 25: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

gps

Source : iTunes Seek n Spell

25

Page 26: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

gps

Source : iTunes Slurpee App

26

Page 27: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

compass

Source : iTunes Planets App

27

Presenter
Presentation Notes
Main purpose of the compass is to orient you; Planets; rollercoaster app – augmented reality – etc. (unusual feature for games)
Page 28: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

gyroscope

Source : iTunes Eliminate: Gun Range

28

Presenter
Presentation Notes
Enables tilt functionality
Page 29: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

gyroscope

Source : iTunes Rubik’s Cube

29

Presenter
Presentation Notes
Enables tilt functionality
Page 30: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

accelerometer

Source : iTunes Doodle Jump

30

Page 31: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

accelerometer

Source : iTunes Labyrinth 2 App

31

Page 32: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

app development

32

• Select site content and features based on what would provide value to users on-the-go, and by considering what phone’s features to tap into

• Apple iTunes requires app approval — typically a 3-10 week process • Blackberry App Exchange also requires app approval — typically a 1-2 week

process Submit

For Approval

• The app is built using a SDK (software development kit) for each selected platform • Apps require rigorous testing to avoid unnecessary app updates

• Create Designs and User Experiences for each of the selected platforms

Code on

SDK

Design

• Determine the Technical Profile of your intended audience • Select platforms to build on Determine

Breadth

Define Features

Page 33: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

considerations

Getting featured Search terms App icon, name, description and content App load screen App publisher – brand, dev team, etc.

33

Page 34: App Nation: a Creative Look at the Design, Gestures and Native Features used by Apps

app resources

• Appy Awards – shows recent award finalists and submissions • Mobile Awesomeness Blog – design blog around mobile-optimized

websites but ideas can be applied to apps • Mobile Marketer – excellent source for all things mobile

• The FWA – design blog with innovative mobile work

• App Store SDKs – Software development kits typically have design

resources and guidelines

34