Home » Topics »


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


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.


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 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.


Learning to Wireframe: 10 Best Practices

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



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.


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.



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.



Cross platform tool for creating low fidelity wireframes and prototypes.

Wireframing Prototyping


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

Wireframing Prototyping


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

Wireframing Diagramming


Collaborative online UX design and prototyping.

Wireframing Prototyping


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

Collaboration Wireframing Diagramming