+ All Categories
Home > Technology > Rapid Prototyping with Boltmade

Rapid Prototyping with Boltmade

Date post: 25-Jun-2015
Category:
Upload: shan-lian
View: 135 times
Download: 0 times
Share this document with a friend
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!
Popular Tags:
31
Rapid Prototyping with Boltmade!
Transcript
Page 1: Rapid Prototyping with Boltmade

Rapid Prototyping

with Boltmade!

Page 2: Rapid Prototyping with Boltmade
Page 3: 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

Page 4: Rapid Prototyping with Boltmade

Why prototype?

Page 5: Rapid Prototyping with Boltmade

Low Fidelity

Page 6: Rapid Prototyping with Boltmade
Page 7: Rapid Prototyping with Boltmade

High Fidelity

Page 8: Rapid Prototyping with Boltmade
Page 9: Rapid Prototyping with Boltmade

Keep it minimally real

Page 10: Rapid Prototyping with Boltmade

Let’s get started

Page 11: Rapid Prototyping with Boltmade

Re-designing a feature of a texting app

Page 12: Rapid Prototyping with Boltmade

Facebook Messenger: Group Messaging

Example of Feature

Page 13: Rapid Prototyping with Boltmade

What are some other features of a texting app?

Page 14: Rapid Prototyping with Boltmade

Pick a feature

Page 15: Rapid Prototyping with Boltmade

Story Mapping the User Flow

Page 16: Rapid Prototyping with Boltmade

Facebook Messenger

Page 17: Rapid Prototyping with Boltmade

Story Map

Page 18: Rapid Prototyping with Boltmade

Prototyping with Words

Page 19: Rapid Prototyping with Boltmade
Page 20: Rapid Prototyping with Boltmade

Crazy Eights

Page 21: Rapid Prototyping with Boltmade
Page 22: Rapid Prototyping with Boltmade

Crazy Eights (again!)

Page 23: Rapid Prototyping with Boltmade

Paper Prototyping

Page 24: Rapid Prototyping with Boltmade
Page 25: Rapid Prototyping with Boltmade

Critique Time!

Page 26: Rapid Prototyping with Boltmade

Refine your drawings

Page 27: Rapid Prototyping with Boltmade

POP App!

Page 28: Rapid Prototyping with Boltmade

Critique

Critique Time!

Page 29: Rapid Prototyping with Boltmade

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

Page 30: Rapid Prototyping with Boltmade

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

Page 31: Rapid Prototyping with Boltmade

Thanks for coming!

#Boltworks @Boltmade

Come out for People x Products

next Tuesday!


Recommended