Participatory Web Design invites the community project members to use the existing tools, future tools and all the information gathered to understand how they would like to see them documented on a website. Participants would go through a variety of exercises in both groups and as individuals to come up with ideas, share inspiration and begin shaping and informing the website design.
What do we need:
Set up room with 4-5 tables (how many people are attending?)
Print A3 Brainstorm notes from past session (4-5 copies)
Vision Statement - What is the outcome we want to see? What purpose will it serve?
Blank A4 paper
Plan of the workshop
Review Brainstorm notes
Use case cards - to understand who will use the website and why
Review previous ideas
Vision statement - to understand the purpose of the website and the overall project
Day Two - Prototyping! - sketch, brainstorm ideas
Show inspiration on similar projects and using post-its, everyone writes down what they like from each site.
Crazy 8 sketching - Fold A4 paper in half, then again in half two more times until you have 8 equally folded boxes when you open up the paper again.
(1) run an icebreaker where you give everyone 30 seconds to draw random things (i.e. cat, flower, garden, horse, community) starting from easy to more complex.
(2) run the activity again, but this time sketch ideas of how the homepage would look like. Everyone will get 1 minute per pox (8 minutes) to fill each box with a different idea.
(3) everyone shares their ideas and discuss what people like. Repeat it again with the tools page.
Wireframes - Sketch ideas on single A4 sheets based on how you envision the main pages i.e. homepage, about, tools page, specific tool page.
How do we categorise the content? Using A4 sheets with the title of existing/future tools (one per sheet), pass around post-its and pens.. Everyone can write what they feel are appropriate tags/categories for that tool. Pass each paper around until everyone has added their tag to it. This will inform the category/tag for that tool.
In a later session...
Define roles for the website and project
Walk-through and provide training to project members on updating the website
This website is the result of the collaborative nature of the participatory web design sessions. A spreadsheet was created to gather all the ideas from the workshops, which informed the design of the website.