Rapid Paper Prototypes
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.
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.
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.
Interactive Digital Prototypes
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.
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.
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.