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!)

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
MetadataMetadata

104. FOUR TYPES OF OBJECTS ELEMENTS
Core Content
CTA
MetadataMetadata

105. FOUR TYPES OF OBJECTS ELEMENTS
Core Content
CTA
MetadataMetadata
Nested
Object
Nested
Object
Nested
Object

106. FOUR TYPES OF OBJECTS ELEMENTS
Core Content
CTA
MetadataMetadata
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?