Recommended
Recommended
More Related Content
Similar to Designing digital places through container based information architecture and object-first design at Euroia 2019
Similar to Designing digital places through container based information architecture and object-first design at Euroia 2019 (20)
Recently uploaded
Recently uploaded (20)
Designing digital places through container based information architecture and object-first design at Euroia 2019
- 1. Designing digital places through container based information architecture and object-first design Konstantin Weiss, Benjamin Lipinski, Koen Peters EuroIA 2019, Riga (#euroia19)
- 2. Intro
- 4. intro & design brief PART I - creating places PART II - designing places PART III - adapting places wrap-up
- 6. framing user research desk research design brief container-based IA detailed & visual design … in the design process…
- 7. the container-based IA model
- 8. framing user research desk research design brief container-based IA detailed & visual design … in the design process…
- 9. Design brief
- 10. design brief You work for a design agency and you are asked to design an online place where German cyclists can buy ebikes and share their cycling experiences.o sd
- 11. design brief o d o sd
- 12. Persona: Marie Schwarz • Married, 2 kids • Brother lives ~50 km away • Loves short family trips • Works in the city center, but lives outside the city • Mid-high income "I used to ride my bicycle a lot, but with children I lack the time for it. I'd love to do proper outdoor bicycle tours. But getting into real nature takes too long, an entire day 'off' every weekend is too much."
- 14. User journey
- 16. Placemaking
- 17. Space vs. Place
- 20. What kind of place is it?
- 23. Online places
- 30. Making a place
- 35. Purpose1.
- 39. A Bag example
- 42. name and picture
- 49. name and picture price description other bags watches
- 50. about company name and picture price description other bags watches
- 51. name and picture price description other bags watches about company
- 52. name and picture price description other bags watches about company
- 56. A web page is a stack of autonomous containers The Container Model
- 57. To fill up these containers, we need meaningful content, data! (cf. domain model, content objects)
- 61. “OOUX is putting object design before procedural action design. ” — Sophia Voychehovski
- 62. Containers e.g. bag bag picture price description other bags about company etc. e.g. chef OOUX name profile pic recipes followers bio etc.
- 63. priority list
- 64. identifying the objects o d o sd
- 65. identifying the objects o d o sd cyclist ebike accessory rating experience advice brand technician writer article
- 66. o d o sd cyclist ebike accessory ratingexperience advice brandtechnician writer article Content model
- 68. design brief Main areas and user needs: o Being inspired (a journal with professionally written articles) o Buying (an online shop and product catalogue) o Repairing & maintaining (a help section with practical advice and support) o Sharing (a community section)o sd
- 69. division of work (by theme)sd o Shop (= buying) o Community (= sharing) o Journal (= being inspired) o Help (= repairing/maintaining) cyclist experience ebike accessory writer article advice brand technician rating
- 70. list the content for your objects (1 sticky note per item) (15’) Content element Text, images, metadata… Nested object Link to another object Content element A Nested object B Content element C Content element B ebike Nested object A etc.
- 71. prioritization
- 73. order by priority (from top to bottom) (10’) Content element A Nested object B Content element C Content element B ebike Nested object A etc.
- 74. call to actions
- 75. add the call to actions (1 sticky note per item) (5’) Call to action e.g. add to shopping cart… Content element A Nested object B Content element C Content element B ebike etc. Call to action 1
- 78. Containers — some history
- 82. Malcom McLean Keith Tantlinger
- 91. A web page is a stack of autonomous containers The Container Model
- 93. 1. Stacking
- 97. 2. Placement
- 101. 3. Repetition
- 105. 4. Conditions
- 109. Principles of the Container Model 1. Stacking 2. Position 3. Repetition 4. Conditions
- 110. Containers as Form
- 121. Home F-Collection R-Collection ProductDetail About Where from Where from Where from Where from Where from
- 122. Home F-Collection R-Collection ProductDetail About Why Why Where from Where from Where from Where from Where from
- 123. Home F-Collection R-Collection ProductDetail About New! What F-Shopwindow What F-Collection What R-Shopwindow Why Why Where from Where from Where What F-Shopwindow Where from Where from New! What R-Collection What F-Product Which F How How Where from New! How Who
- 128. Containers for task division
- 130. UK US
- 131. UK US
- 132. UK US
- 133. Places = pages?
- 141. 1 2 3
- 145. morning of day 3 end of day 3 a few days after
- 146. now back to our ebike website…
- 149. group the sticky notes into containers + draw the containers (20’)
- 153. 5. Reuse
- 157. Principles of the Container Model 1. Stacking 2. Position 3. Repetition 4. Conditions 5. Reusage
- 167. Reuse containers in different contexts
- 170. A A B B
- 173. Session info
- 175. Placemaking, part 2
- 180. 6. Federation
- 184. Container URL
- 185. Display
- 186. Structure Display
- 191. Blog service Blog service Portfolio service
- 192. Principles of the Container Model 1. Stacking 2. Position 3. Repetition 4. Conditions 5. Reusage 6. Federation
- 193. design brief (2) Your client wants to set up a separate site, about rent-an-ebike, with a different brand, but building on the same infrastructure Most important page types: o Find & rent an ebike (map) o Pricing & sign up for the service o Trouble shooting o Topical landing pages, e.g. ‘Doing a week trip with your family’
- 194. Persona: Marie Schwarz • Married, 2 kids • Brother lives ~50 km away • Loves short family trips • Works in the city center, but lives outside the city • Mid-high income "I used to ride my bicycle a lot, but with children I lack the time for it. I'd love to do proper outdoor bicycle tours. But getting into real nature takes too long, an entire day 'off' every weekend is too much."
- 198. design the landing page for ‘doing a week trip with your family’ (renting an ebike!) reuse containers of other groups adapt where needed (20’)
- 200. Icons from the Noun Project Arved Bünning, Felix Brönnimann, Pundimon, Rockicon, Satisfactory
- 201. @2pk_koen @KonstantinWeiss http://konstantinweiss.com/ and http://containerist.org/ (about the container model) https://medium.com/@2pk_koen/ (about the euroia.org website, and about this workshop) Benjamin Lipinski
- 203. Konstantin Weiss, Koen Peters, Ben Lipinski: Designing digital places through container based IA and object-first design – EuroIA Riga, 27 September 2019 The container-based IA model Principles 1. Stacking 2. Position 3. Repetition 4. Conditions 5. Reusage 6. Federation
- 204. design brief Main areas and user needs: o Buying (an online shop and product catalogue) o Sharing (a community section) o Being inspired (a journal with professionally written articles) o Repairing & maintaining (a help section with practical advice) Konstantin Weiss, Koen Peters, Ben Lipinski: Designing digital places through container based IA and object-first design – EuroIA Riga, 27 September 2019
- 205. Konstantin Weiss, Koen Peters, Ben Lipinski: Designing digital places through container based IA and object-first design – EuroIA Riga, 27 September 2019 Persona: Marie Schwarz • Married, 2 kids • Brother lives ~50 km away • Loves short family trips • Works in the city center, but lives outside the city • Mid-high income "I used to ride my bicycle a lot, but with children I lack the time for it. I'd love to do proper outdoor bicycle tours. But getting into real nature takes too long, an entire day 'off' every weekend is too much."
- 206. Basic needs Get inspired Buy Use & maintain Share Konstantin Weiss, Koen Peters, Ben Lipinski: Designing digital places through container based IA and object-first design – EuroIA Riga, 27 September 2019 User journey
- 207. o d o sd cyclist ebike accessory ratingexperience advice brandtechnician writer article Konstantin Weiss, Koen Peters, Ben Lipinski: Designing digital places through container based IA and object-first design – EuroIA Riga, 27 September 2019
- 208. sd o Shop (= buying) o Community (= sharing) o Journal (= being inspired) o Help (= repairing/maintaining) cyclist experience ebike accessory writer article advice brand technician rating part I: creating places Konstantin Weiss, Koen Peters, Ben Lipinski: Designing digital places through container based IA and object-first design – EuroIA Riga, 27 September 2019 colour coding [=object] [=content element] [=call to action]
- 209. part II: designing places Group the sticky notes into containers Divide the tasks within your group and draw the containers Konstantin Weiss, Koen Peters, Ben Lipinski: Designing digital places through container based IA and object-first design – EuroIA Riga, 27 September 2019
- 210. part III: adapting places Design the landing page for ‘Doing a week trip with your family’ Reuse containers of other groups and adapt where needed Konstantin Weiss, Koen Peters, Ben Lipinski: Designing digital places through container based IA and object-first design – EuroIA Riga, 27 September 2019