In the previous section, we discussed how to decide what, when, and how to prototype. In this section, we will focus on creating two very useful kinds of prototypes for UX design--wireframes and interactive prototypes. Wireframes help the team to plan the layout and flow of the website precisely, without the distraction of colors, images, and fonts. Interactive prototypes help the team to understand how users will interact with the website.
There are many tools available to create wireframes and prototypes, from lightweight and easy to use but with less functionality, to fully featured but with a high learning curve. It can be difficult to know which to choose. The trick is to choose those that work for you and your team, and stick with them until they don't. Some teams seem to change tools with every project. However, even the simplest tools take time to master; and even if the underlying task and workflow are similar there...