Participatory Web Design

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:

 Two days

 Set up room with 4-5 tables (how many people are attending?)

 Print A3 Brainstorm notes from past session (4-5 copies)

Use case cards

 Vision Statement - What is the outcome we want to see? What purpose will it serve?

 Scissors

 Tape

 Bluetack

 Brown paper

 Post-its

 Markers

 Pens

 Blank A4 paper

Previous ideas printed on A4

Day One

 Introduction

 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.

Participatory web design ideas, use cases, vision statements, etc 

web
web6
web5
web1
web2
web3
web4