From the 2013 Renaissance.io developer conference -- an overview of the past 2 years of iOS app design, and a look ahead at the trends for mobile design in 2013.
1. THE IOS USER EXPERIENCE:
NEW TRENDS FOR 2013
RENAISSANCE.IO
SAN FRANCISCO
JANUARY 23, 2013
JAN 23, 2013 - WWW.QUBOP.COM
2. HELLO!
CHIA HWU, CEO
CHIA@QUBOP.COM
TWITTER: @CHIAH
WWW.QUBOP.COM
TWITTER: @QUBOPINC
JAN 23, 2013 - WWW.QUBOP.COM
3. QUBOP: OVER 10 YEARS OF MOBILE EXPERIENCE
HAVE SHIPPED APPS FOR IOS, ANDROID, NOOK,
KINDLE & WINDOWS PHONE
APPS FEATURED BY APPLE IN USA, CANADA
& JAPAN APP STORES
CLIENTS RANGE FROM STARTUPS TO FORTUNE 500
OCT 23, 2012 - WWW.QUBOP.COM
4. PRIMARY NAVIGATION
2007: 2011: 2012:
TAB BAR ICON GRID HIDDEN SIDE MENU
JAN 23, 2013 - WWW.QUBOP.COM
5. 2013: HIDDEN SIDE MENUS ARE WINNING
FACEBOOK PATH NATIONAL PARKS YAHOO
YOUTUBE GOOGLE PLUS HIGHLIGHT LEMON
STANDARD IOS TAB BARS NOW SEEN AS OLD-FASHIONED
JAN 23, 2013 - WWW.QUBOP.COM
6. OVERLOADED SUB-NAVIGATION
SIDEWAYS
SLIDING PANEL
MAIN
NAVIGATION
LAUNCHES
TRANSPARENT
OVERLAY
FROM BOTTOM
SIDEWAYS
SLIDING PANEL
SIDEWAYS
DRILL-DOWN
SECONDARY
NAVIGATION
DRILL DOWN
PATH (LATEST VERSION) NATIONAL PARKS
JAN 23, 2013 - WWW.QUBOP.COM
7. PRIMARY NAVIGATION:
BEYOND THE SLIDING SIDE MENU
CLEAR
JAN 23, 2013 - WWW.QUBOP.COM
8. PRIMARY NAVIGATION:
BEYOND THE SLIDING SIDE MENU
EVERNOTE
EVERNOTE (IPAD)
(IPHONE)
JAN 23, 2013 - WWW.QUBOP.COM
9. PULL TO REFRESH:
A NON-APPLE CONVENTION (SINCE 2010)
TWITTER BOXCAR MESSENGER SEISMIC
JAN 23, 2013 - WWW.QUBOP.COM
13. ELIMINATION OF GRADIENTS, 3D ELEMENTS
AND SKEUOMORPHISM
TWITTERRIFIC GOOGLE PLUS LETTERPRESS FIGURE
JAN 23, 2013 - WWW.QUBOP.COM
14. UI DESIGN BASED ON PRINT DESIGN
LINKEDIN (IPAD)
FLIPBOARD (IPAD)
JAN 23, 2013 - WWW.QUBOP.COM
15. DESIGN INFLUENCES FROM
WINDOWS “METRO” & ANDROID
ANDROID 4.2
WINDOWS PHONE 8
JAN 23, 2013 - WWW.QUBOP.COM
16. TRACK 8 (IPHONE)
TRACK 8 (IPAD)
AN IOS APP IN METRO STYLE
JAN 23, 2013 - WWW.QUBOP.COM
17. ...ALTHOUGH APPLE RESISTS THESE TRENDS
GOOGLE MAPS APPLE MAPS FIND MY FRIENDS
(ANDROID) (IOS) (IOS)
JAN 23, 2013 - WWW.QUBOP.COM
18. GESTURES: STILL HARD TO DISCOVER
CALVETICA SOLAR
GESTURE-BASED APPS RELY ON TUTORIALS AND DOCUMENTATION
JAN 23, 2013 - WWW.QUBOP.COM
19. CUSTOM GRAPHICAL AND ANIMATED UI
“+” ROTATES POSTING ICONS BOUNCE OUT
TO BECOME “X” IN ANIMATED WAVE
PATH v2 (2011)
JAN 23, 2013 - WWW.QUBOP.COM
20. CUSTOM UI FOR DATA VISUALIZATION
DARK SKY (IPHONE)
DARK SKY (IPAD)
JAN 23, 2013 - WWW.QUBOP.COM
21. REINVENTION OF STANDARD UI ELEMENTS
TWITTERIFFIC (IPHONE)
TWITTERIFFIC (IPAD)
JAN 23, 2013 - WWW.QUBOP.COM