Home » Topics »

Wireframing

A skeletal outline of a webpage, acting as a jumping-off point for the product design process.


Articles

What makes a good wireframe?

What makes a good wireframe? Why are some wireframes effective and others not? Turns out getting wireframes right is much more complex than it appears.

Wireframing

Interactive Prototyping, Part 1

Wireframing and prototyping are two of the most important stages of the design process.

Prototyping Wireframing

Wireframing 101

Wireframes reflect the infrastructure of the product, regulate the navigation and the hierarchy between different functional parts of the product. They also help address the problems with all of these early.

Wireframing

Wireframing for beginners

Wireframing is an essential skill for UX Designers and other experience design participants. Yes, wireframing is a skill, not just a technique. It can be done well or poorly and the result can have a huge impact on the outcome of the final product.

Wireframing

Learning to Wireframe: 10 Best Practices

Use these 10 best practices to free your wireframes from mediocrity and get on with designing amazing experiences.

Wireframing

Wireframing

A wireframe is a two-dimensional illustration of a page’s interface that specifically focuses on space allocation and prioritization of content, functionalities available, and intended behaviors.

Wireframing

Wireframes – the beginner’s guide

Our Beginner’s Guide series is designed to help those who are just starting to learn about user experience, or those who want to brush up on the basics. In this part, we take a look at wireframes.

Wireframing


Resources

Platforma 2

Website Wireframe Kit for Sketch, XD and Bootstrap. Start your web project right with distinct prototypes, easily made with Platforma’s huge layout library.

UI kit Wireframing


Tools

Affinity Designer

The fastest, smoothest, most precise vector graphic design software available for Mac, Windows and iPad.

Visual design Wireframing

Axure RP

The industry standard tool for creating wireframes and interactive prototypes.

Wireframing Prototyping

Balsamiq Wireframes

Quickly sketch low-fidelity wireframes.

Wireframing

HotGloo

Cross platform tool for creating low fidelity wireframes and prototypes.

Wireframing Prototyping

Justinmind

All-in-one prototyping tool for web and mobile apps.

Wireframing Prototyping

Lucidchart

A visual workspace that combines diagramming, data visualization, and collaboration to accelerate understanding and drive innovation.

Wireframing Diagramming

UXPin

Collaborative online UX design and prototyping.

Wireframing Prototyping

Whimsical

The visual workspace. Communicate visually at the speed of thought.

Collaboration Wireframing Diagramming