Wireframe On A Wall

Wireframing: Photography by Alvaro Reyes

Choosing The Right Method

Most product designers are familiar with the concept of wireframes — low-fidelity representations of a user interface, mainly used to demonstrate the product’s functionality. Wireframing is a necessary part of the design process. Acting like blueprints for web and mobile apps, they help you set a foundation for your product and discover early on what works and what doesn’t.

Below you’ll discover 12 ways to improve your wireframing skills. Illustrations for this article were created using Balsamiq, one of the most popular and classic wireframing tools.

Natural Balance

While it may seem like a good idea to jump right into your favorite design tool, sketching out your wireframes — with a pen and paper — can yield much better results. During the ideation phase, your goal is to bring up as many ideas as possible and weigh the pros and cons of each concept. The more options you have, the better. Drawing on paper or a whiteboard will allow you to explore multiple solutions and identify various opportunities. The focus should be to create as many versions as possible without deep-diving into any one of them too much.

About The Author

Amelia Grange

Amelia Grange

LIFESTYLE