The Life-changing Magic of OOUX Tidying Up

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.

Transcript

1. @sophiavux DECLUTTER YOUR USER EXPERIENCE The life-changing magic of object-oriented UX: bring zen to your process and your product
3. When they touch it…Does it spark joy for your user?
4. 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????
5. @sophiavux
6. @sophiavux THE MORE MOVING PARTS, THE MORE LIKELY IT IS TO…
7. @sophiavux THE MORE MOVING PARTS, THE MORE LIKELY IT IS TO… BREAK
8. @sophiavux
9. @sophiavux Simplify your design by reducing the moving parts Iterate on fidelity, not chunks of functionality Prioritize prioritization THE SIMPLICITY IMPERATIVE
10. @sophiavux Simplify your design by reducing the moving parts Iterate on fidelity, not chunks of functionality Prioritize prioritization THE SIMPLICITY IMPERATIVE
11. @sophiavux Simplify your design by reducing the moving parts Iterate on fidelity, not chunks of functionality Prioritize prioritization THE SIMPLICITY IMPERATIVE tidying up
12. @sophiavux SOPHIA V PRATER I’m a UX designer, UX coach, OOUX chief evangelist. HQ: Atlanta!
13. @sophiavux SOPHIA V PRATER I’m a UX designer, UX coach, OOUX chief evangelist. HQ: Atlanta!
14. @sophiavux SOPHIA V PRATER I’m a UX designer, UX coach, OOUX chief evangelist. HQ: Atlanta!
15. @sophiavux SOPHIA V PRATER I’m a UX designer, UX coach, OOUX chief evangelist. HQ: Atlanta!
16. @sophiavux SOPHIA V PRATER I’m a UX designer, UX coach, OOUX chief evangelist. HQ: Atlanta!
17. @sophiavux SOPHIA V PRATER I’m a UX designer, UX coach, OOUX chief evangelist. HQ: Atlanta!
18. @sophiavux SOPHIA V PRATER I’m a UX designer, UX coach, OOUX chief evangelist. HQ: Atlanta!
19. @sophiavux SOPHIA V PRATER I’m a UX designer, UX coach, OOUX chief evangelist. HQ: Atlanta!
20. EVERYTHING SHOULD BE MADE AS SIMPLE AS POSSIBLE, BUT NOT SIMPLER.
21. @sophiavux OBJECT-ORIENTED UX The practice of aligning your software to your user’s real-world mental model of concrete, defined objects.
22. @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.
24. Simplify by tidying up your modules, components, and design elements.
25. Simplify by tidying up your modules, components, and design elements. BUT HOW?
26. Simplify by tidying up your modules, components, and design elements. Root all these bits in REAL-WORLD OBJECTS. BUT HOW?
27. @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:
28. Shape Shifter Objects Masked Objects Broken
 Objects Isolated Objects
29. WITHOUT OOUX, YOU ARE IN DANGEROUS TERRITORY! Shape Shifter Objects Masked Objects Broken
 Objects Isolated Objects
30. Shape Shifter Objects
31. @sophiavux
32. @sophiavux DATE/TIME MY STATUS LOCATION AGENDA GROUP HOST MEMBERS GOING TITLE
33. @sophiavux DATE/TIME MY STATUS LOCATION AGENDA GROUP HOST MEMBERS GOING TITLE
34. @sophiavux DATE/TIME MY STATUS LOCATION AGENDA GROUP HOST MEMBERS GOING TITLE
35. @sophiavux DATE/TIME MY STATUS LOCATION AGENDA GROUP HOST MEMBERS GOING TITLE
36. Google Docs Google Drive
37. 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
38. 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
39. name price name price name price
45. Homepage Category Page Listing Search Result Wishlist
46. Homepage Category Page Listing Search Result Wishlist
47. Masked Objects
74. OBJECTS = REAL STUFF MODULES = PACKAGING
75. OBJECTS = REAL STUFF MODULES = PACKAGING DATE/TIME MY STATUS LOCATION AGENDA GROUP HOST MEMBERS GOING TITLE
76. OBJECTS = REAL STUFF MODULES = PACKAGING DATE/TIME MY STATUS LOCATION AGENDA GROUP HOST MEMBERS GOING TITLE
77. Broken
 Objects
82. Isolated
 Objects
83. @sophiavux
84. @sophiavux
85. @sophiavux
86. @sophiavux
87. @sophiavux
88. @sophiavux
89. @sophiavux aligns to many are assigne d create many work on many are in many has many are scored on align to many
95. Shape Shifter Objects Masked Objects Broken
 Objects Isolated Objects
96. FIGHT BACK! WITH OBECTS THAT ARE: Shape Shifter Objects Masked Objects Broken
 Objects Isolated Objects
97. 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.
98. 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.
99. 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.
100. 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.
101. FOUR TYPES OF OBJECTS ELEMENTS
102. FOUR TYPES OF OBJECTS ELEMENTS Core Content
103. FOUR TYPES OF OBJECTS ELEMENTS Core Content Metadata Metadata
104. FOUR TYPES OF OBJECTS ELEMENTS Core Content CTA Metadata Metadata
105. FOUR TYPES OF OBJECTS ELEMENTS Core Content CTA Metadata Metadata Nested Object Nested Object Nested Object
106. FOUR TYPES OF OBJECTS ELEMENTS Core Content CTA Metadata Metadata Nested Object Nested Object Nested Object Nested Obj
107. OBJECT MAPPING
108. OBJECT MAPPING
109. OBJECT MAPPING
110. @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:
112. After all that is figured out, THEN worry about sparking joy.
113. @sophiavux WORK SMART NOT HARD SUBTITLE THANK YOU! WWW.REWIREDUX.COM/OOUX
114. @sophiavux JUMPSTART YOUR UX PORTFOLIO ON SATURDAY MARCH 2
115. @sophiavux JUMPSTART YOUR UX PORTFOLIO ON SATURDAY MARCH 2 oouxyourportfolio.eventbrite.com
 Earlybird ends Friday!
116. @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
117. @sophiavux WORK SMART NOT HARD SUBTITLE QUESTIONS?