Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Designing Object Oriented Experiences

32,879 views

Published on

Slides from a talk/workshop about the OOUX philosophy and methodology. Content modeling, heterarchies and sugar cookies.

Published in: Design
  • I am broker in United Kingdom and a direct to a genuine/real Lender Company that can issue Bank Instruments such as BG/SBLC/MTN/DLC/LC. The Lender company has 100% success rate record on all transactions they have accepted from me. Email Address: hrwippel.guarantees@gmail.com Skype ID: hrwippel.guarantees
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Hosting the workshop in Atlanta on 1/17! Here is the info: http://www.eventbrite.com/discounts?eid=14838778185
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Designing Object Oriented Experiences

  1. 1. OBJECT-ORIENTED UX @UXLX 5.24.2016
  2. 2. BEACH
  3. 3. CLEANING
  4. 4. WHAT IS OOUX?
  5. 5. 1 Hour Lecture on OOUX / Discussion Extract objects Element audit Object nesting Forced ranking CTA inventory Sketching sprints Prototyping! AGENDA
  6. 6. #UXLUX #OOUX @sophiaVUX
  7. 7. SOPHIA VOYCHEHOVSKI @sophiaVUX sophia@rewiredUX.com
  8. 8. WHERE DID THIS ALL START?
  9. 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. 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)
  11. 11. GAME TIME! “Which site is responsive?”
  12. 12. OOUX ≠ MODULAR DESIGN
  13. 13. OOUX ≠ MODULAR DESIGN OOUX informs MODULAR DESIGN
  14. 14. OBJECT: “Performance”
  15. 15. OBJECT: “Performance” MODULE: “Calendar item” MODULE: “Landing Page tile” MODULE: “sidebar module”
  16. 16. OBJECT: “Performance” MODULE: “Calendar item” MODULE: “Landing Page tile” MODULE: “sidebar module” USER’S MENTAL MODEL OF THE REAL WORLD: OOUX
  17. 17. 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
  18. 18. OOUX = SYSTEM DESIGN
  19. 19. OOUX = SYSTEM DESIGN
  20. 20. MODULAR DESIGN = REPRESENTING THE SYSTEM CONSISTENTLY
  21. 21. MODULAR DESIGN = REPRESENTING THE SYSTEM CONSISTENTLY
  22. 22. OBJECT MODEL
  23. 23. OBJECT MODEL MODULE/PATTERN LIBRARY
  24. 24. http://edn.embarcadero.com/article/29677
  25. 25. http://edn.embarcadero.com/article/29677
  26. 26. Object Oriented Programming A programming language model organized around objects rather than "actions" and data rather than logic.
  27. 27. Object Oriented UX A design language model organized around objects rather than "actions" and data rather than logic.
  28. 28. An OOUX (the thing)
  29. 29. 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.
  30. 30. OOUX (the practice)
  31. 31. 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.
  32. 32. Customers Browse Compare Select Checkout Products Orders Depts Products Depts My Orders
  33. 33. Customers Browse Compare Select Checkout Products Orders Depts Products Depts My Orders
  34. 34. Customers Browse Compare Select Checkout Products Orders Depts Products Depts My Orders
  35. 35. Customers Browse Compare Select Checkout Products Orders Depts Products Depts My Orders
  36. 36. Subtitle
  37. 37. Subtitle
  38. 38. food fridge counter back splash clutter cooking clean cooking food oven food clean up cutting bake milk fire utensil microwave fridge sink knife fork microwave appliance tomato fridge smells smell knife pot pan oven stirring fridge sink microwave 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
  39. 39. Shoes Appalachi an fun sweat? cat mountain hill calves water dogs shoes mountain mountain fun pain Switzerlan d northchildhood 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
  40. 40. 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
  41. 41. A BETTER HISTORY LESSON http://abbytheia.com/2014/09/27/euroia/
  42. 42. Heterarchies Cross-linking Spiderwebs Hamburgered Navs Homepage last Cookie cutters Objects first Hierarchies Deep drill-downs Tree-like sitemaps Glorious Top Navs Homepage first Snowflakes Verb focused THEN NOW
  43. 43. Persistent Navigation Task Flows and Storyboards Discovery/research > > > Page Layouts Build/Test > THEN
  44. 44. Persistent Navigation Task Flows and Storyboards Discovery/research > > > Page Layouts Build/Test > THEN pattern library
  45. 45. Persistent Navigation Task Flows and Storyboards Discovery/research > > > Build/Test > NOW
  46. 46. Persistent Navigation Task Flows and Storyboards Discovery/research > > > Build/Test >Object Oriented UX NOW
  47. 47. Persistent Navigation Task Flows and Storyboards Discovery/research > > > Build/Test >Object Oriented UX NOW pattern/module library
  48. 48. WHY OOUX?
  49. 49. REASON 1: “The navigation is your fire escape.”
  50. 50. REASON 2: Consistent object representation for efficiency and maintainability
  51. 51. REASON 2: Consistent object representation for efficiency and maintainability AND BETTER USER EXPERIENCE!
  52. 52. CONSISTENT OBJECT REPRESENTATION
  53. 53. Pledged $200 for - The Woodieful Chair - Personalized thank you card Est. Delivery August 2016 got it? 2 messages +
  54. 54. ON YOUR OWN: LINKEDIN
  55. 55. QUESTION BREAK We are about to get into the weeds…
  56. 56. SYSTEM OBJECTS VS SUPPORT CONTENT
  57. 57. SYSTEM OBJECTS
  58. 58. SYSTEM OBJECTS Objects that make up the system or the product, directly derived from the goals of the organization. An object with multiple instances.
  59. 59. 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
  60. 60. 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
  61. 61. SUPPORT CONTENT
  62. 62. 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.
  63. 63. 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.
  64. 64. CONTEXTUAL NAV [IS MY JAM] Celebrity Object Fan Obj Fan Obj Fan Obj Fan Obj Movie ObjMovie ObjMovie Obj
  65. 65. 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
  66. 66. 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
  67. 67. [SYSTEM] OBJECT INSTANCE
  68. 68. [SYSTEM] OBJECT INSTANCE Real, unique content applied to the abstract/template system object.
  69. 69. [SYSTEM] OBJECT INSTANCE Real, unique content applied to the abstract/template system object. Celebrity Celebrity Celebrity
  70. 70. [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
  71. 71. INSTANCES ARE THE COOKIES
  72. 72. OBJECTS ARE THE COOKIE CUTTERS
  73. 73. OUR CONCERN ARE THE SYSTEM OBJECTS. We already have the tools for support objects.
  74. 74. FIVE ELEMENTS OF OBJECTS
  75. 75. Core content Core content FIVE ELEMENTS OF OBJECTS
  76. 76. Core content Core content metadata metadata FIVE ELEMENTS OF OBJECTS
  77. 77. Core content Core content CTA CTA metadata metadata FIVE ELEMENTS OF OBJECTS
  78. 78. Core content Core content CTA CTA metadata metadata UIUI FIVE ELEMENTS OF OBJECTS
  79. 79. Core content Core content CTA CTA metadata metadata nested obj nested obj nested obj UIUI FIVE ELEMENTS OF OBJECTS
  80. 80. Core content Core content CTA CTA metadata metadata nested obj nested obj nested obj UIUI FIVE ELEMENTS OF OBJECTS nested obj
  81. 81. 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
  82. 82. DEAD METADATA Non-actionable, does not take user to a filtered list of that object. Examples: Date, size, ratings
  83. 83. METADATA NAV: TAKE ME TO A FILTERED LIST Comedy Movie detail: Wayne’s World
  84. 84. 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
  85. 85. 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
  86. 86. WHAT IF GENRE IS AN OBJECT!? (UPGRADE!) Comedy Movie detail: Wayne’s World
  87. 87. WHAT IF GENRE IS AN OBJECT!? (UPGRADE!) Comedy Movie detail: Wayne’s World Genre Detail: Comedy movie object movie object movie object movie object
  88. 88. WHAT IF GENRE IS AN OBJECT!? (UPGRADE!) Comedy Movie detail: Wayne’s World Genre Detail: Comedy movie object movie object movie object movie object
  89. 89. NESTED OBJECT NAV: TAKE ME TO ANOTHER OBJECT Comedy Movie detail: Wayne’s World Mike Myers Dana Carvey
  90. 90. 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
  91. 91. 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
  92. 92. GAME TIME! “Am I an object?”
  93. 93. SONG
  94. 94. SONG YES!
  95. 95. “VIVA LAS VEGAS”
  96. 96. “VIVA LAS VEGAS” Nope
  97. 97. ALBUM COVER IMAGE
  98. 98. ALBUM COVER IMAGE Nope
  99. 99. ALBUM
  100. 100. ALBUM YES!
  101. 101. ARTIST BIO
  102. 102. ARTIST BIO NO
  103. 103. PLAYLIST
  104. 104. PLAYLIST YES!
  105. 105. THE SIDE BAR NAVIGATION
  106. 106. THE SIDE BAR NAVIGATION Nope
  107. 107. LADY GAGA
  108. 108. LADY GAGA Nope
  109. 109. POPULARITY RATING
  110. 110. POPULARITY RATING Nope
  111. 111. lucy
  112. 112. lucy movie
  113. 113. lucy Actress movie
  114. 114. lucy news story Actress movie
  115. 115. NOW LET’S DO AN EXAMPLE: HOT SAUCERY A destination for all things hot sauce: specialty blends, ingredients, and expertise
  116. 116. 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
  117. 117. 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.
  118. 118. 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.
  119. 119. 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.
  120. 120. 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.
  121. 121. 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.
  122. 122. 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.
  123. 123. 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.
  124. 124. Location Sauce Mixologist Ingredient s/tools Classes Recipes
  125. 125. Location Sauce Mixologist Ingredient s/tools Classes Recipes
  126. 126. Location Sauce Mixologist Ingredient s/tools Classes Recipes year opened Name Street image Address distance from user Phone Number email address inside images history/ blurb name descriptio n (why we love it) priceimages tag/ category Name descriptio n image heat indexprice testimony Mixologist creator Name bio image years with us twitter handle Location works at title descriptio n price type (workshop, ongoing class) date time Location Prerequisit es Name summary date created image Mixologist creator recipe content
  127. 127. 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
  128. 128. 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
  129. 129. 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
  130. 130. 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
  131. 131. 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
  132. 132. NOW IT’S YOUR TURN
  133. 133. 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
  134. 134. STEP 1: EXTRACT OBJECTS OBJECTS ON BLUE!
  135. 135. 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!
  136. 136. 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!
  137. 137. 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!
  138. 138. 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
  139. 139. 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!!
  140. 140. 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!!
  141. 141. 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!!
  142. 142. 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!!
  143. 143. STEP 5: CTA INVENTORY OBJECT CORE CONTENT ON YELLOW CORE CONTENT ON YELLOW METADAT ON RED NESTED OBJECTS ON BLUE! MORE NESTED OBJECTS!! ACTIONACTIONN
  144. 144. 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
  145. 145. STEP 6: OBJECT REPRESENTATION
  146. 146. 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?)
  147. 147. MODULE DETAIL LIST DIYER
  148. 148. MODULE DETAIL LIST CHALLENGE
  149. 149. MODULE DETAIL LIST SOLUTION
  150. 150. SOPHIA VOYCHEHOVSKI @sophiaVUX sophia@rewiredUX.com

×