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

41,890 views
40,968 views

Published on

Developing good mobile interfaces is hard, but there are key factors in UX/UI design that are common across today's top iOS apps. At the same time, prominent design patterns from early or mid-2011 have already evolved and tranformed. We'll give you a quick design checklist to think about as you're planning this year's iPhone or iPad apps.

(Presented at AOL Main Auditorium, Palo Alto, January 2012)

Published in: Design, Technology, Business
5 Comments
233 Likes
Statistics
Notes
No Downloads
Views
Total views
41,890
On SlideShare
0
From Embeds
0
Number of Embeds
9,543
Actions
Shares
0
Downloads
0
Comments
5
Likes
233
Embeds 0
No embeds

No notes for slide

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

  1. SENSATIONAL IOS APP DESIGN: FIRST PRINCIPLES AND NEW TRENDS FOR 2012 CHIA HWU & EVAN KIRCHHOFF, QUBOP INC. IOS DEVELOPER MEETUP, JANUARY 9, 2012JANUARY 9, 2012 - WWW.QUBOP.COM
  2. HELLO! CHIA HWU, CEO CHIA@QUBOP.COM TWITTER: @CHIAH EVAN KIRCHHOFF, CTO EVAN@QUBOP.COM TWITTER: @THEEVANK WWW.QUBOP.COMJANUARY 9, 2012 - WWW.QUBOP.COM
  3. 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
  4. THE ICON GRID (EARLY 2011) FACEBOOK LINKEDIN YELP SCVNGRJANUARY 9, 2012 - WWW.QUBOP.COM
  5. DEATH OF THE ICON GRID (LATE 2011) FACEBOOK LINKEDIN YELPJANUARY 9, 2012 - WWW.QUBOP.COM
  6. THE MOBILE APP USER LIFE CYCLE -38% 1 DAY -50% 1 WEEK -90% 6 MONTHSJANUARY 9, 2012 - WWW.QUBOP.COM SOURCE: FLURRY
  7. 1. FIRST PRINCIPLES 2. CURRENT ISSUES 3. NEW TRENDSJANUARY 9, 2012 - WWW.QUBOP.COM
  8. FIRST PRINCIPLES: PIXELS MATTERJANUARY 9, 2012 - WWW.QUBOP.COM
  9. From http://stam-design-stam.blogspot.com/2011/10/ios-5.html
  10. From http://stam-design-stam.blogspot.com/2011/10/ios-5.html
  11. From http://stam-design-stam.blogspot.com/2011/10/ios-5.html
  12. SQUARE (IOS)JANUARY 9, 2012 - WWW.QUBOP.COM
  13. THINK OF APPLE AS YOUR INITIAL AUDIENCE.
  14. APPLE VALUES BEAUTY OVER HUMAN INTERFACE GUIDELINE COMPLIANCE PULSE NESS BAND OF THE DAYJANUARY 9, 2012 - WWW.QUBOP.COM
  15. (THE GUIDELINES ADVISE AGAINST SPLASH SCREENS, BUT APPLE DESIGN AWARD WINNERS USE THEM) PULSE NESS BAND OF THE DAYJANUARY 9, 2012 - WWW.QUBOP.COM
  16. FIRST PRINCIPLES: GREAT DESIGN IS INVISIBLEJANUARY 9, 2012 - WWW.QUBOP.COM
  17. CUSTOM UI THAT NOBODY NOTICED (NOT THE NATIVE CAMERA INTERFACE)JANUARY 9, 2012 - WWW.QUBOP.COM
  18. FIRST PRINCIPLES: NEVER APOLOGIZE, NEVER EXPLAINJANUARY 9, 2012 - WWW.QUBOP.COM
  19. ASSUME NOBODY READS ANYTHINGJANUARY 9, 2012 - WWW.QUBOP.COM
  20. ASSUME NOBODY READS ANYTHINGJANUARY 9, 2012 - WWW.QUBOP.COM
  21. (EXCEPT IN JAPAN)JANUARY 9, 2012 - WWW.QUBOP.COM
  22. FIRST PRINCIPLES: MAKE CHOICES FOR USERSJANUARY 9, 2012 - WWW.QUBOP.COM
  23. DO THE RIGHT THING
  24. MOBIMILEAGE: THE BATTLE FOR ZERO CONFIGURATIONJANUARY 9, 2012 - WWW.QUBOP.COM
  25. NOT THE RIGHT THING: SET ACCURACY LOW HIGH NOTE: HIGHER ACCURACY REDUCES BATTERY LIFEJANUARY 9, 2012 - WWW.QUBOP.COM
  26. 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
  27. FIRST PRINCIPLES: TRUST IS A FINITE RESOURCEJANUARY 9, 2012 - WWW.QUBOP.COM
  28. PATH (IOS) VERSION 1 EARLY 2011JANUARY 9, 2012 - WWW.QUBOP.COM
  29. SCOOPLEJANUARY 9, 2012 - WWW.QUBOP.COM
  30. CURRENT ISSUES: DON’T LEARN FROM THE WEBJANUARY 9, 2012 - WWW.QUBOP.COM
  31. SOUTHWEST AIRLINES IPHONE APP (JANUARY 2012)JANUARY 9, 2012 - WWW.QUBOP.COM
  32. EXPEDIA HOTELS IPHONE APP (JANUARY 2012)JANUARY 9, 2012 - WWW.QUBOP.COM
  33. AMAZON IPHONE APP (JANUARY 2012)JANUARY 9, 2012 - WWW.QUBOP.COM
  34. CURRENT ISSUES: COUNT YOUR CLICKSJANUARY 9, 2012 - WWW.QUBOP.COM
  35. HOW MANY CLICKS?JANUARY 9, 2012 - WWW.QUBOP.COM
  36. 1JANUARY 9, 2012 - WWW.QUBOP.COM
  37. 2JANUARY 9, 2012 - WWW.QUBOP.COM
  38. 3JANUARY 9, 2012 - WWW.QUBOP.COM
  39. 4,5, 6,7JANUARY 9, 2012 - WWW.QUBOP.COM
  40. 8JANUARY 9, 2012 - WWW.QUBOP.COM
  41. DON’T FORCE WORKFLOW ON MOBILEJANUARY 9, 2012 - WWW.QUBOP.COM
  42. JANUARY 9, 2012 - WWW.QUBOP.COM
  43. CURRENT ISSUES: CROSS-PLATFORM CONSISTENCYJANUARY 9, 2012 - WWW.QUBOP.COM
  44. FOURSQUARE (IOS) FOURSQUARE (ANDROID)JANUARY 9, 2012 - WWW.QUBOP.COM
  45. SQUARE (IOS) SQUARE (ANDROID)JANUARY 9, 2012 - WWW.QUBOP.COM
  46. FACEBOOK (IOS) FACEBOOK (ANDROID)JANUARY 9, 2012 - WWW.QUBOP.COM
  47. PATH VERSION 2 (IOS) PATH VERSION 2 (ANDROID)JANUARY 9, 2012 - WWW.QUBOP.COM
  48. NEW TRENDS: 5-TAB SOCIAL APPJANUARY 9, 2012 - WWW.QUBOP.COM
  49. THE 5-TAB SOCIAL APP WITH CENTER ICON INSTAGRAM PATH (VERSION 1) COLORJANUARY 9, 2012 - WWW.QUBOP.COM
  50. HIPSTER SOUNDTRACKING FOODSPOTTING THE CENTER TAB ANSWERS THE QUESTION, “WHAT DO I DO WITH THIS APP?”JANUARY 9, 2012 - WWW.QUBOP.COM
  51. EVERNOTE PINTEREST PHOTOVINE THE CENTER TAB ANSWERS THE QUESTION, “WHAT DO I DO WITH THIS APP?”JANUARY 9, 2012 - WWW.QUBOP.COM
  52. SOCIALCAM OINK STAMPED THE CENTER TAB ANSWERS THE QUESTION, “WHAT DO I DO WITH THIS APP?”JANUARY 9, 2012 - WWW.QUBOP.COM
  53. FOURSQUARE (PREVIOUS) FOURSQUARE (NOW)JANUARY 9, 2012 - WWW.QUBOP.COM
  54. NEW TRENDS: DEATH OF THE TAB BAR?JANUARY 9, 2012 - WWW.QUBOP.COM
  55. HIDDEN NAVIGATION: REPLACING TAB BARS FACEBOOK PATH V2 DOLPHIN NEWS 360 BROWSERJANUARY 9, 2012 - WWW.QUBOP.COM
  56. HIDDEN NAVIGATION: REPLACING TAB BARS SCOOPLE (JUNE 2011) LINKEDINJANUARY 9, 2012 - WWW.QUBOP.COM
  57. HIDDEN NAVIGATION: DON’T HIDE IT TOO MUCH DOLPHIN BROWSERJANUARY 9, 2012 - WWW.QUBOP.COM
  58. NEW TRENDS: USERS EXPECT PULL TO REFRESHJANUARY 9, 2012 - WWW.QUBOP.COM
  59. PULL TO REFRESH: A NON-APPLE CONVENTION TWITTER BOXCAR FACEBOOK SEESMIC MESSENGERJANUARY 9, 2012 - WWW.QUBOP.COM
  60. NEW TRENDS: SIDEWAYS SLIDERSJANUARY 9, 2012 - WWW.QUBOP.COM
  61. SIDEWAYS SLIDERS PULSE COLOR GOWALLA (R.I.P.)JANUARY 9, 2012 - WWW.QUBOP.COM
  62. NEW TRENDS: THE RISE OF GESTURESJANUARY 9, 2012 - WWW.QUBOP.COM
  63. DOLPHIN BROWSERJANUARY 9, 2012 - WWW.QUBOP.COM
  64. NEW TRENDS: IPAD - IPHONE CONVERGENCEJANUARY 9, 2012 - WWW.QUBOP.COM
  65. TRADITIONAL IPAD SPLIT-VIEW CONTROLLER (APPLE MAIL)JANUARY 9, 2012 - WWW.QUBOP.COM
  66. HOW TO DESIGN FOR IPAD: DESIGN FOR IPHONE, ADD BREATHING ROOMJANUARY 9, 2012 - WWW.QUBOP.COM
  67. FACEBOOK (IPHONE) FACEBOOK (IPAD)JANUARY 9, 2012 - WWW.QUBOP.COM
  68. FLIPBOARD (IPHONE) FLIPBOARD (IPAD)JANUARY 9, 2012 - WWW.QUBOP.COM
  69. THANKS! CHIA HWU, CEO CHIA@QUBOP.COM TWITTER: @CHIAH EVAN KIRCHHOFF, CTO EVAN@QUBOP.COM TWITTER: @THEEVANK WWW.QUBOP.COMJANUARY 9, 2012 - WWW.QUBOP.COM

×