Sensational iOS App Design: First Principles and New Trends for 2012

Qubop Inc.
Qubop Inc.CTO at Qubop Inc.
SENSATIONAL IOS APP DESIGN:

                                  FIRST PRINCIPLES AND
                                  NEW TRENDS FOR 2012


                      CHIA HWU & EVAN KIRCHHOFF, QUBOP INC.
                      IOS DEVELOPER MEETUP, JANUARY 9, 2012



JANUARY 9, 2012 - WWW.QUBOP.COM
HELLO!

                                    CHIA HWU, CEO
                                    CHIA@QUBOP.COM
                                    TWITTER: @CHIAH


                                    EVAN KIRCHHOFF, CTO
                                    EVAN@QUBOP.COM
                                    TWITTER: @THEEVANK



                                  WWW.QUBOP.COM
JANUARY 9, 2012 - WWW.QUBOP.COM
CUMULATIVE USERBASE, LATE 2011
 250M                                              250M


 200M                                              200M


  150M                                             150M


  100M                                             100M


  50M                                              50M



     2005 2006 2007 2008 2009 2010          2011      2005   2006   2007    2008   2009   2010   2011


                IOS (ALL)         ANDROID                     PS3          XBOX 360        WII

                                   (WORLDWIDE USERS IN MILLIONS)
JANUARY 9, 2012 - WWW.QUBOP.COM
THE ICON GRID (EARLY 2011)




      FACEBOOK                    LINKEDIN   YELP       SCVNGR



JANUARY 9, 2012 - WWW.QUBOP.COM
DEATH OF THE ICON GRID (LATE 2011)




            FACEBOOK              LINKEDIN         YELP

JANUARY 9, 2012 - WWW.QUBOP.COM
THE MOBILE APP USER LIFE CYCLE


               -38%                                 1 DAY



            -50%                                   1 WEEK



      -90%                                         6 MONTHS


JANUARY 9, 2012 - WWW.QUBOP.COM   SOURCE: FLURRY
1. FIRST PRINCIPLES
         2. CURRENT ISSUES
         3. NEW TRENDS
JANUARY 9, 2012 - WWW.QUBOP.COM
FIRST PRINCIPLES:



                  PIXELS MATTER


JANUARY 9, 2012 - WWW.QUBOP.COM
From http://stam-design-
stam.blogspot.com/2011/10/
ios-5.html
From http://stam-design-
stam.blogspot.com/2011/10/
ios-5.html
From http://stam-design-
stam.blogspot.com/2011/10/
ios-5.html
SQUARE (IOS)




JANUARY 9, 2012 - WWW.QUBOP.COM
Sensational iOS App Design: First Principles and New Trends for 2012
THINK OF APPLE AS YOUR INITIAL AUDIENCE.
APPLE VALUES BEAUTY OVER HUMAN INTERFACE GUIDELINE COMPLIANCE




              PULSE               NESS       BAND OF THE DAY

JANUARY 9, 2012 - WWW.QUBOP.COM
(THE GUIDELINES ADVISE AGAINST SPLASH SCREENS,
                   BUT APPLE DESIGN AWARD WINNERS USE THEM)




              PULSE                  NESS             BAND OF THE DAY

JANUARY 9, 2012 - WWW.QUBOP.COM
FIRST PRINCIPLES:


               GREAT DESIGN IS
                  INVISIBLE

JANUARY 9, 2012 - WWW.QUBOP.COM
CUSTOM UI THAT NOBODY NOTICED




                              (NOT THE NATIVE CAMERA INTERFACE)
JANUARY 9, 2012 - WWW.QUBOP.COM
FIRST PRINCIPLES:


          NEVER APOLOGIZE,
           NEVER EXPLAIN

JANUARY 9, 2012 - WWW.QUBOP.COM
ASSUME NOBODY READS ANYTHING
JANUARY 9, 2012 - WWW.QUBOP.COM
ASSUME NOBODY READS ANYTHING
JANUARY 9, 2012 - WWW.QUBOP.COM
(EXCEPT IN JAPAN)
JANUARY 9, 2012 - WWW.QUBOP.COM
FIRST PRINCIPLES:


                    MAKE CHOICES
                     FOR USERS

JANUARY 9, 2012 - WWW.QUBOP.COM
DO THE RIGHT THING
MOBIMILEAGE:
                         THE BATTLE FOR ZERO CONFIGURATION
JANUARY 9, 2012 - WWW.QUBOP.COM
NOT THE RIGHT THING:

                                    SET ACCURACY
                   LOW                                    HIGH


                                  NOTE: HIGHER ACCURACY
                                   REDUCES BATTERY LIFE




JANUARY 9, 2012 - WWW.QUBOP.COM
ALSO 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 THE DIFFERENT SHUTDOWN SCENARIOS)

JANUARY 9, 2012 - WWW.QUBOP.COM
FIRST PRINCIPLES:


               TRUST IS
          A FINITE RESOURCE

JANUARY 9, 2012 - WWW.QUBOP.COM
PATH (IOS)
            VERSION 1
           EARLY 2011




JANUARY 9, 2012 - WWW.QUBOP.COM
SCOOPLE
JANUARY 9, 2012 - WWW.QUBOP.COM
CURRENT ISSUES:


                    DON’T LEARN
                   FROM THE WEB

JANUARY 9, 2012 - WWW.QUBOP.COM
Sensational iOS App Design: First Principles and New Trends for 2012
SOUTHWEST AIRLINES IPHONE APP
                                        (JANUARY 2012)
JANUARY 9, 2012 - WWW.QUBOP.COM
Sensational iOS App Design: First Principles and New Trends for 2012
EXPEDIA HOTELS IPHONE APP
                                       (JANUARY 2012)
JANUARY 9, 2012 - WWW.QUBOP.COM
Sensational iOS App Design: First Principles and New Trends for 2012
AMAZON IPHONE APP
                                    (JANUARY 2012)
JANUARY 9, 2012 - WWW.QUBOP.COM
CURRENT ISSUES:


       COUNT YOUR CLICKS


JANUARY 9, 2012 - WWW.QUBOP.COM
HOW MANY CLICKS?




JANUARY 9, 2012 - WWW.QUBOP.COM
1


JANUARY 9, 2012 - WWW.QUBOP.COM
2


JANUARY 9, 2012 - WWW.QUBOP.COM
3


JANUARY 9, 2012 - WWW.QUBOP.COM
4,5,
                                  6,7

JANUARY 9, 2012 - WWW.QUBOP.COM
8


JANUARY 9, 2012 - WWW.QUBOP.COM
DON’T FORCE WORKFLOW ON MOBILE




JANUARY 9, 2012 - WWW.QUBOP.COM
JANUARY 9, 2012 - WWW.QUBOP.COM
CURRENT ISSUES:


             CROSS-PLATFORM
               CONSISTENCY

JANUARY 9, 2012 - WWW.QUBOP.COM
FOURSQUARE (IOS)     FOURSQUARE (ANDROID)

JANUARY 9, 2012 - WWW.QUBOP.COM
SQUARE (IOS)   SQUARE (ANDROID)
JANUARY 9, 2012 - WWW.QUBOP.COM
FACEBOOK (IOS)   FACEBOOK (ANDROID)
JANUARY 9, 2012 - WWW.QUBOP.COM
PATH VERSION 2 (IOS)    PATH VERSION 2 (ANDROID)

JANUARY 9, 2012 - WWW.QUBOP.COM
NEW TRENDS:


            5-TAB SOCIAL APP


JANUARY 9, 2012 - WWW.QUBOP.COM
THE 5-TAB SOCIAL APP WITH CENTER ICON




          INSTAGRAM               PATH (VERSION 1)   COLOR
JANUARY 9, 2012 - WWW.QUBOP.COM
HIPSTER             SOUNDTRACKING    FOODSPOTTING


                   THE CENTER TAB ANSWERS THE QUESTION,
                        “WHAT DO I DO WITH THIS APP?”
JANUARY 9, 2012 - WWW.QUBOP.COM
EVERNOTE             PINTEREST         PHOTOVINE


                   THE CENTER TAB ANSWERS THE QUESTION,
                        “WHAT DO I DO WITH THIS APP?”
JANUARY 9, 2012 - WWW.QUBOP.COM
SOCIALCAM             OINK              STAMPED


                   THE CENTER TAB ANSWERS THE QUESTION,
                        “WHAT DO I DO WITH THIS APP?”
JANUARY 9, 2012 - WWW.QUBOP.COM
FOURSQUARE (PREVIOUS)   FOURSQUARE (NOW)
JANUARY 9, 2012 - WWW.QUBOP.COM
NEW TRENDS:


                     DEATH OF THE
                       TAB BAR?

JANUARY 9, 2012 - WWW.QUBOP.COM
HIDDEN NAVIGATION: REPLACING TAB BARS




      FACEBOOK                    PATH V2   DOLPHIN   NEWS 360
                                            BROWSER

JANUARY 9, 2012 - WWW.QUBOP.COM
HIDDEN NAVIGATION: REPLACING TAB BARS




     SCOOPLE (JUNE 2011)              LINKEDIN

JANUARY 9, 2012 - WWW.QUBOP.COM
HIDDEN NAVIGATION: DON’T HIDE IT TOO MUCH




                                  DOLPHIN BROWSER
JANUARY 9, 2012 - WWW.QUBOP.COM
NEW TRENDS:


               USERS EXPECT
              PULL TO REFRESH

JANUARY 9, 2012 - WWW.QUBOP.COM
PULL TO REFRESH: A NON-APPLE CONVENTION




       TWITTER                    BOXCAR   FACEBOOK    SEESMIC
                                           MESSENGER



JANUARY 9, 2012 - WWW.QUBOP.COM
NEW TRENDS:


          SIDEWAYS SLIDERS


JANUARY 9, 2012 - WWW.QUBOP.COM
SIDEWAYS SLIDERS




              PULSE                     COLOR        GOWALLA (R.I.P.)

JANUARY 9, 2012 - WWW.QUBOP.COM
NEW TRENDS:


                         THE RISE
                       OF GESTURES

JANUARY 9, 2012 - WWW.QUBOP.COM
Sensational iOS App Design: First Principles and New Trends for 2012
DOLPHIN BROWSER

JANUARY 9, 2012 - WWW.QUBOP.COM
NEW TRENDS:


                    IPAD - IPHONE
                    CONVERGENCE

JANUARY 9, 2012 - WWW.QUBOP.COM
TRADITIONAL IPAD
            SPLIT-VIEW CONTROLLER
                  (APPLE MAIL)
JANUARY 9, 2012 - WWW.QUBOP.COM
HOW TO DESIGN FOR IPAD:


        DESIGN FOR IPHONE,
   ADD BREATHING ROOM

JANUARY 9, 2012 - WWW.QUBOP.COM
FACEBOOK
                                          (IPHONE)



                       FACEBOOK (IPAD)
JANUARY 9, 2012 - WWW.QUBOP.COM
FLIPBOARD (IPHONE)




                                  FLIPBOARD (IPAD)
JANUARY 9, 2012 - WWW.QUBOP.COM
THANKS!

                                    CHIA HWU, CEO
                                    CHIA@QUBOP.COM
                                    TWITTER: @CHIAH


                                    EVAN KIRCHHOFF, CTO
                                    EVAN@QUBOP.COM
                                    TWITTER: @THEEVANK



                                  WWW.QUBOP.COM
JANUARY 9, 2012 - WWW.QUBOP.COM
1 of 74

Recommended

Designing For Mobile - by Nikhil Deshpande by
Designing For Mobile - by Nikhil DeshpandeDesigning For Mobile - by Nikhil Deshpande
Designing For Mobile - by Nikhil DeshpandeSynerzip
39 views68 slides
Essential Mobile Design: Interface Principles and Best Practices for iOS, And... by
Essential Mobile Design: Interface Principles and Best Practices for iOS, And...Essential Mobile Design: Interface Principles and Best Practices for iOS, And...
Essential Mobile Design: Interface Principles and Best Practices for iOS, And...Qubop Inc.
4.9K views75 slides
21st century icon by
21st century icon21st century icon
21st century iconlauren0100
2.1K views24 slides
Steve jobs by
Steve jobsSteve jobs
Steve jobsdeepsanghavi1002
451 views4 slides
Internet Marketing Magazine 10-2012 by
Internet Marketing Magazine 10-2012Internet Marketing Magazine 10-2012
Internet Marketing Magazine 10-2012ISC Marketing Corporation
698 views34 slides
Apple inc by
Apple incApple inc
Apple incSPallavi1009
2.7K views17 slides

More Related Content

Viewers also liked

5 Principles of Killer Mobile Apps: How to Think About Product Design for iOS by
5 Principles of Killer Mobile Apps: How to Think About Product Design for iOS5 Principles of Killer Mobile Apps: How to Think About Product Design for iOS
5 Principles of Killer Mobile Apps: How to Think About Product Design for iOSQubop Inc.
1.8K views52 slides
Apps for good- Wire frames by
Apps for good- Wire framesApps for good- Wire frames
Apps for good- Wire framesstokesc
614 views7 slides
Survey of video sharing apps by
Survey of video sharing appsSurvey of video sharing apps
Survey of video sharing appsAadarsh Gupta
873 views46 slides
Mobile Apps -- From Idea to Execution by
Mobile Apps -- From Idea to ExecutionMobile Apps -- From Idea to Execution
Mobile Apps -- From Idea to Executionideatoipo
464 views67 slides
Startup lessons: Pitching and continuation (Åbo Akademi) by
Startup lessons: Pitching and continuation (Åbo Akademi)Startup lessons: Pitching and continuation (Åbo Akademi)
Startup lessons: Pitching and continuation (Åbo Akademi)Joni Salminen
1K views27 slides
Design of the Kontakios iOS app by
Design of the Kontakios iOS appDesign of the Kontakios iOS app
Design of the Kontakios iOS appJoey Rigor
733 views16 slides

Viewers also liked(19)

5 Principles of Killer Mobile Apps: How to Think About Product Design for iOS by Qubop Inc.
5 Principles of Killer Mobile Apps: How to Think About Product Design for iOS5 Principles of Killer Mobile Apps: How to Think About Product Design for iOS
5 Principles of Killer Mobile Apps: How to Think About Product Design for iOS
Qubop Inc.1.8K views
Apps for good- Wire frames by stokesc
Apps for good- Wire framesApps for good- Wire frames
Apps for good- Wire frames
stokesc614 views
Survey of video sharing apps by Aadarsh Gupta
Survey of video sharing appsSurvey of video sharing apps
Survey of video sharing apps
Aadarsh Gupta873 views
Mobile Apps -- From Idea to Execution by ideatoipo
Mobile Apps -- From Idea to ExecutionMobile Apps -- From Idea to Execution
Mobile Apps -- From Idea to Execution
ideatoipo464 views
Startup lessons: Pitching and continuation (Åbo Akademi) by Joni Salminen
Startup lessons: Pitching and continuation (Åbo Akademi)Startup lessons: Pitching and continuation (Åbo Akademi)
Startup lessons: Pitching and continuation (Åbo Akademi)
Joni Salminen1K views
Design of the Kontakios iOS app by Joey Rigor
Design of the Kontakios iOS appDesign of the Kontakios iOS app
Design of the Kontakios iOS app
Joey Rigor733 views
Training session - Pitching Your Startup or App to the Media by midem
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
midem862 views
Start a revolution... in your bedroom. by Ricardo Sousa
Start a revolution... in your bedroom. Start a revolution... in your bedroom.
Start a revolution... in your bedroom.
Ricardo Sousa17K views
Mobile Apps - Getting Your Idea Across by Guilherme Schmitt
Mobile Apps - Getting Your Idea AcrossMobile Apps - Getting Your Idea Across
Mobile Apps - Getting Your Idea Across
Guilherme Schmitt1.5K views
Mobile app ideas 2017 by Codiant
Mobile app ideas 2017Mobile app ideas 2017
Mobile app ideas 2017
Codiant1.1K views
VC, Funding & Pitching - Startup Talks June 2015 by Amazon Web Services
VC, Funding & Pitching - Startup Talks June 2015VC, Funding & Pitching - Startup Talks June 2015
VC, Funding & Pitching - Startup Talks June 2015
Amazon Web Services2.9K views
Mobile App Design course (iOS & Android) by 3sidedcube
Mobile App Design course (iOS & Android)Mobile App Design course (iOS & Android)
Mobile App Design course (iOS & Android)
3sidedcube3.4K views

Similar to Sensational iOS App Design: First Principles and New Trends for 2012

Android world by
Android world Android world
Android world aviral chaurasia
52 views17 slides
Andriod app by
Andriod appAndriod app
Andriod appDinesh199329
94 views20 slides
Create & Innovate by
Create & InnovateCreate & Innovate
Create & InnovateFolarin Osibodu
363 views46 slides
Hwu Chia - Trends in mobile health mHealth by
Hwu Chia - Trends in mobile health mHealthHwu Chia - Trends in mobile health mHealth
Hwu Chia - Trends in mobile health mHealthponencias_mihealth2012
814 views34 slides
System softwares by 09,39,27 by
System softwares by 09,39,27System softwares by 09,39,27
System softwares by 09,39,27Arsalan Qureshi
150 views44 slides
Verwerversdag presentatie mobile trends by
Verwerversdag presentatie mobile trendsVerwerversdag presentatie mobile trends
Verwerversdag presentatie mobile trendsVincent Everts
771 views194 slides

Similar to Sensational iOS App Design: First Principles and New Trends for 2012(8)

Verwerversdag presentatie mobile trends by Vincent Everts
Verwerversdag presentatie mobile trendsVerwerversdag presentatie mobile trends
Verwerversdag presentatie mobile trends
Vincent Everts771 views
Adnan khan's presentation on Steve jobs (apple company) by Adnan Khan
Adnan khan's presentation on Steve jobs (apple company)Adnan khan's presentation on Steve jobs (apple company)
Adnan khan's presentation on Steve jobs (apple company)
Adnan Khan4K views
EduWeb - Building a Responsive Website for the Presidential Debate by Jon Liu
EduWeb - Building a Responsive Website for the Presidential DebateEduWeb - Building a Responsive Website for the Presidential Debate
EduWeb - Building a Responsive Website for the Presidential Debate
Jon Liu437 views

Recently uploaded

Sudden Deafness Design Document by
Sudden Deafness Design DocumentSudden Deafness Design Document
Sudden Deafness Design Documentwyfangherman
51 views19 slides
Business X Design - People, Planet & Product by
Business X Design - People, Planet & ProductBusiness X Design - People, Planet & Product
Business X Design - People, Planet & ProductCyber-Duck
19 views42 slides
Essay 29.docx by
Essay 29.docxEssay 29.docx
Essay 29.docxOrlySiquihua
5 views1 slide
Using Experiential Design to Understand the Future of AI & Immersive Storytel... by
Using Experiential Design to Understand the Future of AI & Immersive Storytel...Using Experiential Design to Understand the Future of AI & Immersive Storytel...
Using Experiential Design to Understand the Future of AI & Immersive Storytel...Kent Bye
13 views114 slides
Anti -Parkinsonian Drugs-Medicinal Chemistry by
Anti -Parkinsonian Drugs-Medicinal ChemistryAnti -Parkinsonian Drugs-Medicinal Chemistry
Anti -Parkinsonian Drugs-Medicinal ChemistryNarminHamaaminHussen
20 views36 slides
217 Drive - All on upper.pptx by
217 Drive - All on upper.pptx217 Drive - All on upper.pptx
217 Drive - All on upper.pptxvidstor282
17 views7 slides

Recently uploaded(20)

Sudden Deafness Design Document by wyfangherman
Sudden Deafness Design DocumentSudden Deafness Design Document
Sudden Deafness Design Document
wyfangherman51 views
Business X Design - People, Planet & Product by Cyber-Duck
Business X Design - People, Planet & ProductBusiness X Design - People, Planet & Product
Business X Design - People, Planet & Product
Cyber-Duck19 views
Using Experiential Design to Understand the Future of AI & Immersive Storytel... by Kent Bye
Using Experiential Design to Understand the Future of AI & Immersive Storytel...Using Experiential Design to Understand the Future of AI & Immersive Storytel...
Using Experiential Design to Understand the Future of AI & Immersive Storytel...
Kent Bye13 views
217 Drive - All on upper.pptx by vidstor282
217 Drive - All on upper.pptx217 Drive - All on upper.pptx
217 Drive - All on upper.pptx
vidstor28217 views
Oregon Ducks 4 Spencer Webb Hoodie by brandshop1
Oregon Ducks 4 Spencer Webb HoodieOregon Ducks 4 Spencer Webb Hoodie
Oregon Ducks 4 Spencer Webb Hoodie
brandshop113 views
Canned Cocktail Flat Labels by nyhapedraza
Canned Cocktail Flat LabelsCanned Cocktail Flat Labels
Canned Cocktail Flat Labels
nyhapedraza7 views
DR Portfolio.pptx by robertsd2
DR Portfolio.pptxDR Portfolio.pptx
DR Portfolio.pptx
robertsd214 views
IEC 600068-2-39 ENVIROMENT TESTING COMBINED TEMPERATURE LOW HUMIDTY.pdf by NirmalanGanapathy1
IEC 600068-2-39 ENVIROMENT TESTING COMBINED TEMPERATURE LOW HUMIDTY.pdfIEC 600068-2-39 ENVIROMENT TESTING COMBINED TEMPERATURE LOW HUMIDTY.pdf
IEC 600068-2-39 ENVIROMENT TESTING COMBINED TEMPERATURE LOW HUMIDTY.pdf
The Report is Dead, Long Live the Report ! Communicating Usability Research F... by Centralis
The Report is Dead, Long Live the Report ! Communicating Usability Research F...The Report is Dead, Long Live the Report ! Communicating Usability Research F...
The Report is Dead, Long Live the Report ! Communicating Usability Research F...
Centralis6 views
StratPlanning Manual 220713.pdf by Lakewalk Media
StratPlanning Manual 220713.pdfStratPlanning Manual 220713.pdf
StratPlanning Manual 220713.pdf
Lakewalk Media19 views

Sensational iOS App Design: First Principles and New Trends for 2012