rapid prototyping with boltmade

Post on 25-Jun-2015

135 Views

Category:

Technology

0 Downloads

Preview:

Click to see full reader

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!

TRANSCRIPT

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!

top related