Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

SXSW: iPad Design Headaches (Take Two Tablets and Call Me in the Morning)


Published on

The iPad and its entourage of Android tablets have introduced a new style of computing, confronting designers with unfamiliar aches and pains. Learn the symptoms (and fixes) for a range of new-to-the-world iPad interface ailments, including Greedy Pixel Syndrome, the dreaded Frankeninterface, and the "I Can't Believe It's Not Butter" bait and switch. Explore practical techniques and eye-opening gotchas of tablet interface design, all grounded in the ergonomics, context, psychology, and nascent culture of these new devices (both iOS and Android). The presentation inoculates you against common problems with close-up looks at successful iPad apps from early sketches to final design. Genial bedside manner is administered by Josh Clark, author of the O'Reilly books "Tapworthy: Designing Great iPhone Apps" and "Best iPhone Apps: A Guide for Discriminating Downloaders."

Published in: Business, Technology
  • Yeah, sorry for that. Slideshare seems to have real trouble processing speaker notes. Annoying, I know. Hopefully you can manage to sort out what belongs where.
    Are you sure you want to  Yes  No
    Your message goes here
  • Hi - very much enjoying this, although the slides and notes get out of sync around slide 58/59 I think?
    Are you sure you want to  Yes  No
    Your message goes here
  • UPDATE: The outline of my talk is now available in speaker notes. Click the 'Speaker Notes on Slide ##' tab at the top of comments to see them.

    Thanks and enjoy,
    Are you sure you want to  Yes  No
    Your message goes here
  • The slides don't have much text on them, but I added an outline of my comments in the speaker notes. Normally slideshare includes these notes as a tab above the comments. It seems that something went awry with the conversion, and they aren't showing up. I've asked for help with this, and I expect the notes should appear shortly.

    In the meantime, you can also download the original Keynote document (click the Download button above the slideshow) to see the speaker notes there.

    Thanks to all who came to the talk!
    Are you sure you want to  Yes  No
    Your message goes here

SXSW: iPad Design Headaches (Take Two Tablets and Call Me in the Morning)

  1. 1. iPad Design Headaches TAKE TWO TABLETS, CALL ME IN THE MORNING Josh Clark @globalmoxie Photo: aldoaldoz on flickr
  2. 2. #winning
  3. 3. #tigerblood
  4. 4. IPAD DESIGN MALADIES• Greedy pixel syndrome•Media hypertrophy•The frankeninterface•Popover pox•iPad elbow
  5. 5. IPAD HEALTH CHECKLow resting heart rate
  6. 6. IPAD DESIGN MALADYGreedy pixel syndrome
  7. 7. THE PRESCRIPTION• Big chunky elements• Generous space• Clarity trumps density• Tap quality trumps tap quantity
  8. 8. IPAD DESIGN MALADYMedia hypertrophy
  9. 9. IPAD DESIGN MALADYMedia overkill
  10. 10. Two weeks beforethe announcement…
  11. 11. A word about page flips
  12. 12. Familiarity & intimacy invite touch
  13. 13. THE PRESCRIPTION• Feature content, not interface•Honor overall brand identity•Old and tested ≠ old fashioned•Ask: Is different actually better?
  14. 14. IPAD DESIGN MALADYThe frankeninterface
  15. 15. The tablet is theawesome bastard child of many parents.
  16. 16. THE PRESCRIPTION• Avoid mixed metaphors• Love the one you’re with• Provide touch cues and hints•Don’t abandon digital advantages
  17. 17. IPAD DESIGN MALADYMalady: Popover Pox
  18. 18. THE PRESCRIPTION• Use popovers to act on content• Use popovers for quick peeks• Avoid popovers for exploration and navigation
  19. 19. IPAD DESIGN MALADYiPad Elbow
  20. 20. I hate the iPad’s backbutton with the heat of a million suns.
  21. 21. Buttons are a hack.
  22. 22. The medium is the message
  23. 23. The message is the medium
  24. 24. THE PRESCRIPTION• Seek alternatives to buttons• Embrace big gestures• Let controls drift to corners• Avoid controls at top middle
  25. 25. A PLEAExplore multitouch gestures
  26. 26. Two hands
  27. 27. Uzu
  28. 28. Uzu video
  29. 29. Uzu
  30. 30. Share
  31. 31. THE PRESCRIPTION• Gestures = keyboard shortcuts• Embrace multitouch for modes• Play• Experiment, talk, share
  32. 32. Exciting!
  33. 33. I love you guys. @globalmoxie