Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.
Lessons from WolfWalk:Interface Design for Tablets                          Cory Lown                       NCSU Libraries...
Outline•    WolfWalk overview•    First tablet design•    Tablets are different•    WolfWalk for iPad•    Tablets and the ...
Outline•    WolfWalk overview•    First tablet design•    Tablets are different•    WolfWalk for iPad•    Tablets and the ...
WolfWalk Concept   Provide a user-friendly way for     people to learn about the        history of NC State,      while ex...
Albums from UA023.005 Campus Views and Facilities Sub-Group, NCSU Special Collections Research Center"
Jason Casden, lead developer for WolfWalk, at the NCSU Memorial Tower"
Jason Casden, lead developer for WolfWalk, at the NCSU Memorial Tower"
WolfWalk 1.0•  Released March 2010•  Location-aware•  Two flavors  •  Mobile web  •  Native iPhone/iPod Touch
WolfWalk 1.1•  Released June 2011•  Location-aware•  Three flavors  •  Mobile web  •  Native iPhone/iPod Touch  •  Native ...
WolfWalk 1.1•  Released June 2011•  Location-aware•  Three flavors  •  Mobile web  •  Native iPhone/iPod Touch  •  Native ...
Outline•    WolfWalk overview•    First tablet design•    Tablets are different•    WolfWalk for iPad•    Tablets and the ...
Conceptual approach   An iPad is a big iPhone, right?
Conceptual approach, revised.    An iPad is something else.
Outline•    WolfWalk overview•    First tablet design•    Tablets are different•    WolfWalk for iPad•    Tablets and the ...
Mail for iPhone/iPod
Mail for iPad
Apple Mail for iPad
Apple Mail for iPad•  Prioritize content
Apple Mail for iPad•  Prioritize content•  Flatten the hierarchy
Apple Mail for iPad•  Prioritize content•  Flatten the hierarchy•  Minimize full page transitions
Outline•    WolfWalk overview•    First tablet design•    Tablets are different•    WolfWalk for iPad•    Tablets and the ...
Details
Outline•    WolfWalk overview•    First tablet design•    Tablets are different•    WolfWalk for iPad•    Tablets and the ...
jQuery Mobile•  Touch optimized interface   widgets at low cost•  Cross platform support•  Familiar HTML /   JavaScript de...
Thanks!Cory LownNCSU Librariescory_lown@ncsu.edu
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
Próxima SlideShare
Cargando en…5
×

Lessons From WolfWalk: Interface Design for Tablets

1.002 visualizaciones

Publicado el

  • Sé el primero en comentar

  • Sé el primero en recomendar esto

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

×