Your SlideShare is downloading. ×
0
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Lessons From WolfWalk: Interface Design for Tablets
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Lessons From WolfWalk: Interface Design for Tablets

698

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
698
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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

×