EIA Porto 2023

1. PAPER
PROTOTYPIN
G
EIA Porto © 2023 Rick Rasmussen

2. WHY BUILD A PROTOTYPE?
A Great Way to Validate
Solutions
Gets Your Team on the
Same Page
Inexpensive
Easy
Fast Iterations
Fun..! 2

3. MOST PRODUCTS START OFF WITH
A PROTOTYPE
3
Medicine Electronics Cars

4. CONCEPT CARS ARE POPULAR
PROTOTYPES
4

5. MAY HAVE STARTED LIKE THIS…

6. 6
DIFFERENT TYPES OF
PROTOTYPING

7. 7
● Pen
● Paper
● People
Low fidelity

8. 8
● Pen
● Paper
● People
● + Camera
● + Computer
Medium fidelity
Low fidelity

9. 9
● Pen
● Paper
● People
● + Camera
● + Computer
● ++ Design
● ++ Engineering
● ++ Analytics
High fidelity
Medium fidelity
Low fidelity

10. 10
Test & adjust Test & adjust
High fidelity
Medium fidelity
Low fidelity

11. PAPER
PROTOTYPIN
G
Quick & Easy
Lo-Fi encourages user
feedback
Can modify on the fly
Great vehicle to start your
path towards a final solution

12. PAPER
PROTOTYPING
Define Parameters to Test
Set User
Set Use Case(s)
Set Medium to use
Start crude and work your way
up

13. 13
HOW TO GET STARTED
WITH PAPER
PROTOTYPING

14. WE START BY DRAWING Pen + paper + timer
14

15. GET STARTED WITH CRAZY 8S
● Fold a piece of
paper into 8
rectangles
● Draw out 1 idea
every 40 seconds
● Each idea should
be different
● Finish in 5 minutes!
● Repeat if desired
15

16. PROTOTYPE DRAWING IS SIMPLE
16
Circles Lines &
arrows
Boxes for
images
Buttons & text

17. 17
Idea 1 Idea 2 Idea 3 Idea 4
Idea 5 Idea 6 Idea 7 Idea 8
Big idea:
Design an app to help
people send and
receive money from
family

18. 18

19. 19
Started with the
most obvious…
Introduce
QR code
Ways to
receive
money
How to split
user tasks?
How to show
contacts?
In-app /
In-chat
ideas

20. 20

21. 21

22. 22

23. 23

24. BENEFITS OF CRAZY 8S DRAWING
● Get your ideas on paper
● Visualize what is possible
● Start with BIG ideas
● Push beyond your initial idea
24

25. 25
STORYBOARDIN
G
TO BETTER UNDERSTAND YOUR
NARRATIVE
A
R
A
BINNOVATIONACADEMY - P
A
P
E
R&DIGITAL PROTOTYPING | ZAID HAQUE

26. STORYBOARDING
26
If you wrote a TV show
episode about your app,
what would happen in it?
How is your product found?
What is your narrative?
How does your app solve
their problem?
What is their reaction?
A
R
A
BINNOVATIONACADEMY - P
A
P
E
R&DIGITAL PROTOTYPING | ZAID HAQUE

27. PAPER
PROTOTYPING

28. AS SIMPLE AS
POSSIBLE
28
Use markers, post-its,
anything it takes to lay out
your screens as simply as
possible.
Y
our user touches a fake
‘button’ on your paper, and
you carry out the designated
interaction, e.g. by putting
another paper with a new
screen in front of them.

32. UI STENCILS
32
They help make the
drawing process quicker
and cleaner.
You can get UI stencils for
practically anything.

33. VALIDATION!
You’ve made your first set of prototypes.
Now it’s time to test them out.
33
A
R
A
BINNOVATIONACADEMY - P
A
P
E
R&DIGITAL PROTOTYPING | ZAID HAQUE

34. WHAT DO
YOU NEED
TO KNOW?
34
A
R
A
BINNOVATIONACADEMY - P
A
P
E
R&DIGITAL PROTOTYPING | ZAID HAQUE
- Are you solving your
customer’s problems?
- Are you making it easy?
- Are you making it enjoyable?

35. QUESTIONS
TO ASK
- DOES MY
APP / WEBSITE / PRODUCT
DO WHAT YOU THOUGHT
IT SHOULD?
35
- Do you understand the flow
of information?
- Do you find it easy to use?

36. AVOID
OPEN-
ENDED
QUESTIONS
- “DO YOU LIKE THIS?”
36
- “What do you want the
product to do?”

37. AVOID
LEADING
QUESTION
S
- “YOU LIKE MY APP, RIGHT?”
37
- “Isn’t this feature helping you
become better at your job?”

38. 38
MOST IMPORTANTLY
Observe them!
Watch their facial expressions.
Listen to how they talk.
Try to understand their feelings.
You may find hidden problems they don’t realize.

39. A SIMPLE PROTYPING DESIGN
FLOW
39
Start with Crazy 8s
Choose your strongest idea
Dive deep and develop
your idea
Create prototype
Share and gather
feedback

40. NOW YOU
KNOW!
Paper prototyping is a great
tool to flesh out your ideas
To get your team on board
with a unified vision
To get actionable user
feedback
Cheap and easy..!
HAVE FUN.....!!!

41. KEEP
VALIDATING,
KEEP ITERATING
AND BEST OF LUCK!
41
A
R
A
BINNOVATIONACADEMY - P
A
P
E
R&DIGITAL PROTOTYPING | ZAID HAQUE