WindyCityGo Mobile Conference :: Pek Pongpaet – Designing for iPad

Pek Pongpaet is the VP of Technology and Product for SpotOn Inc. Pongpaet’s expertise ranges from product design and development, and martial arts. Prior to SpotOn, Pongpaet worked at Accenture Technology Labs in the research department coming up with next generation user interfaces. At Roundarch, a technology and strategy consulting firm, Pongpaet’s work included envisioning and designing the dashboard of the future for the Tesla Model S electric car.

Designing for iPad

  • He’s giving us a bunch of stats about the iPad.
  • It is a 3rd category device
  • Why develop for iPad it can just run iPhone apps right?
  • New design considerations for new type of device
    • More surface area – with iPhone you can only focus on one task at a time, but with iPad you can focus on two things at once
    • Less on the go, and more on the couch
    • Mostly a consumption device
  • Mockups
    • Photos is your friend
      • Lighting – lighting is better on your laptop than on the iPad
      • No more mouse – Goodbye hovers – mouse hovering over a link and something happens
        • No more tooltips
      • Direct Manipulation – Earlier version of my app had navigation buttons, but that didn’t make sense. With a book you should be able to page turn. New version includes page swipe.
        • Make it tactile – buttons should look like buttons, and things that aren’t button shouldn’t look like buttons.
      • Handle Different Orientations
        • In the web world you never had to turn the monitor
        • But with a tablet device you have to accommodate to turning
      • Eye candy
        • bland and functional – default chrome
        • hot & spicy – add physicality and heightened realism
          • Address Book app
          • Calendar app
        • Delight people with stunning graphics
        • The devil is in the details
      • Ergonomics
        • Pixel size – width of finger – don’t place objects too small and close together
        • Minimize fatigue – some buttons are impossible to reach without lifting hand
          • Move all controls to edges
          • Everything is within reach
    • Naming your app
      • short and sweet
      • long app names get cutoff on home screen
    • Icon design
      • complimentary to the name of the app
  • Wireframes, quick and dirty
    • Regular notebooks
    • Step 1: draw
    • Step 2: take picture
    • Step 3: enjoy (haha)
  • “Design is not just what it looks like and feels like. Design is how it works.” – Steve Jobs

Tags: , , , ,