In this workshop, we will be exploring the thought process behind creating an interactive, clickable prototype. By the end of the workshop, you'll be able to take home your hard work and show it off to all your friends!

1. Rapid
Prototyping
with Boltmade!

3. Agenda
1. Why should we prototype?
2. Low vs. High Fidelity
3. Re-designing a feature of a texting app
4. Wrap Up

4. Why prototype?

5. Low Fidelity

7. High Fidelity

9. Keep it
minimally real

10. Let’s get started

11. Re-designing a
feature of a
texting app

12. Facebook Messenger:
Group Messaging
Example of Feature

13. What are some
other features of
a texting app?

14. Pick a feature

15. Story Mapping
the User Flow

16. Facebook Messenger

17. Story Map

18. Prototyping with
Words

20. Crazy Eights

22. Crazy Eights
(again!)

23. Paper
Prototyping

25. Critique Time!

26. Refine your
drawings

27. POP App!

28. Critique
Critique Time!

29. Other Prototyping Tools
• Keynotopia - hi-fi wireframing
• InVision - hi-fi prototyping
• Flinto - lo-fi and hi-fi prototyping
• Balsamiq - lo-fi and hi-fi prototyping

30. Reading Resources
• Prototyping Evernote Notebook by Maggie
Steciuk: Head of Design at TerribleLabs
• Prototyping for Onscreen Use by Todd Warfel
(Rosenfeld design books)
• Product Design Sprint: Prototype by Jake
Knapp of Google Ventures

31. Thanks for coming!
Come out for
People x Products
next Tuesday!
#Boltworks
@Boltmade