P R ES EN T E D BY            @K ENYA RMO S H             F OU ND ER A ND CH IE F D OE R             HT T P :// SA V VY A ...
WHY?
PROBLEM #1iPAD’S (&TABLETS)ARE RELATIVELY NEW.
NO SCORE AND ~2 YEARS AGO
PROBLEM #2iPAD APPS ARE DESIGNEDWITH A “HISTORICAL”MINDSET.
TRADITIONAL
SOMEWHAT RECENT
MORE RECENT
NEED TO “THINK iPAD”
BUT WHAT  ABOUTTHE OTHERTABLETS?
THE TABLET THAT COULD                             iPad Units   All Other 30 25 20 15 10         25  5                     ...
ALSO IMPACTING HARDWARE...
...AND SOFTWARE
MOVING FORWARD •   THE iPAD MINDSET •   iPAD NO NO’S &     HOW TO DO BETTER
SO...WHAT MAKES  USING THE       iPAD “SPECIAL”?
NOT A BIG iPHONE
A LESSON FROM THE LATE MR. JOBS
THE iPAD MINDSET     POSTURE & POSITION
THE iPAD MINDSET    HANDLING & GESTURES
THE iPAD MINDSET   PORTRAIT & LANDSCAPE
DON’T DO THIS... SEVEN iPAD FO PA’S
DON’T DO THIS...SEVEN iPAD FAUX PAS[DON’T MAKE JONY UPSET]
7. NON-SPLASHY SPLASH SCREEN
DO: COMMUNICATE BRAND OR UI
6. ORIENTATION, FOR ONE
DO: DESIGN FOR BOTH ORIENTATIONS
DO: DESIGN FOR BOTH ORIENTATIONS
5. UNINTUITIVE GESTURES
DO: KEEP GESTURES CONSISTENT
4. SPLIT (HEADACHE) VIEWS
DO: MASTER INFORMS DETAIL PANE
3. OVERUSED HEIGHTENED REALISM
DO: SEPARATE UI FROM DESIGN
2. A TAB WALKED INTO A BAR
MORE RECENT          TAB BAR CITY
MORE RECENT          TAB BAR CITY
DO: LET CONTENT DRIVE NAVIGATION
SIDEBAR: TABS GENERALLY PASSÉ
1. UI CONTROL-A-PALOOZA
RECAP
DON’T DO THIS...
RECAP - “THINK iPAD” - DESIGN FOR TWO ORIENTATIONS - CONSISTENT GESTURES - LET CONTENT DRIVE NAVIGATION AVOID - WRONG SPLI...
IMAGE CREDITS          Impacting software - http://castleawesome.blogspot.com/2011/07/mac-news-osx-lion-release-date-and.h...
WANT TO WORK W/GOOD UX & DESIGN?        HTTP://SAVVYAPPS.COM/
Upcoming SlideShare
Loading in...5
×

Your iPad App Makes Me Cry

35,200

Published on

Since the iPad hit the market, it has fundamentally redefined the word "computer." But those building apps for it still are either stuck in a smartphone or a desktop world, failing to "think iPad." Whether you're a decision maker, designer, developer, marketer, or just an iPad fan, you need to learn how to avoid common pitfalls when creating applications for this amazingly successful device.

2 Comments
24 Likes
Statistics
Notes
  • Sleek presentation design! Intelligently categorized information!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Great presentation Ken, bringing up a lot of valid points. I think we are still very much in a period of discovery when it comes to understanding the best interaction forms with tablets. There is a lot of bad UI out there and some good ones, but, like with the advent of the s(l)idebar, there are still many new forms to be uncovered.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
35,200
On Slideshare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
0
Comments
2
Likes
24
Embeds 0
No embeds

No notes for slide

Your iPad App Makes Me Cry

  1. 1. P R ES EN T E D BY @K ENYA RMO S H F OU ND ER A ND CH IE F D OE R HT T P :// SA V VY A P P S .C OMYOUR iPAD APP MAKES ME CRY
  2. 2. WHY?
  3. 3. PROBLEM #1iPAD’S (&TABLETS)ARE RELATIVELY NEW.
  4. 4. NO SCORE AND ~2 YEARS AGO
  5. 5. PROBLEM #2iPAD APPS ARE DESIGNEDWITH A “HISTORICAL”MINDSET.
  6. 6. TRADITIONAL
  7. 7. SOMEWHAT RECENT
  8. 8. MORE RECENT
  9. 9. NEED TO “THINK iPAD”
  10. 10. BUT WHAT ABOUTTHE OTHERTABLETS?
  11. 11. THE TABLET THAT COULD iPad Units All Other 30 25 20 15 10 25 5 3 0 Units (in M)
  12. 12. ALSO IMPACTING HARDWARE...
  13. 13. ...AND SOFTWARE
  14. 14. MOVING FORWARD • THE iPAD MINDSET • iPAD NO NO’S & HOW TO DO BETTER
  15. 15. SO...WHAT MAKES USING THE iPAD “SPECIAL”?
  16. 16. NOT A BIG iPHONE
  17. 17. A LESSON FROM THE LATE MR. JOBS
  18. 18. THE iPAD MINDSET POSTURE & POSITION
  19. 19. THE iPAD MINDSET HANDLING & GESTURES
  20. 20. THE iPAD MINDSET PORTRAIT & LANDSCAPE
  21. 21. DON’T DO THIS... SEVEN iPAD FO PA’S
  22. 22. DON’T DO THIS...SEVEN iPAD FAUX PAS[DON’T MAKE JONY UPSET]
  23. 23. 7. NON-SPLASHY SPLASH SCREEN
  24. 24. DO: COMMUNICATE BRAND OR UI
  25. 25. 6. ORIENTATION, FOR ONE
  26. 26. DO: DESIGN FOR BOTH ORIENTATIONS
  27. 27. DO: DESIGN FOR BOTH ORIENTATIONS
  28. 28. 5. UNINTUITIVE GESTURES
  29. 29. DO: KEEP GESTURES CONSISTENT
  30. 30. 4. SPLIT (HEADACHE) VIEWS
  31. 31. DO: MASTER INFORMS DETAIL PANE
  32. 32. 3. OVERUSED HEIGHTENED REALISM
  33. 33. DO: SEPARATE UI FROM DESIGN
  34. 34. 2. A TAB WALKED INTO A BAR
  35. 35. MORE RECENT TAB BAR CITY
  36. 36. MORE RECENT TAB BAR CITY
  37. 37. DO: LET CONTENT DRIVE NAVIGATION
  38. 38. SIDEBAR: TABS GENERALLY PASSÉ
  39. 39. 1. UI CONTROL-A-PALOOZA
  40. 40. RECAP
  41. 41. DON’T DO THIS...
  42. 42. RECAP - “THINK iPAD” - DESIGN FOR TWO ORIENTATIONS - CONSISTENT GESTURES - LET CONTENT DRIVE NAVIGATION AVOID - WRONG SPLIT VIEWS - USING TAB BARS - REALISM TAKEN TOO FAR
  43. 43. IMAGE CREDITS Impacting software - http://castleawesome.blogspot.com/2011/07/mac-news-osx-lion-release-date-and.html Not a big iPhone - http://blogs.pstcc.edu/drbrown/2010/03/29/triumph-of-the-phone-phreaks/Isn’t that special? - http://4.bp.blogspot.com/_xvS1-DNFKPg/SmwC1YSIaOI/AAAAAAAADgw/9POLOiCSAfk/s400/nickchurch.jpg Thinking iPad - http://www.toptechreviews.net/wp-content/uploads/2011/08/apple-ipad-3.jpg
  44. 44. WANT TO WORK W/GOOD UX & DESIGN? HTTP://SAVVYAPPS.COM/

×