What is a wireframe? Part 3: Popular tools

What is a wireframe? Part 3: Popular tools

Website wireframes help designers visualise ideas, present concepts and involve clients early in the development process, long before any coding happens. In our three-part blog series on wireframes, we’ve defined what are wireframes and why they are important in web design, and even discussed how wireframes and mockups differ.

In this final article we provide several popular wireframing tools and prototyping software, beginning with iFactory’s favourite Pidoco.

Pidoco

At iFactory, we use Pidoco for our wireframes. Pidoco is a powerful online prototyping program for rapidly creating clickable wireframes, mockups and interactive UX prototypes for web, mobile and enterprise applications. It’s easy to use with smart sharing and collaboration features, rich interactions, a smart template system, convenient specification generator, exports and much more.

Apart from its excellent features, we like Pidoco because sharing is made easy. It lets us send our clients a uniquely generated URL, which can be viewed in both high and low resolution versions on their phones, tablets and laptops.

Axure

Axure was one of the first professional-class wireframing/prototyping tools on the market. It’s a powerful tool that lets you build wireframes, mockups and prototypes. Using Axure, you can quickly create beautiful wireframes with boxes, placeholders, shapes, and text.

And, when you're ready for more visual polish, add color, gradients, and semi-transparent fills, import images, use grids and guides for precise placement, or the many other tools designed to help you work at the right fidelity for your project.

Axure has a Standard edition for prototyping or go Pro to add documentation and collaboration features.

Balsamiq

Balsamiq has a unique approach in that their wireframes resemble sketches, which makes it immediately obvious that it’s not the finished product. Balsamiq also has a huge library of reusable user interface (UI) elements that you can quickly drag and drop, making it possible to build an interface on the fly. This is perfect if you want to come up with a design and iterate in real-time during a meeting with say product managers, designers, developers and even clients.

There are plenty of other wireframing tools available, however, these three are a good place to start. All three tools are supported by strong community-generated components and widgets, so the range of work that you can do is quite wide. As with choosing any software, it’s about weighing up the cost, feature sets, learning curve and others.

We hope you’ve enjoyed our blog series on wireframes, including:

To find out more about our web design process or to find out how a stylish and intuitive website could drive your business further, contact our team today on 07 3844 0877.

Latest Posts

February 23, 2018
Social media is a vital part of any marketing enterprise in the modern digital landscape and you can’t have a social media marketing campaign without...
February 21, 2018
They say that the only constant is change and there is no greater proof of this than in the web design industry. It’s a continually shifting...
February 19, 2018
About the ClientContented Chef, part of the PresCare group of companies, easily and simply delivers high quality and nutritious meals direct to...