design by community
DESCRIPTION
Design talk presented at What Do You Know in Melbourne regarding co-design at Envato. www.webdirections.org/events/wdyk-melb-apr2014/ https://twitter.com/search?q=%23wdyk&src=typd https://twitter.com/damirkotoricTRANSCRIPT
![Page 1: Design by Community](https://reader033.vdocuments.mx/reader033/viewer/2022052907/5591062d1a28abac6f8b465d/html5/thumbnails/1.jpg)
Design by CommunityCo-design at Envato
![Page 2: Design by Community](https://reader033.vdocuments.mx/reader033/viewer/2022052907/5591062d1a28abac6f8b465d/html5/thumbnails/2.jpg)
What is co-design?
![Page 3: Design by Community](https://reader033.vdocuments.mx/reader033/viewer/2022052907/5591062d1a28abac6f8b465d/html5/thumbnails/3.jpg)
Designing for peoplewith
![Page 4: Design by Community](https://reader033.vdocuments.mx/reader033/viewer/2022052907/5591062d1a28abac6f8b465d/html5/thumbnails/4.jpg)
…and why would you do that?
![Page 5: Design by Community](https://reader033.vdocuments.mx/reader033/viewer/2022052907/5591062d1a28abac6f8b465d/html5/thumbnails/5.jpg)
![Page 6: Design by Community](https://reader033.vdocuments.mx/reader033/viewer/2022052907/5591062d1a28abac6f8b465d/html5/thumbnails/6.jpg)
Transparency and Democratisation
![Page 7: Design by Community](https://reader033.vdocuments.mx/reader033/viewer/2022052907/5591062d1a28abac6f8b465d/html5/thumbnails/7.jpg)
![Page 8: Design by Community](https://reader033.vdocuments.mx/reader033/viewer/2022052907/5591062d1a28abac6f8b465d/html5/thumbnails/8.jpg)
![Page 9: Design by Community](https://reader033.vdocuments.mx/reader033/viewer/2022052907/5591062d1a28abac6f8b465d/html5/thumbnails/9.jpg)
Operation Faceted SearchA focus group of 20 people tasked with the mission of designing an
awesome faceted search system on Envato Marketplaces. !
10 Community Members (Users) + 10 Staff Members
![Page 10: Design by Community](https://reader033.vdocuments.mx/reader033/viewer/2022052907/5591062d1a28abac6f8b465d/html5/thumbnails/10.jpg)
![Page 11: Design by Community](https://reader033.vdocuments.mx/reader033/viewer/2022052907/5591062d1a28abac6f8b465d/html5/thumbnails/11.jpg)
5 Tasks
1. Survey 2. Mood Board
3. Information Architecture 4. Interface Design
5. Video Chat +
Regular collaboration over Google+ Communities and Hangouts
![Page 12: Design by Community](https://reader033.vdocuments.mx/reader033/viewer/2022052907/5591062d1a28abac6f8b465d/html5/thumbnails/12.jpg)
Interface Design
+
![Page 13: Design by Community](https://reader033.vdocuments.mx/reader033/viewer/2022052907/5591062d1a28abac6f8b465d/html5/thumbnails/13.jpg)
![Page 14: Design by Community](https://reader033.vdocuments.mx/reader033/viewer/2022052907/5591062d1a28abac6f8b465d/html5/thumbnails/14.jpg)
![Page 15: Design by Community](https://reader033.vdocuments.mx/reader033/viewer/2022052907/5591062d1a28abac6f8b465d/html5/thumbnails/15.jpg)
![Page 16: Design by Community](https://reader033.vdocuments.mx/reader033/viewer/2022052907/5591062d1a28abac6f8b465d/html5/thumbnails/16.jpg)
![Page 17: Design by Community](https://reader033.vdocuments.mx/reader033/viewer/2022052907/5591062d1a28abac6f8b465d/html5/thumbnails/17.jpg)
My advice
Choose your tools carefully (2-3 max). Trello is awesome. Google is OK. Pick passionate user and keep the focus group small (no more than 10-15)
It will take a lot of your time (about 1/3 of mine). Be prepared. Split the design apart into pieces and only show low-fi wireframes
Kindly explain that your role is to say “no” a lot Create a timeline with clear milestones
It’s not design by committee
![Page 18: Design by Community](https://reader033.vdocuments.mx/reader033/viewer/2022052907/5591062d1a28abac6f8b465d/html5/thumbnails/18.jpg)
What’s next?
![Page 19: Design by Community](https://reader033.vdocuments.mx/reader033/viewer/2022052907/5591062d1a28abac6f8b465d/html5/thumbnails/19.jpg)
Design by CommunityCo-design at Envato.
Presented by Damir Kotoric (@damirkotoric) !
Public domain icons courtesy of www.thenounproject.com Community designed by Michael Rowe from the Noun Project
Reichstag exterior photo by Ross Huggett via Flickr Reichstag interior photo by Andos_pics via Flickr