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.

Elements of User Experience by Jesse James Garrett

26,529 views

Published on

Elements of User Experience by Jesse James Garrett. Lecture presented to the #MozNewsLab

Published in: Education

Elements of User Experience by Jesse James Garrett

  1. 1. Jesse James Garrett Adaptive Path
  2. 2. user experience design
  3. 3. the design of anythingwith human experience as an explicit outcome and human engagement as an explicit goal
  4. 4. every design tells a story
  5. 5. the product the user the world
  6. 6. Surface
  7. 7. Surface
  8. 8. Surface
  9. 9. Skeleton
  10. 10. Structure
  11. 11. Scope
  12. 12. Strategy
  13. 13. strategy
  14. 14. scopestrategy
  15. 15. structure scopestrategy
  16. 16. skeletonstructure scopestrategy
  17. 17. surfaceskeletonstructure scopestrategy
  18. 18. Concretesurfaceskeletonstructure scopestrategy Abstract
  19. 19. information technology
  20. 20. product as technology product as information
  21. 21. product as technology product as information
  22. 22. product as technology product as information ce rfa Sensory Design su on el e t Interface Design Navigation Designsk Information Design re t u Interaction Information ucstr Design Architecture e c o p Functional Content s Specifications Requirements e gy User Needs atstr Product Objectives
  23. 23. StrategyUser Needs: what theproduct must do for the product as technology product as information scopepeople who use it g y User Needs a te str Product ObjectivesProduct Objectives: what theproduct must do for thepeople who build it
  24. 24. StrategyUser Needs Not just what the product does, but how it does it: functional, emotional, psychological Always contextualProduct Objectives Objectives that don’t address users can’t generate loyalty Must be measurable to be effective
  25. 25. ScopeFunctional Specifications:application features the product as technology product as information structureproduct must include e c o p Functional Content s Specifications RequirementsContent Requirements: strategycontent elements theproduct must include
  26. 26. ScopeFunctional Specifications Enabled by technology, not dependent on itContent Requirements What do your users know, and what do they need to have explained? Speak their language
  27. 27. StructureInteraction Design: how theuser moves through and product as technology product as informationmakes sense of a task skeleton reu u c t Interaction InformationInformation Architecture: str Design Architecturehow the user moves through scopeand makes sense ofinformation
  28. 28. StructureInteraction Design Making interactions feel naturalInformation Architecture Information structures reflect our understanding of concepts and the world
  29. 29. SkeletonInformation Design:facilitates comprehensionof information product as technology product as information surfaceInterface Design: on el e t Interface Design Navigation Designfacilitates user input and sk Information Designsystem output structureNavigation Design:facilitates movementthrough the information
  30. 30. SkeletonInformation Design Clear communication through text, data, visualsInterface Design Interface elements must support interaction goalsNavigation Design Balancing simplicity of presentation with diversity of content
  31. 31. Surface product as technology product as informationSensory Design: how the c eproduct looks, feels, sounds rfa su Sensory Design(and sometimes smellsand tastes!) skeleton
  32. 32. SurfaceSensory Design Sensory choices reinforce or undermine other aspects of the design Senses engage emotions We tell stories in sensory terms
  33. 33. product as technology product as information ce rfa Sensory Design su on el e t Interface Design Navigation Designsk Information Design re t u Interaction Information ucstr Design Architecture e c o p Functional Content s Specifications Requirements e gy User Needs atstr Product Objectives
  34. 34. Staying alignedUnderstand emotional and psychological context ofuse to inspire passionate connectionsConnect feature and design choices with underlyinguser psychologyExpress your product’s personality, not justfunctionalityDefine the story that your product tells about itself,the user, and the world
  35. 35. Thanks!jjg.net/elements jjg.net/ia

×