This document outlines an object-oriented UX (OOUX) workshop on extracting objects, auditing elements, nesting objects, ranking calls-to-action, and prototyping a site for a hot sauce business called Hot Saucer. The goals of Hot Saucer are to drive visitors to locations, introduce and sell specialty hot sauces, present mixologists as experts, build appreciation for hotsaucery through classes and recipes, and teach about products sold in stores. The workshop will follow steps to extract system objects, audit elements, define object nesting, rank calls-to-action, and create prototypes.
9. Simplify your team (be lean)
Simplify your design (modular design)
Iterate on fidelity, not functionality (Agile done right)
Make time for simple (UX waterfall / “double sprint zero”)
Prioritize Prioritization (“mobile-only” your MVP)
10. Simplify your team (be lean)
Simplify your design (modular design)
Iterate on fidelity, not functionality (Agile done right)
Make time for simple (UX waterfall / “double sprint zero”)
Prioritize Prioritization (“mobile-only” your MVP)
45. An OOUX (the thing)
A digital system that is intentionally organized around real-
world objects and their relationships.
Users can clearly identify objects and their relationships.
Navigation and interaction is intuitive because the digital
object system matches the users’ mental model of the
problem domain.
47. OOUX (the practice)
UX that focuses on designing a system of real-world objects
that align with with a user’s mental model of their particular
problem domain.
UX that puts object design before action design.
UX that acknowledges that the purpose of interaction
design is to provide a means for users to create, manipulate,
move, or find instances of objects.
67. 1990S
We applied a
couple hundred
years of IA to the
web.
Taxonomies,
hierarchies,
categories inside
categories inside
categories…
2000S
We start getting
popular. Because
$$$ is really
moving around on
the web.
Interaction
design, usability
testing, task flows
and user stories.
2010S
We freak because
now our designs
have to move
across devices.
Shit just got
complicated.
Responsive
design, modular
design, OOUX
IA HISTORY IN A NUTSHELL
104. SYSTEM OBJECTS
Objects that make up the system or the product, directly
derived from the goals of the organization.
An object with multiple instances.
105. SYSTEM OBJECTS
Objects that make up the system or the product, directly
derived from the goals of the organization.
An object with multiple instances.
Celebrity
image
bio
birthday
Event
location
image
date
Article
timestamp
author
body copy
106. SYSTEM OBJECTS
Objects that make up the system or the product, directly
derived from the goals of the organization.
An object with multiple instances.
Rule of thumb: they are what the user came for. The meat.
Celebrity
image
bio
birthday
Event
location
image
date
Article
timestamp
author
body copy
108. SUPPORT CONTENT
Content that support the system or the product. They are
accoutrements (and often crutches) to the core experience.
An object with a single instance.
109. SUPPORT CONTENT
How it Works Privacy Policy About us
Content that support the system or the product. They are
accoutrements (and often crutches) to the core experience.
An object with a single instance.
110. CONTEXTUAL NAV [IS MY JAM]
Celebrity Object
Fan Obj Fan Obj Fan Obj Fan Obj
Movie ObjMovie ObjMovie Obj
111. GLOBAL NAV [IS USEFUL, TOO]
Celebrity Object
Fan Obj Fan Obj Fan Obj Fan Obj
Movie ObjMovie ObjMovie Obj
Global Nav
MOVIES CELEBS ABOUT SIGN UP
112. Part of the heterarchy
MULTIPLE INSTANCES
Is the purpose
Often created by user
Often lots of metadata
Accessed in context of
other objects*
Part of the hierarchy
SINGLE INSTANCE
Talks about the purpose
Created by the org
No metadata
Accessed from persistent
navigation*
SUPPORT CONTENT SYSTEM OBJECTS
115. [SYSTEM] OBJECT INSTANCE
Real, unique content applied to the abstract/template
system object.
Celebrity Celebrity Celebrity
116. [SYSTEM] OBJECT INSTANCE
Real, unique content applied to the abstract/template
system object.
We are not so concerned with thinking through ALL the
instances. We use instances to stress-test our objects.
Celebrity Celebrity Celebrity
127. DEAD
METADATA
LIVE
METADATA
NESTED
OBJECT
Non-actionable,
does not take user
to a filtered list of
that object.
Examples: Date,
size, ratings
Actionable! Takes
user to a filtered
list of that object.
Examples: Author,
category, location
Live metadata
that is also an
object, part of the
system in it’s own
right.
Examples: Author,
category, location
129. METADATA NAV: TAKE ME TO A FILTERED LIST
Comedy
Movie detail: Wayne’s World
130. METADATA NAV: TAKE ME TO A FILTERED LIST
Comedy
Movie detail: Wayne’s World
movie object
movie object
movie object
Movie list, filtered by Comedy
Comedy
131. METADATA NAV: TAKE ME TO A FILTERED LIST
Comedy
Movie detail: Wayne’s World
movie object
movie object
movie object
Movie list, filtered by Comedy
Comedy
132. WHAT IF GENRE IS AN OBJECT!? (UPGRADE!)
Comedy
Movie detail: Wayne’s World
133. WHAT IF GENRE IS AN OBJECT!? (UPGRADE!)
Comedy
Movie detail: Wayne’s World Genre Detail: Comedy
movie
object
movie
object
movie
object
movie
object
134. WHAT IF GENRE IS AN OBJECT!? (UPGRADE!)
Comedy
Movie detail: Wayne’s World Genre Detail: Comedy
movie
object
movie
object
movie
object
movie
object
135. NESTED OBJECT NAV: TAKE ME TO ANOTHER OBJECT
Comedy
Movie detail: Wayne’s World
Mike Myers Dana Carvey
136. NESTED OBJECT NAV: TAKE ME TO ANOTHER OBJECT
Comedy
Movie detail: Wayne’s World
Mike Myers Dana Carvey
Profile detail: Dana Carvey
movie
object
movie
object
movie
object
movie
object
137. NESTED OBJECT NAV: TAKE ME TO ANOTHER OBJECT
Comedy
Movie detail: Wayne’s World
Mike Myers Dana Carvey
Profile detail: Dana Carvey
movie
object
movie
object
movie
object
movie
object
174. GOALS
• Drive visitors to each of our unique locations.
• Introduce, promote and sell our specialty hot sauces.
• Present our mixologists as the experts that they are!
Encourage a whole new generation to become hot sauce
mixologists.
• Help build appreciation and exemplify our expertise in the
art of hotsaucery through classes and workshops (online
and in store) as well as free online recipes.
• Teach about products we sell in the store, like specialty
ingredients, tools, and bottles.
175. GOALS
• Drive visitors to each of our unique locations.
• Introduce, promote and sell our specialty hot sauces.
• Present our mixologists as the experts that they are!
Encourage a whole new generation to become hot sauce
mixologists.
• Help build appreciation and exemplify our expertise in the
art of hotsaucery through classes and workshops (online
and in store) as well as free online recipes.
• Teach about products we sell in the store, like specialty
ingredients, tools, and bottles.
176. GOALS
• Drive visitors to each of our unique locations.
• Introduce, promote and sell our specialty hot sauces.
• Present our mixologists as the experts that they are!
Encourage a whole new generation to become hot sauce
mixologists.
• Help build appreciation and exemplify our expertise in the
art of hotsaucery through classes and workshops (online
and in store) as well as free online recipes.
• Teach about products we sell in the store, like specialty
ingredients, tools, and bottles.
177. GOALS
• Drive visitors to each of our unique locations.
• Introduce, promote and sell our specialty hot sauces.
• Present our mixologists as the experts that they are!
Encourage a whole new generation to become hot sauce
mixologists.
• Help build appreciation and exemplify our expertise in the
art of hotsaucery through classes and workshops (online
and in store) as well as free online recipes.
• Teach about products we sell in the store, like specialty
ingredients, tools, and bottles.
178. GOALS
• Drive visitors to each of our unique locations.
• Introduce, promote and sell our specialty hot sauces.
• Present our mixologists as the experts that they are!
Encourage a whole new generation to become hot sauce
mixologists.
• Help build appreciation and exemplify our expertise in the
art of hotsaucery through classes and workshops (online
and in store) as well as free online recipes.
• Teach about products we sell in the store, like specialty
ingredients, tools, and bottles.
179. GOALS
• Drive visitors to each of our unique locations.
• Introduce, promote and sell our specialty hot sauces.
• Present our mixologists as the experts that they are!
Encourage a whole new generation to become hot sauce
mixologists.
• Help build appreciation and exemplify our expertise in the
art of hotsaucery through classes and workshops (online
and in store) as well as free online recipes.
• Teach about products we sell in the store, like specialty
ingredients, tools, and bottles.
180. GOALS
• Drive visitors to each of our unique locations.
• Introduce, promote and sell our specialty hot sauces.
• Present our mixologists as the experts that they are!
Encourage a whole new generation to become hot sauce
mixologists.
• Help build appreciation and exemplify our expertise in the
art of hotsaucery through classes and workshops (online
and in store) as well as free online recipes.
• Teach about products we sell in the store, like specialty
ingredients, tools, and bottles.
184. year
opened
Name
Street
image
Address
distance
from user
Name
descriptio
n
Name
name
title
Name
Phone
Number
image heat index
bio image
years with
us
descriptio
n (why we
love it)
price
descriptio
n
summary
date
created
price
Location
Sauce
Mixologist
Ingredient
s/tools
Classes/
Events
Recipes
email
address
inside
images
history/
blurb
price testimony
twitter
handle
images
tag/
category
type
(workshop,
ongoing
class)
date time Location
Prerequisit
es
image
Mixologist
creator
recipe
content
185. year
opened
Name
Street
image
Address
distance
from user
Name
descriptio
n
Name
name
title
Name
Phone
Number
image heat index
bio image
years with
us
descriptio
n (why we
love it)
price
descriptio
n
summary
date
created
price
Location
Sauce
Mixologist
Ingredient
s/tools
Classes/
Events
Recipes
email
address
inside
images
history/
blurb
price testimony
twitter
handle
images
tag/
category
type
(workshop,
ongoing
class)
date time Location
Prerequisit
es
image
Mixologist
creator
recipe
content
Mixologist
that work
here
sauces of
the day
Classes
calendar
Mixologist
creator
Locations
available
at
Class that
teaches it
Mixologist
mentor
Location
works at
Sauce
created
ingredient
s/tools
loved
Classes
teaching
recipes
posted
Sauce
featured
Mixologist
teaching
Ingredient
s/tools
provided
Recipes
that aligns
Sauce
(parent)
Ingredient
s/tools
needed
Classes
that
feature
Location
available
at
Sauce that
use
Current
classes
that teach
Mixologist
that love
Recipes
that
include
186. year
opened
Name
Street
image
Address
distance
from user
Name
descriptio
n
Name
name
title
Name
Phone
Number
imageheat index
bioimage
years with
us
descriptio
n (why we
love it)
price
descriptio
n
summary
date
created
price
Location
Sauce
Mixologist
Ingredient
s/tools
Classes/
Events
Recipes
email
address
inside
images
history/
blurb
price testimony
twitter
handle
images
tag/
category
type
(workshop,
ongoing
class)
date time
Mixologist
creator
Location
works at
Location
Prerequisit
es
image
Mixologist
creator
recipe
content
Mixologist
that work
here
sauces of
the day
Classes
calendar
Locations
available
at
Class that
teaches it
Sauce
created
ingredient
s/tools
loved
Classes
teaching
recipes
posted
Location
available
at
Sauce that
use
Current
classes
that teach
Recipes
that
include
Sauce
featured
Mixologist
teaching
Ingredient
s/tools
provided
Sauce
(parent)
Ingredient
s/tools
needed
Recipes
that aligns
Classes
that
feature
187. Name
Street
image
Address
distance
from user
Name
descriptio
n
Name
name
title
Name
Phone
Number
imageheat index
bioimage
years with
us
descriptio
n (why we
love it)
price
descriptio
n
summary
date
created
price
Location
Sauce
Mixologist
Ingredient
s/tools
Classes/
Events
Recipes
email
address
inside
images
price testimony
images
tag/
category
date time
Mixologist
creator
Location
works at
Location
image
Mixologist
creator
recipe
content
sauces of
the day
Locations
available
at
Sauce
created
Classes
teaching
recipes
posted
Location
available
at
Sauce that
use
Current
classes
that teach
Sauce
featured
Mixologist
teaching
Sauce
(parent)
Ingredient
s/tools
needed
Get
Directions
Contact
BuyShare
Share
Share
Share
Share
Share
Share
Send
testimony
upvote?
Sign up/
register
purchase
invite
friends?
add to
box
print
shopping
list
188. Name
Street
image
Address
distance
from user
Name
descriptio
n
Name
name
title
Name
Phone
Number
imageheat index
bioimage
years with
us
descriptio
n (why we
love it)
price
descriptio
n
summary
date
created
price
Location
Sauce
Mixologist
Ingredient
s/tools
Classes/
Events
Recipes
email
address
inside
images
price testimony
images
tag/
category
date time
Mixologist
creator
Location
works at
Location
image
Mixologist
creator
recipe
content
sauces of
the day
Locations
available
at
Sauce
created
Classes
teaching
recipes
posted
Location
available
at
Sauce that
use
Current
classes
that teach
Sauce
featured
Mixologist
teaching
Sauce
(parent)
Ingredient
s/tools
needed
Get
Directions
Contact
BuyShare
Share
Share
Share
Share
Share
Share
Send
testimony
upvote?
Sign up/
register
purchase
invite
friends?
add to
box
print
shopping
list
MDL
MDL
MD
MDL
MDL
MD
194. STEP 1: EXTRACT OBJECTS
1. Read over the goals and the user research as a team,
paying close attention to nouns.
2. Discuss potential objects. Start circling ones you think
might be part of our new system.
3. Watch out for example nouns, super-abstract nouns, or
nouns that are fancy words for lists like “map.”
4. Write each object on a BLUE Sticky. You should have
about 4-7 objects.
OBJECTS
ON
BLUE!
195. STEP 2: ELEMENT AUDIT
OBJECTS
ON BLUE!
CORE
CONTENT
ON
YELLOW
CORE
CONTENT
ON
YELLOW
METADATA
ON
RED
CORE
CONTENT
ON
YELLOW
NESTED
OBJECTS
ON BLUE!
196. STEP 2: ELEMENT AUDIT
1. Taking one object at a time, start cataloging all the
elements that should make up this object.
2. Remember! One element on each sticky!
3. Core content: text, image, video
4. Metadata: will a user sort or filter objects by this?
5. Don’t get to hung up on Yellow vs Red.
6. If an element comes up that’s actually another object -
put it on a BLUE STICKY!
OBJECTS
ON BLUE!
CORE
CONTENT
ON
YELLOW
CORE
CONTENT
ON
YELLOW
METADATA
ON
RED
CORE
CONTENT
ON
YELLOW
NESTED
OBJECTS
ON BLUE!
197. Describes the meat
Dates, prices, location
Format/taxonomy rules
Need a specific
mechanism for sort/filter.
Could provide nav from
detail template to list!
The meat
Text strings and media
Maybe size restriction?
Could be keyword
searchable…
Does not provide nav from
detail template.
CORE CONTENT METADATA/FACETS
198. STEP 3: SERIOUS NESTING
OBJECT
CORE
CONTENT
ON
YELLOW
CORE
CONTENT
ON
YELLOW
METADATA
ON
RED
CORE
CONTENT
ON
YELLOW
NESTED
OBJECTS
ON BLUE!
MORE
NESTED
OBJECTS!!
MORE
NESTED
OBJECTS!!
199. STEP 3: SERIOUS NESTING
1. Taking one object at a time, do a series of short thought
experiments. How will each of the OTHER objects nest into
that object? Some will not have a relationship…but most
will!
2. Even think about how that object will nest inside of itself!
OBJECT
CORE
CONTENT
ON
YELLOW
CORE
CONTENT
ON
YELLOW
METADATA
ON
RED
CORE
CONTENT
ON
YELLOW
NESTED
OBJECTS
ON BLUE!
MORE
NESTED
OBJECTS!!
MORE
NESTED
OBJECTS!!
200. STEP 4: FORCED RANKING
OBJECT
CORE
CONTENT
ON
YELLOW
CORE
CONTENT
ON
YELLOW
METADATA
ON
RED
CORE
CONTENT
ON
YELLOW
NESTED
OBJECTS
ON BLUE!
MORE
NESTED
OBJECTS!!
MORE
NESTED
OBJECTS!!
201. STEP 4: FORCED RANKING
1. Taking one object at a time, reorder the elements from
what you think will be MOST important to the user to the
LEAST important.
OBJECT
CORE
CONTENT
ON
YELLOW
CORE
CONTENT
ON
YELLOW
METADATA
ON
RED
CORE
CONTENT
ON
YELLOW
NESTED
OBJECTS
ON BLUE!
MORE
NESTED
OBJECTS!!
MORE
NESTED
OBJECTS!!
202. STEP 5: CTA INVENTORY
OBJECT
CORE
CONTENT
ON
YELLOW
CORE
CONTENT
ON
YELLOW
METADAT
ON
RED
NESTED
OBJECTS
ON BLUE!
MORE
NESTED
OBJECTS!!
ACTIONACTIONN
203. STEP 5: CTA INVENTORY
1. Taking one object at a time, brainstorm all actions that
might associate with that object.
2.Feel free to make up notation - maybe star a CTA that
needs user validation or “#2” a CTA that’s probably future
state.
OBJECT
CORE
CONTENT
ON
YELLOW
CORE
CONTENT
ON
YELLOW
METADAT
ON
RED
NESTED
OBJECTS
ON BLUE!
MORE
NESTED
OBJECTS!!
ACTIONACTIONN
205. STEP 6: OBJECT REPRESENTATION
• Sketching! 10 minutes on each object. Play with:
• Modules - the top most elements
• Detail screens - all elements (do you need it?)
• Lists - all instances of an object…how will a user want to
sort, filter, and view? (Do you need it? Or should it just
come up in search results?)