Wireframe Testing

In web design, a wireframe is a sketch of the website that focuses on layout and navigation. There are little to no design elements like color or images, just the basic layout of the pages. The absence of design elements helps create a prototype of the website that can be easily tested and updated. Making iterations of wireframes improves the usability of the site design and saves development time because the focus is on layout and there is no need to update a full design with each change. When we move to the design phase of the site, we will have a well-tested layout that has been adapted from user feedback.

During wireframe testing the participant is given a scenario and presented with a wireframe of the website. In the Optimal Workshop product we are using, Chalkmark, the first place in the wireframe that the user clicks is recorded as their answer to the scenario. The results are analyzed to see if the testers chose the expected area or item, or if they had trouble finding the answer. You can view a demo to see how Chalkmark works.