Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Object-Oriented UX

Object-Oriented UX

A session by Sophia Voychehovski at Revolve Conference 2016

Revolve Conference

October 28, 2016
Tweet

More Decks by Revolve Conference

Other Decks in Design

Transcript

  1. 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)
  2. 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)
  3. OBJECT: “Performance” MODULE: “Calendar item” MODULE: “Landing Page tile” MODULE:

    “sidebar module” USER’S MENTAL MODEL OF THE REAL WORLD: OOUX
  4. 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
  5. OBJECT ORIENTED PROGRAMMING A programming language model organized around objects

    rather than "actions" and data rather than logic. UX design
  6. 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.
  7. 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.
  8. 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
  9. 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
  10. Pledged $200 for - The Woodieful Chair - Personalized thank

    you card Est. Delivery August 2016 got it! 2 messages June 8, 2016 +
  11. 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
  12. FOUR TYPES OF OBJECTS ELEMENTS CORE CONTENT METADATA METADATA CTA

    NESTED OBJECT NESTED OBJECT NESTED OBJECT
  13. FOUR TYPES OF OBJECTS ELEMENTS CORE CONTENT METADATA METADATA CTA

    NESTED OBJECT NESTED OBJECT NESTED OBJECT NESTED OBJ
  14. NOW LET’S DO IT: HOT SAUCERY A destination for all

    things hot sauce: specialty blends, ingredients, and expertise
  15. 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
  16. 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.
  17. 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.
  18. 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.
  19. 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.
  20. 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.
  21. 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.
  22. 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.
  23. 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
  24. 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
  25. 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
  26. 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
  27. 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
  28. 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
  29. 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
  30. 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
  31. 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
  32. 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
  33. 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
  34. 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
  35. 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
  36. 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
  37. 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
  38. 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?)