Prototyping TEchniques

As part of my HCDE 451: User Experience Prototyping Techniques class, I tried out a whole bunch of different prototyping techniques and documented my progress online. The original process blog I used can be found here:

These projects were part of a an upper-level undergraduate prototyping course in Human Centered Design & Engineering at the University of Washington in Winter 2018. If you're not sure where to start, my favorites are A3: Laser Cut Tablet Stand, A4: 3D Printed Orange Peeler, and Final: Breather App Design (which has its own page in my portfolio.)

Here's a quick rundown of of all the projects:

 
Breather App Sketches Square.jpg

A1: PAPER PROTOTYPE "BREATHER" APP

Everyone needs a breather now and then. This is a paper prototype for an app concept that works with smart phones and smart watches together.

Read more about A1 here >

 
Shower Interface 2.jpg

A2: MODEL PROTOTYPE SMART SHOWER INTERFACE

The inspiration for this design came from the idea that if you fell in the shower, it would probably hurt less if you hit something without corners. This is a model of smart shower interface, constructed from stuff I bought at the craft store.

Read more about A2 here >

 
Tablet Stand Square.jpg

A3: LASER CUT TABLET STAND

Featuring a simple yet sturdy "butterfly" design, this tablet stand was laser cut from chipboard (and is one of my favorite projects!)

Read more about A3 here >

 
Orange Peeler Black and White.jpg

A4: 3D PRINTED ORANGE PEELER

Kitchen gadgets are fun but sometimes very mysterious and oddly specific (melon baller? strawberry stem remover?) Here I'm tackling the simple-yet-handy orange peeler, an object which is less common than I'd originally thought...

Read more about A4 here >

 
Headspace Video Screenshot.jpg

A5: VIDEO DEMO/PROTOTYPE FOR HEADSPACE

Through video, I try to capture the benefits of using the Headspace appbut as the writer-side of me knows, telling a compelling story in under sixty seconds isn't always easy.

Read more about A5 here >

 
Gesture Control Sheet for Wizard of Oz

A6: “WIZARD OF OZ” PROTOTYPE FOR GESTURE-CONTROLLED NETFLIX (BEHAVIORAL PROTOTYPING)

They say a magician never reveals his secrets, but for A6 I’m pulling back the curtain for a glimpse into our “Wizard of Oz” prototype, in which we convince our test participant that we’ve invented a gesture-control system for Netflix.

Read more about A6 here >

 
Wireframe Tile.jpg

A7: INTERACTIVE PROTOTYPE, WIREFRAMES

It's the UX Designer's bread and butter: the wireframe. Here I'm making interactive wireframes for one portion of a pet adoption website that is both desktop- and mobile-friendly.

Read more about A7 here >

 
Breather Square.jpg

FINAL: BREATHER APP DESIGN

Inspired by some of my own experiences with anxiety, the Breather App is a minimalist approach to tackling anxiety and panic attacks, and takes a few components from A1.

Read more about the final project here >