Wireframing
A skeletal outline of a webpage, acting as a jumping-off point for the product design process.
Articles
What makes a good wireframe?
– 9 October 2019
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
UX Matters
– 9 September 2019
Wireframing and prototyping are two of the most important stages of the design process.
Wireframing 101
UX Planet
– 26 February 2018
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
UX Mastery
– 18 October 2016
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
– 1 December 2014
Use these 10 best practices to free your wireframes from mediocrity and get on with designing amazing experiences.
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.
Wireframes – the beginner’s guide
UXmentor.me
– 25 April 2013
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.
Tools
Affinity Designer
The fastest, smoothest, most precise vector graphic design software available for Mac, Windows and iPad.
Lucidchart
A visual workspace that combines diagramming, data visualization, and collaboration to accelerate understanding and drive innovation.
