7️⃣How to create artefacts
👋🏼 Introduction
Creating an artefact allows you to go in with a hypothesis and get a yes or a no to it. It also helps the participant imagine what you’re talking about. This way you get to see their honest reactions to your product.
1️⃣ How to create artefacts
Decide what kind of artefact
Depending on what you’re testing, pick the artefact you need to show to users.
It can be a clickable prototype if you’re testing the product. Use Figma.
It can be a product demo video if you’re testing a product construct. Create a clickthrough prototype on Figma and record it as a demo / walkthrough using Loom
It can be a landing page if you’re testing a positioning or marketing pitch. Use Framer
It can be a card sorting exercise if you’re trying to understand mental models.
Limit to 1-3 critical user flows or screens for testing
Anything more than that is going to be overwhelming and leave no time for any explorative conversation.
Limit to testing 1-2 broad areas like new product innovation (15 min per area)
Or 2-4 specific areas like in usability of interaction patterns / narratives (7 min per area)
Aim for a realistic artefact
Get close to the real product to simulate a realistic user experience and gather authentic feedback. Get details like transitions, copy, and pressed states right. Remove the blue hotspots if you’re using Figma.
At the same time trying to make the prototype too real can overengineer it and take too long to put together with diminishing returns on learnings. Skip adjacent flows and error states that you’re not testing. Focus on getting the flows you’re testing right. If users encounter one of the adjacent flows, gently move them back to the core task.
2️⃣ Further reading
The Prototyping Tools We Use in our Design Sprint
DESIGN SPRINT 2.0 - Prototyping Day Tips by AJ&Smart
Last updated