Upload
shan-lian
View
136
Download
0
Tags:
Embed Size (px)
DESCRIPTION
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!
Citation preview
Rapid Prototyping
with Boltmade!
Agenda
1. Why should we prototype?
2. Low vs. High Fidelity
3. Re-designing a feature of a texting app
4. Wrap Up
Why prototype?
Low Fidelity
High Fidelity
Keep it minimally real
Let’s get started
Re-designing a feature of a texting app
Facebook Messenger: Group Messaging
Example of Feature
What are some other features of a texting app?
Pick a feature
Story Mapping the User Flow
Facebook Messenger
Story Map
Prototyping with Words
Crazy Eights
Crazy Eights (again!)
Paper Prototyping
Critique Time!
Refine your drawings
POP App!
Critique
Critique Time!
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
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
Thanks for coming!
#Boltworks @Boltmade
Come out for People x Products
next Tuesday!