SlideShare a Scribd company logo
1 of 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

More Related Content

Viewers also liked

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
 

Viewers also liked (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 to 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 to 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
 

Recently uploaded

一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理
cyebo
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
Jaime Brown
 
Presentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentationPresentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentation
ajroy0196
 
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
JIT KUMAR GUPTA
 

Recently uploaded (20)

The Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptxThe Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptx
 
FW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisFW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers Paris
 
Latest Trends in Home and Building Design
Latest Trends in Home and Building DesignLatest Trends in Home and Building Design
Latest Trends in Home and Building Design
 
And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)
 
Design Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM SpecialistDesign Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM Specialist
 
Bit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfolioBit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfolio
 
Week of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_HeadersWeek of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_Headers
 
Eric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-INEric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-IN
 
一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理
 
CADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdfCADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdf
 
Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
 
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
 
spColumn-Manual design column by spcolumn software.pdf
spColumn-Manual design column by spcolumn software.pdfspColumn-Manual design column by spcolumn software.pdf
spColumn-Manual design column by spcolumn software.pdf
 
BIT Khushi gandhi project.pdf graphic design
BIT Khushi gandhi project.pdf graphic designBIT Khushi gandhi project.pdf graphic design
BIT Khushi gandhi project.pdf graphic design
 
Presentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentationPresentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentation
 
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
 
iF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythreeiF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythree
 
The Journey of Fashion Designer Sketches - From Concept to Catwalk
The Journey of Fashion Designer Sketches - From Concept to CatwalkThe Journey of Fashion Designer Sketches - From Concept to Catwalk
The Journey of Fashion Designer Sketches - From Concept to Catwalk
 
Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..
 

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