Share
Embed
Object-Oriented UX
A session by Sophia Voychehovski at Revolve Conference 2016
Revolve Conference
October 28, 2016
Transcript
118 slides
-
THE SIMPLICITY IMPERATIVE 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) -
THE SIMPLICITY IMPERATIVE 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) -
OBJECT: “Performance” MODULE: “Calendar item” MODULE: “Landing Page tile” MODULE:
“sidebar module” USER’S MENTAL MODEL OF THE REAL WORLD: OOUX -
OBJECT: “Performance” MODULE: “Calendar item” MODULE: “Landing Page tile” MODULE:
“sidebar module” USER’S MENTAL MODEL OF THE REAL WORLD: OOUX DIGITAL REPRESENTATION OF THE REAL WORLD: MODULAR DESIGN -
OBJECT ORIENTED PROGRAMMING A programming language model organized around objects
rather than "actions" and data rather than logic. -
OBJECT ORIENTED PROGRAMMING A programming language model organized around objects
rather than "actions" and data rather than logic. UX design -
OBJECT ORIENTED PROGRAMMING A programming language model organized around objects
rather than "actions" and data rather than logic. UX design Data first. THEN logic. Objects first. Then procedures around objects. -
THE PRACTICE OF OOUX… • STARTS with defining the system
of real-world objects that make up a user’s mental model of the problem. • ENSURES the anatomy of every object is crystal clear before wireframes or visual design begins. • ROOTS every feature or interaction in a well-defined object. -
food fridge counter back splash clutter cooking clean cooking food
oven food clean up cutting bake milk fire utensil microwav e fridge sink knife fork microwav e appliance tomato fridge smells smell knife pot pan oven stirring fridge sink microwav e food food oven fork spoon red blender creativity love satisfaction white stove cabinets food food cereal toaster coffee maker food mixer stove fork plate oven fridge oven crumbs taste IKEA fridge cutting board clean tile copper counter mixer cabinet fork beer napkin food cooking sink table counter food work windows sour cream mango -
Shoes Appalachi an fun sweat? cat mountain hill calves water
dogs shoes mountain mountain fun pain Switzerlan d north childhood nature boots shorts goretex boots peace mountain mountain trees river friends boots purple trees cliff boots dirt fir trees boots ascent shade rocks boots view nature mountain boot shoes mountain s dirt rocks trees trees shoes trail boots rocks hill trees mountain boots trees camping camping camping walking walking climbing uphill exhaustin g hot green -
REASON 2: Consistent object representation for efficiency and maintainability AND
BETTER USER EXPERIENCE! -
Pledged $200 for - The Woodieful Chair - Personalized thank
you card Est. Delivery August 2016 got it! 2 messages June 8, 2016 + -
Pledged $200 for - The Woodieful Chair - Personalized thank
you card Est. Delivery August 2016 got it! 2 messages June 8, 2016 + Only show projects with unreceived perks -
FOUR TYPES OF OBJECTS ELEMENTS CORE CONTENT METADATA METADATA CTA
NESTED OBJECT NESTED OBJECT NESTED OBJECT -
FOUR TYPES OF OBJECTS ELEMENTS CORE CONTENT METADATA METADATA CTA
NESTED OBJECT NESTED OBJECT NESTED OBJECT NESTED OBJ -
NOW LET’S DO IT: HOT SAUCERY A destination for all
things hot sauce: specialty blends, ingredients, and expertise -
STEP 1: Extract objects STEP 2: Element audit STEP 3:
Object nesting STEP 4: Forced ranking STEP 5: CTA inventory STEP 6: Sketching sprints STEP 7: Prototyping ORDER OF OPERATIONS -
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. -
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. -
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. -
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. -
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. -
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. -
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. -
Name Street image Address distance from user contact info inside
images name descriptio n (why we love it) price images tag/ category Name descriptio n bottle $ shot heat index price Name bio headshot years with us twitter handle title descriptio n price type (workshop , ongoing class) date time Name date created image recipe content gallery of sauce on food Locations Sauces Mixologist s Ingredient s/tools Classes Recipes -
Location Sauce Mixologist s Ingredient s/tools Classes Recipes Name Street
image Address distance from user contact info inside images name descriptio n (why we love it) price images tag/ category Name descriptio n bottle $ shot heat index price Name bio headshot years with us twitter handle title descriptio n price type (workshop , ongoing class) date time Name date created image recipe content gallery of sauce on food -
Location Sauce Mixologist s Ingredient s/tools Classes Recipes Mixologist that
work here Classes calendar Mixologist creator Locations available at Class that teaches it Mixologist mentor Sauces created ingredient s/tools loved Classes teaching recipes posted Location works at Location available at related ingredient s Recipes that include Ingredient s/tools provided Recipes taught Mixologist teacher Sauce (parent) Ingredient s/tools needed Classes that feature Mixologist author Name Street image Address distance from user contact info inside images name descriptio n (why we love it) price images tag/ category Name descriptio n bottle $ shot heat index price Name bio headshot years with us twitter handle title descriptio n price type (workshop , ongoing class) date time Name date created image recipe content gallery of sauce on food -
Location Sauce Mixologist s Ingredient s/tools Classes Recipes Mixologist that
work here Classes calendar Mixologist creator Locations available at Class that teaches it Mixologist mentor Sauces created ingredient s/tools loved Classes teaching recipes posted Location works at Location available at related ingredient s Recipes that include Ingredient s/tools provided Recipes taught Mixologist teacher Sauce (parent) Ingredient s/tools needed Classes that feature Mixologist author Name Street image Address distance from user contact info inside images name descriptio n (why we love it) price images tag/ category Name descriptio n bottle $ shot heat index price Name bio headshot years with us twitter handle title descriptio n price type (workshop , ongoing class) date time Name date created image recipe content gallery of sauce on food Location -
Location Sauce Mixologist s Ingredient s/tools Classes Recipes Mixologist that
work here Classes calendar Mixologist creator Locations available at Class that teaches it Mixologist mentor Sauces created ingredient s/tools loved Classes teaching recipes posted Location works at Location available at related ingredient s Recipes that include Ingredient s/tools provided Recipes taught Mixologist teacher Sauce (parent) Ingredient s/tools needed Classes that feature Mixologist author Name Street image Address distance from user contact info inside images name descriptio n (why we love it) price images tag/ category Name descriptio n bottle $ shot heat index price Name bio headshot years with us twitter handle title descriptio n price type (workshop , ongoing class) date time Name date created image recipe content gallery of sauce on food Location -
Mixologist that work here Classes calendar Mixologist creator Locations available
at Class that teaches it Mixologist mentor Sauces created ingredient s/tools loved Classes teaching recipes posted Location works at Location available at related ingredient s Recipes that include Ingredient s/tools provided Recipes taught Mixologist teacher Sauce (parent) Ingredient s/tools needed Classes that feature Mixologist author Name Street image Address distance from user contact info inside images name descriptio n (why we love it) price images tag/ category Name descriptio n bottle $ shot heat index price Name bio headshot years with us twitter handle title descriptio n price type (workshop , ongoing class) date time Name date created image recipe content gallery of sauce on food Location Locations Sauces Mixologist s Ingredient s/tools Classes Recipes -
Mixologist that work here Classes calendar Mixologist creator Locations available
at Class that teaches it Sauces created ingredient s/tools loved Classes teaching recipes posted Location works at Locations available at related ingredient s Recipes that include Ingredient s/tools provided Recipes taught Mixologist teacher Sauce (parent) Ingredient s/tools needed Classes that feature Mixologist author Name Street image Address distance from user contact info inside images name descriptio n (why we love it) price images tag/ category Name descriptio n bottle $ shot heat index price Name bio headshot years with us twitter handle title descriptio n price type (workshop , ongoing class) date time Name date created image recipe content gallery of sauce on food Location Related Recipes Locations Sauces Mixologist s Ingredient s/tools Classes Recipes -
Location Sauce Mixologist Ingredient s/tools Classes Recipes Mixologist that work
here Classes calendar Mixologist creator Locations available at Class that teaches it Sauces created ingredient s/tools loved Classes teaching recipes posted Location works at Locations available at related ingredient s Recipes that include Ingredient s/tools provided Recipes taught Mixologist teacher Sauce (parent) Ingredient s/tools needed Classes that feature Mixologist author Name Street image Address distance from user contact info inside images name descriptio n (why we love it) price images tag/ category Name descriptio n bottle $ shot heat index price Name bio headshot years with us twitter handle title descriptio n price type (workshop , ongoing class) date time Name date created image recipe content gallery of sauce on food Location Related Recipes -
Location Sauce Mixologist Ingredient s/tools Classes Recipes Mixologist creator Location
works at Locations available Mixologist teacher Sauce (parent) Ingredient s/tools Mixologist author Name Street image Address distance from user inside images name descriptio n (why we love it) price images tag/ category Name bottle $ shot price Name headshot years with us twitter handle title type (workshop , ongoing class) date time Name date created image gallery of sauce on food Location -
Location Sauce Mixologist Ingredient s/tools Classes Recipes Mixologist creator Location
works at Locations available Mixologist teacher Sauce (parent) Ingredient s/tools Mixologist author Name Street image Address distance from user inside images name descriptio n (why we love it) price images tag/ category Name bottle $ shot price Name headshot years with us twitter handle title type (workshop , ongoing class) date time Name date created image gallery of sauce on food Location Get Direction s Buy Share Share Share Send testimon y upvote? Sign up/ register invite friends? add to box print shopping list Buy -
Mixologist creator Locations available at Class that teaches it Name
descriptio n bottle $ shot heat index price gallery of sauce on food Share upvote? Buy -
Mixologist creator Locations available at Class that teaches it Name
descriptio n bottle $ shot heat index price gallery of sauce on food Share upvote? Buy -
Mixologist creator Class that teaches it Name description bottle $
shot heat index price gallery of sauce on food Share upvote? Buy description description gallery of sauce on food gallery of sauce on food gallery of sauce on food gallery of sauce on food Locations available at Locations available at Locations available at -
Mixologist creator Name bottle $ shot heat index price Mixologist
creator Name bottle $ shot heat index price Mixologist creator Name bottle $ shot heat index price Mixologist creator Name bottle $ shot heat index price -
Mixologist creator Name bottle $ shot heat index price Mixologist
creator Name bottle $ shot heat index price Mixologist creator Name bottle $ shot heat index price Mixologist creator Name bottle $ shot heat index price CHEAPEST FIRST MILD HOT -
www.rewiredux.com/ooux (PSST - I love teaching this. I do workshops.
Let’s talk.) (And ONE MORE THING! I’m making a game! Want to test it?)