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.

Lessons From WolfWalk: Interface Design for Tablets

1,025 views

Published on

  • Be the first to comment

  • Be the first to like this

Lessons From WolfWalk: Interface Design for Tablets

  1. 1. Lessons from WolfWalk:Interface Design for Tablets Cory Lown NCSU Libraries edUi 2011 14 October
  2. 2. Outline•  WolfWalk overview•  First tablet design•  Tablets are different•  WolfWalk for iPad•  Tablets and the Web
  3. 3. Outline•  WolfWalk overview•  First tablet design•  Tablets are different•  WolfWalk for iPad•  Tablets and the Web
  4. 4. WolfWalk Concept Provide a user-friendly way for people to learn about the history of NC State, while exploring campus.
  5. 5. Albums from UA023.005 Campus Views and Facilities Sub-Group, NCSU Special Collections Research Center"
  6. 6. Jason Casden, lead developer for WolfWalk, at the NCSU Memorial Tower"
  7. 7. Jason Casden, lead developer for WolfWalk, at the NCSU Memorial Tower"
  8. 8. WolfWalk 1.0•  Released March 2010•  Location-aware•  Two flavors •  Mobile web •  Native iPhone/iPod Touch
  9. 9. WolfWalk 1.1•  Released June 2011•  Location-aware•  Three flavors •  Mobile web •  Native iPhone/iPod Touch •  Native iPad
  10. 10. WolfWalk 1.1•  Released June 2011•  Location-aware•  Three flavors •  Mobile web •  Native iPhone/iPod Touch •  Native iPad
  11. 11. Outline•  WolfWalk overview•  First tablet design•  Tablets are different•  WolfWalk for iPad•  Tablets and the Web
  12. 12. Conceptual approach An iPad is a big iPhone, right?
  13. 13. Conceptual approach, revised. An iPad is something else.
  14. 14. Outline•  WolfWalk overview•  First tablet design•  Tablets are different•  WolfWalk for iPad•  Tablets and the Web
  15. 15. Mail for iPhone/iPod
  16. 16. Mail for iPad
  17. 17. Apple Mail for iPad
  18. 18. Apple Mail for iPad•  Prioritize content
  19. 19. Apple Mail for iPad•  Prioritize content•  Flatten the hierarchy
  20. 20. Apple Mail for iPad•  Prioritize content•  Flatten the hierarchy•  Minimize full page transitions
  21. 21. Outline•  WolfWalk overview•  First tablet design•  Tablets are different•  WolfWalk for iPad•  Tablets and the Web
  22. 22. Details
  23. 23. Outline•  WolfWalk overview•  First tablet design•  Tablets are different•  WolfWalk for iPad•  Tablets and the Web
  24. 24. jQuery Mobile•  Touch optimized interface widgets at low cost•  Cross platform support•  Familiar HTML / JavaScript development
  25. 25. Thanks!Cory LownNCSU Librariescory_lown@ncsu.edu

×