Making Decisions Through Rapid Prototyping

Once you've spent time discussing purpose and identifying some audiences, it is helpful to begin sketching and paper prototyping with collaborators as soon as humanly possible. Rough sketches and paper prototypes, particularly collaborative ones that involve the whole project team, are important for several reasons:

Moving from ideation to sketching

Here's how you can get collaborators from site brainstorming and discussion to putting things on paper.

  1. List out all the different interactive elements, components, parts, sections, buttons, pages, and everything else you can think of for your project - even the ones you don't know whether you'll end up using. You can do this collaboratively using sticky notes, whiteboards, etc, or have collaborators take five minutes to do it as a solo activity.

  2. Go down that list and start arranging the parts and pieces into a diagram of your project. This can go in a couple of different ways:

    1. Arrange by user flow: make a flow chart of what order the user should encounter the content in.

    user flow diagram for a digital collection website

    1. Arrange into a rough wireframe: arrange the elements into a rough assembly of what your actual interface might look like.
  3. As a group, explain what is going on in your diagram and how it reflects earlier considerations about purpose, users, and the project proposal (if applicable). Work through points of concurrence or disagreement among collaborators' different versions.

  4. As you talk through the diagram(s) generated within the group, make a new, collective list of elements that should go onto the site as they are agreed upon. This is a great time for whiteboards.
    wireframe image
    another wireframe image

  5. As a group, begin rapidly sketching out wireframes, rough pictures of what your interface might actually look like. The rougher the better - note that "bad drawings" are actually helpful for collaborative work at this stage, as they make collaborators feel more comfortable with their own drawing skills, and also remind the group that everything generated at this stage is experimental and can and should be changed (source).

Getting from sketching to paper prototyping

Resources

https://www.nngroup.com/articles/how-to-get-stakeholders-to-sketch/

https://www.nngroup.com/articles/paper-prototyping/

https://www.nngroup.com/articles/paper-prototyping-cutout-kit/

https://www.nngroup.com/articles/parallel-and-iterative-design/

Next -->