Lessons From WolfWalk: Interface Design for Tablets

985 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
985
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

×