Elements of User Experience by Jesse James Garrett

22,515 views

Published on

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

Published in: Education
2 Comments
142 Likes
Statistics
Notes
No Downloads
Views
Total views
22,515
On SlideShare
0
From Embeds
0
Number of Embeds
1,173
Actions
Shares
0
Downloads
0
Comments
2
Likes
142
Embeds 0
No embeds

No notes for slide

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

×