SlideShare una empresa de Scribd logo
1 de 52
5 PRINCIPLES OF KILLER MOBILE APPS:

                              HOW TO THINK ABOUT
                             PRODUCT DESIGN FOR IOS


                     CHIA HWU & EVAN KIRCHHOFF, QUBOP INC.
                     SPRINT OPEN SOLUTIONS CONFERENCE 2011



NOV 4 2011 - WWW.QUBOP.COM
CUMULATIVE USERBASE, EARLY 2011




                                 VS.




NOV 4 2011 - WWW.QUBOP.COM
                             (IN MILLIONS)
1. GREAT DESIGN IS INVISIBLE
       2. CONVENTIONS KEEP MOVING
       3. REMOVE CHOICES
       4. SOCIAL IS NOT MAGIC
       5. COUNT YOUR CLICKS

NOV 4 2011 - WWW.QUBOP.COM
1. GREAT DESIGN IS INVISIBLE
       2. CONVENTIONS KEEP MOVING
       3. REMOVE CHOICES
       4. SOCIAL IS NOT MAGIC
       5. COUNT YOUR CLICKS

NOV 4 2011 - WWW.QUBOP.COM
ACCUMULATING
TINY CHANGES




From http://stam-design-
stam.blogspot.com/2011/10/
ios-5.html
ACCUMULATING
TINY CHANGES




From http://stam-design-
stam.blogspot.com/2011/10/
ios-5.html
From http://stam-design-
stam.blogspot.com/2011/10/
ios-5.html
THINK OF APPLE AS YOUR INITIAL AUDIENCE.
NOV 4 2011 - WWW.QUBOP.COM
THE PROMOTIONAL REAL ESTATE IS VERY LIMITED.
NOV 4 2011 - WWW.QUBOP.COM
APPLE’S HUMAN INTERFACE GUIDELINES DO NOT DESCRIBE THEIR TASTES:




              PULSE            NESS             BAND OF THE DAY

NOV 4 2011 - WWW.QUBOP.COM
(IGNORE THE ADVICE AGAINST SPLASH SCREENS)




              PULSE                  NESS            BAND OF THE DAY

NOV 4 2011 - WWW.QUBOP.COM
CUSTOM UI THAT NOBODY NOTICED




                             (NOT THE NATIVE CAMERA INTERFACE)
NOV 4 2011 - WWW.QUBOP.COM
1. GREAT DESIGN IS INVISIBLE
       2. CONVENTIONS KEEP MOVING
       3. REMOVE CHOICES
       4. SOCIAL IS NOT MAGIC
       5. COUNT YOUR CLICKS

NOV 4 2011 - WWW.QUBOP.COM
THE 5-TAB SOCIAL APP WITH CENTER ICON




          INSTAGRAM          PATH             COLOR
NOV 4 2011 - WWW.QUBOP.COM
HIPSTER           SOUNDTRACKING      FOODSPOTTING


                   THE CENTER TAB ANSWERS THE QUESTION,
                        “WHAT DO I DO WITH THIS APP?”
NOV 4 2011 - WWW.QUBOP.COM
EVERNOTE             PINTEREST         PHOTOVINE


                   THE CENTER TAB ANSWERS THE QUESTION,
                        “WHAT DO I DO WITH THIS APP?”
NOV 4 2011 - WWW.QUBOP.COM
FOURSQUARE (PREVIOUS)   FOURSQUARE (NOW)

NOV 4 2011 - WWW.QUBOP.COM
PULL TO REFRESH




TWITTER   BOXCAR     FACEBOOK    SEESMIC
                     MESSENGER
SIDEWAYS SLIDERS




              PULSE                COLOR            GOWALLA
                                                (LATEST REVISION)
NOV 4 2011 - WWW.QUBOP.COM
THE ICON GRID (EARLY 2011)




     FACEBOOK                   LINKEDIN       YELP       SCVNGR



NOV 4 2011 - WWW.QUBOP.COM
THE ICON GRID IS DYING (LATE 2011)




            FACEBOOK              LINKEDIN           YELP

NOV 4 2011 - WWW.QUBOP.COM
1. GREAT DESIGN IS INVISIBLE
       2. CONVENTIONS KEEP MOVING
       3. REMOVE CHOICES
       4. SOCIAL IS NOT MAGIC
       5. COUNT YOUR CLICKS

NOV 4 2011 - WWW.QUBOP.COM
DO THE RIGHT THING


NOV 4 2011 - WWW.QUBOP.COM
NOV 4 2011 - WWW.QUBOP.COM
SOUTHWEST AIRLINES IPHONE APP
                                   (NOVEMBER 2011)
NOV 4 2011 - WWW.QUBOP.COM
ASSUME NOBODY READS ANYTHING
NOV 4 2011 - WWW.QUBOP.COM
ASSUME NOBODY READS ANYTHING
NOV 4 2011 - WWW.QUBOP.COM
(EXCEPT IN JAPAN)
NOV 4 2011 - WWW.QUBOP.COM
MOBIMILEAGE:
                         THE BATTLE FOR ZERO CONFIGURATION
NOV 4 2011 - WWW.QUBOP.COM
NOT THE RIGHT THING:

                               SET ACCURACY
                   LOW                               HIGH


                             NOTE: HIGHER ACCURACY
                              REDUCES BATTERY LIFE



NOV 4 2011 - WWW.QUBOP.COM
1. GREAT DESIGN IS INVISIBLE
       2. CONVENTIONS KEEP MOVING
       3. REMOVE CHOICES
       4. SOCIAL IS NOT MAGIC
       5. COUNT YOUR CLICKS

NOV 4 2011 - WWW.QUBOP.COM
TWITTER IS EASY TO INTEGRATE IN IOS 5




            ...BUT NOW ALL THE APPS CAN DO IT EASILY
NOV 4 2011 - WWW.QUBOP.COM
FACEBOOK FILTERS BY USER INTEREST




      ...AND THEY MAY NOT BE INTERESTED IN YOUR APP
NOV 4 2011 - WWW.QUBOP.COM
(AT LEAST THE FACEBOOK APP NOW PROMOTES IOS APPS INTERNALLY)




NOV 4 2011 - WWW.QUBOP.COM
SOCIAL SHARING: NOT IN THE FLOW
NOV 4 2011 - WWW.QUBOP.COM
SOCIAL SHARING IN THE UI FLOW
NOV 4 2011 - WWW.QUBOP.COM
EVEN BETTER: A FUNDAMENTALLY SOCIAL PRODUCT
NOV 4 2011 - WWW.QUBOP.COM
DO YOU WANT FACEBOOK
                TO BE YOUR LOGIN?




NOV 4 2011 - WWW.QUBOP.COM
DO YOU WANT TO FORCE USERS TO LOG IN?




                             VS.




NOV 4 2011 - WWW.QUBOP.COM
1. GREAT DESIGN IS INVISIBLE
       2. CONVENTIONS KEEP MOVING
       3. REMOVE CHOICES
       4. SOCIAL IS NOT MAGIC
       5. COUNT YOUR CLICKS

NOV 4 2011 - WWW.QUBOP.COM
HOW MANY CLICKS?




NOV 4 2011 - WWW.QUBOP.COM
1


NOV 4 2011 - WWW.QUBOP.COM
2


NOV 4 2011 - WWW.QUBOP.COM
3


NOV 4 2011 - WWW.QUBOP.COM
4,5,
                             6,7

NOV 4 2011 - WWW.QUBOP.COM
8


NOV 4 2011 - WWW.QUBOP.COM
NOV 4 2011 - WWW.QUBOP.COM
NOV 4 2011 - WWW.QUBOP.COM
THINK ABOUT WHEN TO SAVE AND RESTORE STATE

           - (void)applicationWillResignActive:(UIApplication *)application

           - (void)applicationDidEnterBackground:(UIApplication *)application

           - (void)applicationWillEnterForeground:(UIApplication *)application

           - (void)applicationDidBecomeActive:(UIApplication *)application

           - (void)applicationWillTerminate:(UIApplication *)application




      (INCLUDING DIFFERENT SHUTDOWN SCENARIOS)

NOV 4 2011 - WWW.QUBOP.COM
THE MOBILE APP USER LIFE CYCLE


               -38%                            1 DAY



           -50%                               1 WEEK



      -90%                                    6 MONTHS


NOV 4 2011 - WWW.QUBOP.COM   SOURCE: FLURRY
THANKS!

     CHIA HWU
 CHIA@QUBOP.COM
 TWITTER: @CHIAH


  EVAN KIRCHHOFF
 EVAN@QUBOP.COM
TWITTER: @THEEVANK



WWW.QUBOP.COM

Más contenido relacionado

Destacado

Day in the life of a mobile video user
Day in the life of a mobile video userDay in the life of a mobile video user
Day in the life of a mobile video user
On Device Research
 

Destacado (16)

Pitching a startup idea
Pitching a startup ideaPitching a startup idea
Pitching a startup idea
 
No Story No Company
No Story No CompanyNo Story No Company
No Story No Company
 
Training session - Pitching Your Startup or App to the Media
Training session - Pitching Your Startup or App to the MediaTraining session - Pitching Your Startup or App to the Media
Training session - Pitching Your Startup or App to the Media
 
Date a Startup. Let us introduce ourselves
Date a Startup. Let us introduce ourselvesDate a Startup. Let us introduce ourselves
Date a Startup. Let us introduce ourselves
 
Start a revolution... in your bedroom.
Start a revolution... in your bedroom. Start a revolution... in your bedroom.
Start a revolution... in your bedroom.
 
SWCDO 101: The Business Model Canvas
SWCDO 101: The Business Model CanvasSWCDO 101: The Business Model Canvas
SWCDO 101: The Business Model Canvas
 
Mobile Apps - Getting Your Idea Across
Mobile Apps - Getting Your Idea AcrossMobile Apps - Getting Your Idea Across
Mobile Apps - Getting Your Idea Across
 
Mobile app ideas 2017
Mobile app ideas 2017Mobile app ideas 2017
Mobile app ideas 2017
 
Day in the life of a mobile video user
Day in the life of a mobile video userDay in the life of a mobile video user
Day in the life of a mobile video user
 
SWCDO 101: Pitching your startup idea
SWCDO 101: Pitching your startup ideaSWCDO 101: Pitching your startup idea
SWCDO 101: Pitching your startup idea
 
VC, Funding & Pitching - Startup Talks June 2015
VC, Funding & Pitching - Startup Talks June 2015VC, Funding & Pitching - Startup Talks June 2015
VC, Funding & Pitching - Startup Talks June 2015
 
Startup Pitching and Mobile App Startup
Startup Pitching and Mobile App StartupStartup Pitching and Mobile App Startup
Startup Pitching and Mobile App Startup
 
Mobile App Design course (iOS & Android)
Mobile App Design course (iOS & Android)Mobile App Design course (iOS & Android)
Mobile App Design course (iOS & Android)
 
Healthcare app development
Healthcare app developmentHealthcare app development
Healthcare app development
 
Mobile First Design Strategy & Process
Mobile First Design Strategy & ProcessMobile First Design Strategy & Process
Mobile First Design Strategy & Process
 
130 stats about the 7 social media trends dominating 2015
130 stats about the 7 social media trends dominating 2015130 stats about the 7 social media trends dominating 2015
130 stats about the 7 social media trends dominating 2015
 

Similar a 5 Principles of Killer Mobile Apps: How to Think About Product Design for iOS

Mobile Photography at #MobileGallery
Mobile Photography at #MobileGalleryMobile Photography at #MobileGallery
Mobile Photography at #MobileGallery
Michael Fasciano
 
Learning From Luther: The 2nd Mobile Revolution
Learning From Luther: The 2nd Mobile RevolutionLearning From Luther: The 2nd Mobile Revolution
Learning From Luther: The 2nd Mobile Revolution
Kristofer Layon
 
Nigeria & Designing for the Mobile Web
Nigeria & Designing for the Mobile WebNigeria & Designing for the Mobile Web
Nigeria & Designing for the Mobile Web
Zi Bin Cheah
 

Similar a 5 Principles of Killer Mobile Apps: How to Think About Product Design for iOS (12)

Wonderful Web App UX
Wonderful Web App UXWonderful Web App UX
Wonderful Web App UX
 
Mobile web volunteers
Mobile web volunteersMobile web volunteers
Mobile web volunteers
 
Mobile Oxford Summer Internship 2011
Mobile Oxford Summer Internship 2011Mobile Oxford Summer Internship 2011
Mobile Oxford Summer Internship 2011
 
Social media and mutuals banks credit unions
Social media and mutuals banks credit unionsSocial media and mutuals banks credit unions
Social media and mutuals banks credit unions
 
Peter Paul Koch - mobile convention amsterdam
Peter Paul Koch - mobile convention amsterdamPeter Paul Koch - mobile convention amsterdam
Peter Paul Koch - mobile convention amsterdam
 
Mobile Photography at #MobileGallery
Mobile Photography at #MobileGalleryMobile Photography at #MobileGallery
Mobile Photography at #MobileGallery
 
Sinsaiinfo4techlion
Sinsaiinfo4techlionSinsaiinfo4techlion
Sinsaiinfo4techlion
 
What Glass Ceiling? How to kick Ass in the Mobile Industry by just producing ...
What Glass Ceiling? How to kick Ass in the Mobile Industry by just producing ...What Glass Ceiling? How to kick Ass in the Mobile Industry by just producing ...
What Glass Ceiling? How to kick Ass in the Mobile Industry by just producing ...
 
Learning From Luther: The 2nd Mobile Revolution
Learning From Luther: The 2nd Mobile RevolutionLearning From Luther: The 2nd Mobile Revolution
Learning From Luther: The 2nd Mobile Revolution
 
Nigeria & Designing for the Mobile Web
Nigeria & Designing for the Mobile WebNigeria & Designing for the Mobile Web
Nigeria & Designing for the Mobile Web
 
Vodacom Developer Roadshow (by: @JonHoehler)
Vodacom Developer Roadshow (by: @JonHoehler)Vodacom Developer Roadshow (by: @JonHoehler)
Vodacom Developer Roadshow (by: @JonHoehler)
 
Sinsaiinfo4earthling
Sinsaiinfo4earthlingSinsaiinfo4earthling
Sinsaiinfo4earthling
 

Último

Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion pills in Kuwait Cytotec pills in Kuwait
 
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
CristineGraceAcuyan
 
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
eeanqy
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
saipriyacoool
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
awasv46j
 
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
eeanqy
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
ehyxf
 
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
eeanqy
 
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
gajnagarg
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
wpkuukw
 
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
HyderabadDolls
 

Último (20)

Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
 
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
 
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
 
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 
Essential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive GuideEssential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive Guide
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
 
How to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdfHow to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdf
 
BLOCK CHAIN PROJECT block chain project
BLOCK CHAIN  PROJECT block chain projectBLOCK CHAIN  PROJECT block chain project
BLOCK CHAIN PROJECT block chain project
 
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
 
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
 
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
 
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
 
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
 
Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxFurniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptx
 
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
 

5 Principles of Killer Mobile Apps: How to Think About Product Design for iOS