Methods > Prototype & Test > Click-Through / Interactive Prototype

Click-Through / Interactive Prototype

Submit an example

Purpose

  • Communicate and shape an idea early on by making it real and testing it early with your users.

Outcome

  • The final goal of the prototype development and testing is to get to your product/solution fit.
  • Making it real allows you to gain insights into how users would interact with your idea early on.

Time

2 - 3 days

Participants

1 - 2 people

Difficulty

Medium
Tip: it will help to reach out to an expert for guidance on these methods.

Materials

Keynote, keynote templates, keynotopia guide (alternative resources: proto.io and invision)

Detailed steps

1. DEFINE
Decide on an idea to develop that you have already storyboarded. Know in broad strokes how the idea should work.

2. PLAN
From your storyboard, start to flesh out what the product experience would look like to deliver on your experience. What interactions would the user need to have, where does your product end and real life begin? What are the questions you have, the assumptions you are making in this? Draw out the interaction screens you would need and show the links between them the user would be able to make. A mind map is a great tool to use for this in the planning phase.

3. CREATE

Step 1: Sketch out all your main interaction screens on paper
Step 2: Create them one by one in the keynote. Using tools such as keynote templates allows you to do this with no design skills.
Step 3: Add interactivity by connecting the buttons needed with links following the diagram you created in the planning phase.
Step 4: Export to PDF (with links) or test in present mode.

4. SHARE & TEST
You are now ready to reap the benefits of prototyping your solutions early on. Test the prototype with real users (preferably your target audience) and get early feedback from stakeholders