VIX-Chevron-Up

Creating Prototypes

People

1 -3

Time

2 hours

Equipment

Pens, paper, timer

Rapid Paper Prototypes

Preparation

Find a space that can accommodate up to 3 people with pens and paper. The team members taking part in this should have been involved in the discovery of the project or have access to the research from this. 

Step One

Take 1 minute drawing out each idea focussing on one page or screen at a time. 
These don’t have to be beautiful master pieces, just communicate the idea well. The idea is that as you sketch more and more your ideas will become more refined.

Step Two

Once you feel like you have exhausted your ideas look back over them. Some ideas won’t be great but some will. Pull different aspects of each sketch and create a master sketch. This should be what you base your digital designs on. 

People

1 -3

Time

2 hours

Equipment

Software (Sketch/Illustrator)

Interactive Digital Prototypes

Step Three

Once you are confident you have a good foundation to base digital prototypes on move to software such as sketch or any of the adobe suit. Start to wire-frame your designs using simple blocks to identify different elements. 

Step Four

This is why we like to use sketch
Take a piece of software called InVision, this pairs with sketch allowing you to important interfaces and their elements. In InVision we can turn our flat designs into interactive, usable prototypes. InVision allow us to link buttons and pages creating a user flow and test layouts and placement elements. Once you are happy that all element you want to test are set up we can export this for user testing. 

Step Five

The piece de resistance of InVision comes into play now. We can share our interactive prototype with anyone and watch how they use it. InVision clever little share tool allows users to test prototypes, add notes and start conversions all while you are watching on your machine. You can see the movement of users around a page and see first hand what elements are working and what needs rethinking. 

Step Six

You are now ready to user test (see our play on how we do this)