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
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
SOUTHWEST AIRLINES IPHONE APP
                                        (JANUARY 2012)
JANUARY 9, 2012 - WWW.QUBOP.COM
EXPEDIA HOTELS IPHONE APP
                                       (JANUARY 2012)
JANUARY 9, 2012 - WWW.QUBOP.COM
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
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

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