Rapid Wireframing Workshop

A process and workshop that promotes cross functional ideation

 

I developed this workshop to facilitate conversations among team members about product direction and to provide a platform for them to express their ideas and thoughts.

 
 

The Challenge

  1. Some decision makers may not be exposed to research or data.
  2. Capturing ideas from different areas of the company can be difficult.
  3. Verbally communicating a visual idea can be difficult.
 
 

My Role

My role was to create the process and workshop, setup the board for the workshop, invite all the team members that are needed, and facilitate the workshop.

 
parallax background
 

Who to Include

Decision Makers

You will want to include as many decision makers as you can.

This may look something like:

  • Stakeholders
  • Product Owner
  • Researcher
  • Content Writer
  • Developer
  • Other Designers

End to End Steps

Diverge

1: Desired Outcome

This is to orient the group on what we are trying achieve. This can look something like 'What features should we build for this area of our app?' or 'How should or new website feature flow work?'

2: Previous Research

You will want to drop a qualitative, quantitative research here for the group to review together to educate the team on any data there is. Competitive or internal analysis can go here as well.

3: Pain Point Backlog

After you review the research the team can start to identify pain points and capture them here. After you can prioritize them on importance as a team.

4: Define the Problem

Pull the highest priority pain point over to be analyzed. From here you can formulate a proper user story together with the group. You should also define your success metrics here to establish a foundation for what is required to consider the problem solved.

Converge

5: Brain Mapping

In this area each group member can identify, expand, and formulate their idea! Start with your main idea and then continue adding improvements.

6: Rapid Wireframing

This is where we can now create visuals to communicate our awesome idea! After the team creates their visuals you can dot vote on features to understand what ideas stand out the most.

7: Test

You can take the findings from your rapid wireframe workshop and refine them into test ready wireframes to then validate through user testing the output.

8: Repeat

Rapid wire framing can be used as many times as you need to finalize a working solution!

parallax background

Visuals

 

Desired Outcome

 
 
 
 

Previous Research

 
 
 
 

Pain Point Backlog

 
 
 
 

Define the Problem

 
 
 
 

Brainwriting

 
 
 
 

Rapid Wireframing

 

Success Metrics

Quicker to market

Reduction in turn around time for design delivery. This improved our cost to market KPI.

Less meetings

Since alignment happened within the workshop itself there were less meetings required to solidify a path forward. This freed up time for designers to complete work quicker.

Fail cheap

Failing happened in the quick cheap low fidelity space instead of post product launch. The design team was confident on the tested and validated solution presented forward. This saved the business on cost of new feature builds allowing us to expand the product quicker.