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.

The Life-changing Magic of OOUX Tidying Up

271 views

Published on

In this talk, I delivered a crash course in Object-Oriented UX, helping to simplify our process and our products We learned to ask and answer the following foundational questions:

What are the objects in our users’ world?
What’s the structure of these objects?
How do they connect?
How do they relate to the user?

By baking these answers into the bones of our information architecture, we’ll gain glorious clarity on what we are actually designing. We will also be better equipped to avoid the four biggest UX fails: masked objects, shape-shifting objects, broken objects, and isolated objects.

(PS - Marie Kondo lawyers, please do come after me for leveraging her image and concepts! I'm a fan! I love Marie! I store everything vertically!)

Published in: Design
  • Be the first to comment

  • Be the first to like this

The Life-changing Magic of OOUX Tidying Up

  1. 1. @sophiavux DECLUTTER YOUR USER EXPERIENCE The life-changing magic of object-oriented UX: bring zen to your process and your product
  2. 2. When they touch it…Does it spark joy for your user?
  3. 3. When they touch it…Does it spark joy for your user? Uhhh,does your user…even know what it is? Can they touch it? Are they scared to touch it????
  4. 4. @sophiavux
  5. 5. @sophiavux THE MORE MOVING PARTS, THE MORE LIKELY IT IS TO…
  6. 6. @sophiavux THE MORE MOVING PARTS, THE MORE LIKELY IT IS TO… BREAK
  7. 7. @sophiavux
  8. 8. @sophiavux Simplify your design by reducing the moving parts Iterate on fidelity,not chunks of functionality Prioritize prioritization THE SIMPLICITY IMPERATIVE
  9. 9. @sophiavux Simplify your design by reducing the moving parts Iterate on fidelity,not chunks of functionality Prioritize prioritization THE SIMPLICITY IMPERATIVE
  10. 10. @sophiavux Simplify your design by reducing the moving parts Iterate on fidelity,not chunks of functionality Prioritize prioritization THE SIMPLICITY IMPERATIVE tidying up
  11. 11. @sophiavux SOPHIA V PRATER I’m a UX designer,UX coach,OOUX chief evangelist. HQ: Atlanta!
  12. 12. @sophiavux SOPHIA V PRATER I’m a UX designer,UX coach,OOUX chief evangelist. HQ: Atlanta!
  13. 13. @sophiavux SOPHIA V PRATER I’m a UX designer,UX coach,OOUX chief evangelist. HQ: Atlanta!
  14. 14. @sophiavux SOPHIA V PRATER I’m a UX designer,UX coach,OOUX chief evangelist. HQ: Atlanta!
  15. 15. @sophiavux SOPHIA V PRATER I’m a UX designer,UX coach,OOUX chief evangelist. HQ: Atlanta!
  16. 16. @sophiavux SOPHIA V PRATER I’m a UX designer,UX coach,OOUX chief evangelist. HQ: Atlanta!
  17. 17. @sophiavux SOPHIA V PRATER I’m a UX designer,UX coach,OOUX chief evangelist. HQ: Atlanta!
  18. 18. @sophiavux SOPHIA V PRATER I’m a UX designer,UX coach,OOUX chief evangelist. HQ: Atlanta!
  19. 19. EVERYTHING SHOULD BE MADE AS SIMPLE AS POSSIBLE, BUT NOT SIMPLER.
  20. 20. @sophiavux OBJECT-ORIENTED UX The practice of aligning your software to your user’s real-world mental model of concrete,defined objects.
  21. 21. @sophiavux OBJECT-ORIENTED UX The practice of aligning your software to your user’s real-world mental model of concrete,defined objects. The path to elegant,intuitive,decluttered,simplicity.
  22. 22. Simplify by tidying up your modules,components,and design elements.
  23. 23. Simplify by tidying up your modules,components,and design elements. BUT HOW?
  24. 24. Simplify by tidying up your modules,components,and design elements. Root all these bits in REAL-WORLD OBJECTS. BUT HOW?
  25. 25. @sophiavux WHAT ARE THE OBJECTS IN THE USER’S MENTAL MODEL? WHAT IS THEIR STRUCTURE? THEIR COMPOSITION? WHAT ARE THEIR RELATIONSHIPS TO EACH OTHER? WHAT ARE THEIR RELATIONSHIPS TO THE USER? We,the OOUXers, answer these questions before designing a single screen:
  26. 26. Shape Shifter Objects Masked Objects Broken
 Objects Isolated Objects
  27. 27. WITHOUT OOUX, YOU ARE IN DANGEROUS TERRITORY! Shape Shifter Objects Masked Objects Broken
 Objects Isolated Objects
  28. 28. Shape Shifter Objects
  29. 29. @sophiavux
  30. 30. @sophiavux DATE/TIME MY STATUS LOCATION AGENDA GROUP HOST MEMBERS GOING TITLE
  31. 31. @sophiavux DATE/TIME MY STATUS LOCATION AGENDA GROUP HOST MEMBERS GOING TITLE
  32. 32. @sophiavux DATE/TIME MY STATUS LOCATION AGENDA GROUP HOST MEMBERS GOING TITLE
  33. 33. @sophiavux DATE/TIME MY STATUS LOCATION AGENDA GROUP HOST MEMBERS GOING TITLE
  34. 34. Google Docs Google Drive
  35. 35. in Buy-it-Again cart sidebar in Buy-it-Again menu flyout in Cart preview in Wishlist in Search results in similar product carousel on a product in shoe category in Made in USA collection in Amazon Exclusives collection in Off to College collection in homepage carousel
  36. 36. in Buy-it-Again cart sidebar in Buy-it-Again menu flyout in Cart preview in Wishlist in Search results in similar product carousel on a product in shoe category in Made in USA collection in Amazon Exclusives collection in Off to College collection in homepage carousel
  37. 37. name price name price name price
  38. 38. Homepage Category Page Listing Search Result Wishlist
  39. 39. Homepage Category Page Listing Search Result Wishlist
  40. 40. Masked Objects
  41. 41. OBJECTS = REAL STUFF MODULES = PACKAGING
  42. 42. OBJECTS = REAL STUFF MODULES = PACKAGING DATE/TIME MY STATUS LOCATION AGENDA GROUP HOST MEMBERS GOING TITLE
  43. 43. OBJECTS = REAL STUFF MODULES = PACKAGING DATE/TIME MY STATUS LOCATION AGENDA GROUP HOST MEMBERS GOING TITLE
  44. 44. Broken
 Objects
  45. 45. Isolated
 Objects
  46. 46. @sophiavux
  47. 47. @sophiavux
  48. 48. @sophiavux
  49. 49. @sophiavux
  50. 50. @sophiavux
  51. 51. @sophiavux
  52. 52. @sophiavux aligns to many are assigne d create many work on many are in many has many are scored on align to many
  53. 53. Shape Shifter Objects Masked Objects Broken
 Objects Isolated Objects
  54. 54. FIGHT BACK! WITH OBECTS THAT ARE: Shape Shifter Objects Masked Objects Broken
 Objects Isolated Objects
  55. 55. FIGHT BACK! WITH OBECTS THAT ARE: Shape Shifter Objects Masked Objects Broken
 Objects Isolated Objects RECOGNIZABLE
 Define your objects and design each type of object to be distinct.
  56. 56. FIGHT BACK! WITH OBECTS THAT ARE: Shape Shifter Objects Masked Objects Broken
 Objects Isolated Objects RECOGNIZABLE
 Define your objects and design each type of object to be distinct. CONSISTENT
 Prioritize object elements,and stick to that structure.
  57. 57. FIGHT BACK! WITH OBECTS THAT ARE: Shape Shifter Objects Masked Objects Broken
 Objects Isolated Objects RECOGNIZABLE
 Define your objects and design each type of object to be distinct. CONSISTENT
 Prioritize object elements,and stick to that structure. ENCAPSULATED Don’t scatter an object’s data and actions across the experience.
  58. 58. FIGHT BACK! WITH OBECTS THAT ARE: Shape Shifter Objects Masked Objects Broken
 Objects Isolated Objects RECOGNIZABLE
 Define your objects and design each type of object to be distinct. CONSISTENT
 Prioritize object elements,and stick to that structure. ENCAPSULATED Don’t scatter an object’s data and actions across the experience. CONNECTED Bake in contextual navigation based on real-world object relationships.
  59. 59. FOUR TYPES OF OBJECTS ELEMENTS
  60. 60. FOUR TYPES OF OBJECTS ELEMENTS Core Content
  61. 61. FOUR TYPES OF OBJECTS ELEMENTS Core Content MetadataMetadata
  62. 62. FOUR TYPES OF OBJECTS ELEMENTS Core Content CTA MetadataMetadata
  63. 63. FOUR TYPES OF OBJECTS ELEMENTS Core Content CTA MetadataMetadata Nested Object Nested Object Nested Object
  64. 64. FOUR TYPES OF OBJECTS ELEMENTS Core Content CTA MetadataMetadata Nested Object Nested Object Nested Object Nested Obj
  65. 65. OBJECT MAPPING
  66. 66. OBJECT MAPPING
  67. 67. OBJECT MAPPING
  68. 68. @sophiavux WHAT ARE THE OBJECTS IN THE USER’S MENTAL MODEL? WHAT IS THEIR STRUCTURE? THEIR COMPOSITION? WHAT ARE THEIR RELATIONSHIPS TO EACH OTHER? WHAT ARE THEIR RELATIONSHIPS TO THE USER? We,the OOUXers, answer these questions before designing a single screen:
  69. 69. After all that is figured out,THEN worry about sparking joy.
  70. 70. @sophiavux WORK SMART NOT HARD SUBTITLE THANK YOU! WWW.REWIREDUX.COM/OOUX
  71. 71. @sophiavux JUMPSTART YOUR UX PORTFOLIO ON SATURDAY MARCH 2
  72. 72. @sophiavux JUMPSTART YOUR UX PORTFOLIO ON SATURDAY MARCH 2 oouxyourportfolio.eventbrite.com
 Earlybird ends Friday!
  73. 73. @sophiavux INTERESTED IN LEARNING MORE? I DO OOUX WORKSHOPS AND BOOTCAMPS! 
 LET’S TALK ABOUT MAKING OOUX OF YOUR PROCESS. SOPHIA@REWIREDUX.COM REWIREDUX.COM/OOUX
  74. 74. @sophiavux WORK SMART NOT HARD SUBTITLE QUESTIONS?

×