• Save
Sensational iOS App Design: First Principles and New Trends for 2012
Upcoming SlideShare
Loading in...5
×
 

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

on

  • 37,643 views

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 ...

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)

Statistics

Views

Total Views
37,643
Views on SlideShare
28,770
Embed Views
8,873

Actions

Likes
230
Downloads
0
Comments
4

47 Embeds 8,873

http://blog.funflow.ru 5276
http://qubop.com 1505
http://www.raketablog.ru 526
http://techmaster.vn 500
http://blog.mobtest.com 311
http://l.lj-toys.com 213
http://www.scoop.it 187
http://rg.qdbproject.net 86
http://11numara6yildiz.com 74
http://studysmart.martincollege.edu.au 27
https://twitter.com 24
http://us-w1.rockmelt.com 19
http://digipub.cc 16
http://freestyletesting.wordpress.com 10
http://a0.twimg.com 9
http://fig.ly 8
https://si0.twimg.com 7
http://www.onlydoo.com 7
http://www.emmobi.com 7
http://jira.global.sdl.corp 7
http://staging.qubop.com 6
http://wiki.bcmoney-mobiletv.com 6
http://posterous.com 6
http://www.facebook.com 4
http://feeds.feedburner.com 3
http://shanefontane.me 3
http://freenice.org 3
http://twitter.com 2
http://blog.naver.com 2
http://vyvojari.seznam.cz 2
http://www.linkedin.com 1
http://androidtwittertrendapp.jusst.us 1
http://www.twylah.com 1
http://studysmart.martin.edu.au 1
https://www.braincert.com 1
http://webcache.googleusercontent.com 1
http://mail.vasc.com.vn 1
http://space101.com 1
http://dichvu25h.com 1
http://vrindavijayan.blogspot.in 1
http://1.embed.urli.st 1
https://twimg0-a.akamaihd.net 1
http://bottlenose.com 1
http://www.kred.com 1
https://m.facebook.com&_=1356053938533 HTTP 1
https://m.facebook.com&_=1356053958374 HTTP 1
http://paper.li 1
More...

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • helpful!
    Are you sure you want to
    Your message goes here
    Processing…
  • Good learning...
    Are you sure you want to
    Your message goes here
    Processing…
  • iOS上的UI设计
    Are you sure you want to
    Your message goes here
    Processing…
  • It's great to see how mobile UI trends have developed over the past 5 years. i just hope people don't take these conventions as rules - there's still a lot of space to explore new ideas. I'd hate to see apps become too formulaic (5 tab menu systems seem to be taking over).
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

  • 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
  • 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
  • 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 SCVNGRJANUARY 9, 2012 - WWW.QUBOP.COM
  • DEATH OF THE ICON GRID (LATE 2011) FACEBOOK LINKEDIN YELPJANUARY 9, 2012 - WWW.QUBOP.COM
  • THE MOBILE APP USER LIFE CYCLE -38% 1 DAY -50% 1 WEEK -90% 6 MONTHSJANUARY 9, 2012 - WWW.QUBOP.COM SOURCE: FLURRY
  • 1. FIRST PRINCIPLES 2. CURRENT ISSUES 3. NEW TRENDSJANUARY 9, 2012 - WWW.QUBOP.COM
  • FIRST PRINCIPLES: PIXELS MATTERJANUARY 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 DAYJANUARY 9, 2012 - WWW.QUBOP.COM
  • (THE GUIDELINES ADVISE AGAINST SPLASH SCREENS, BUT APPLE DESIGN AWARD WINNERS USE THEM) PULSE NESS BAND OF THE DAYJANUARY 9, 2012 - WWW.QUBOP.COM
  • FIRST PRINCIPLES: GREAT DESIGN IS INVISIBLEJANUARY 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 EXPLAINJANUARY 9, 2012 - WWW.QUBOP.COM
  • ASSUME NOBODY READS ANYTHINGJANUARY 9, 2012 - WWW.QUBOP.COM
  • ASSUME NOBODY READS ANYTHINGJANUARY 9, 2012 - WWW.QUBOP.COM
  • (EXCEPT IN JAPAN)JANUARY 9, 2012 - WWW.QUBOP.COM
  • FIRST PRINCIPLES: MAKE CHOICES FOR USERSJANUARY 9, 2012 - WWW.QUBOP.COM
  • DO THE RIGHT THING
  • MOBIMILEAGE: THE BATTLE FOR ZERO CONFIGURATIONJANUARY 9, 2012 - WWW.QUBOP.COM
  • NOT THE RIGHT THING: SET ACCURACY LOW HIGH NOTE: HIGHER ACCURACY REDUCES BATTERY LIFEJANUARY 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 RESOURCEJANUARY 9, 2012 - WWW.QUBOP.COM
  • PATH (IOS) VERSION 1 EARLY 2011JANUARY 9, 2012 - WWW.QUBOP.COM
  • SCOOPLEJANUARY 9, 2012 - WWW.QUBOP.COM
  • CURRENT ISSUES: DON’T LEARN FROM THE WEBJANUARY 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 CLICKSJANUARY 9, 2012 - WWW.QUBOP.COM
  • HOW MANY CLICKS?JANUARY 9, 2012 - WWW.QUBOP.COM
  • 1JANUARY 9, 2012 - WWW.QUBOP.COM
  • 2JANUARY 9, 2012 - WWW.QUBOP.COM
  • 3JANUARY 9, 2012 - WWW.QUBOP.COM
  • 4,5, 6,7JANUARY 9, 2012 - WWW.QUBOP.COM
  • 8JANUARY 9, 2012 - WWW.QUBOP.COM
  • DON’T FORCE WORKFLOW ON MOBILEJANUARY 9, 2012 - WWW.QUBOP.COM
  • JANUARY 9, 2012 - WWW.QUBOP.COM
  • CURRENT ISSUES: CROSS-PLATFORM CONSISTENCYJANUARY 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 APPJANUARY 9, 2012 - WWW.QUBOP.COM
  • THE 5-TAB SOCIAL APP WITH CENTER ICON INSTAGRAM PATH (VERSION 1) COLORJANUARY 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 BROWSERJANUARY 9, 2012 - WWW.QUBOP.COM
  • HIDDEN NAVIGATION: REPLACING TAB BARS SCOOPLE (JUNE 2011) LINKEDINJANUARY 9, 2012 - WWW.QUBOP.COM
  • HIDDEN NAVIGATION: DON’T HIDE IT TOO MUCH DOLPHIN BROWSERJANUARY 9, 2012 - WWW.QUBOP.COM
  • NEW TRENDS: USERS EXPECT PULL TO REFRESHJANUARY 9, 2012 - WWW.QUBOP.COM
  • PULL TO REFRESH: A NON-APPLE CONVENTION TWITTER BOXCAR FACEBOOK SEESMIC MESSENGERJANUARY 9, 2012 - WWW.QUBOP.COM
  • NEW TRENDS: SIDEWAYS SLIDERSJANUARY 9, 2012 - WWW.QUBOP.COM
  • SIDEWAYS SLIDERS PULSE COLOR GOWALLA (R.I.P.)JANUARY 9, 2012 - WWW.QUBOP.COM
  • NEW TRENDS: THE RISE OF GESTURESJANUARY 9, 2012 - WWW.QUBOP.COM
  • DOLPHIN BROWSERJANUARY 9, 2012 - WWW.QUBOP.COM
  • NEW TRENDS: IPAD - IPHONE CONVERGENCEJANUARY 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 ROOMJANUARY 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.COMJANUARY 9, 2012 - WWW.QUBOP.COM