Designers often create wireframes in the initial stages of a website design to help them visualize what the layout of the final product will look like. A designer can sketch the basic layout of a web page with the key features on paper, but online wireframe tools are becoming more and more popular in this process. When should you use online wireframe tools and when paper prototypes?
Paper prototyping
Some designers believe that they can be more creative with a pen and paper. Sketching wireframes onto paper can be done quickly, which is good if you have a sudden wave of inspiration. If you are working with stakeholders they may find it easier to sketch their ideas for wireframes on paper, before getting to grips with an online wireframe tool. To help in this process of wireframe design, there are types of paper available on the market with life-size motifs of different mobile devices. This helps you focus on the size available for your design and makes your wireframe sketches look more professional and true to life. Unfortunately, paper is not very adaptable to changes and trying out design alternatives becomes really cumbersome if you have to re-draw the wireframe each time you want to try out a slightly different variant. It is also difficult to pass the paper prototypes on to others without scanning or photographing them and sending them via email or the like. So critical feedback loops often become time-consuming and valuable project time is lost in the process.
Online wireframe tool
The online wireframe tool has the advantage that you can save your wireframe designs online. Some online wireframe tools let you share your prototypes with friends and colleagues for collaborative editing or reviewing and continue work on them at a later date. Unlike with creating paper wireframes, online wireframe tools make it easy to modify your existing wireframe design by moving and deleting elements as you go along. This is a very convenient way to create and test various design alternatives before converging on one. Some types of online wireframe tool allow you to reuse elements of your wireframe design. This is particularly handy if you have elements, which are repeated throughout your webpage or your app, because you can retain consistency, or to easily create a large number of possible variants of your wireframes. Another benefit of using online wireframe tools is that your prototypes often look more professional if they are generated from a computer. What’s more, online wireframe tools allow you to see your prototypes through your computer screen. That means that using an online wireframe tool puts you in the context of a user who is sat at his computer. In usability tests you will be able to create a much more accurate user experience by putting your wireframe prototype up on screen. This means you will get more reliable feedback than you potentially would from a paper wireframe.
Choosing to work with an online wireframe tool
Whether you choose to sketch out your wireframe on paper, or wish to use an online wireframe tool, prototyping is a great way to help you draft and redraft your initial ideas. Paper is a medium we are all used to, and some people believe they can be more creative using paper to create wireframes than online wireframe tools. Online wireframe tools have the advantage that you can save and adapt your designs easily. Some people also find it useful to use online wireframe tools, so that they can see their prototypes on screen. Ultimately this choice is down to purpose and personal preference and what you feel most comfortable with for your project.
