Get Started With Wireframes
What Are Wireframes?
This article answers common questions about wireframes and provides suggestions for how to start using them.
By Peldi Guilizzoni
4 min. read
How to Start a Wireframe Project
7 min. read
Highlighted Articles
Wireframing User Flow with Wireflows
A wireflow is a hybrid design document that combines wireframing with flow diagramming. They are essentially wireframes showing user and system flow.
By Mike Angeles
6 min. read
Designing for Action: Best Practices for Effective Buttons
Buttons are designed for users to take action on a page or a screen. Follow these 13 tips about styles, placement, and wording to create better user interfaces.
By Billy Carlson
6 min. read
Five Steps to Creating Great Wireframes
Good wireframes solve real problems and lead to strong products. From writing out the scenario to gathering inputs, here is a proven path to a great website or app.
By Leon Barnard
5 min. read
Wireframing Mobile Applications
We cover the basics of mobile wireframing: design patterns that are unique to phones, common native mobile interactions, and tips for designing your app.
By Billy Carlson
7 min. read
Wireframing for Site-Builder Applications
Site builders have almost endless options to customize. That can be dangerous. Starting with wireframes makes the process of choosing and editing templates easier.
By Billy Carlson
6 min. read
Three Techniques for Creating Better Wireframes
Simple tips to level up the wireframes of your software, website, or app: get into the wireframing mindset, take your time, and create several in-between concepts.
By Leon Barnard
4 min. read
Recent Articles
How to Design a Sign Up Flow: Balsamiq Cloud Case Study
Designing a Sign Up flow for a web app is much harder than you’d think. It requires a balance between usability and security, with a sprinkle of marketing on top.
By Peldi Guilizzoni
8 min. read
How to Use Wireframes for Content Modeling
Modeling your written content visually before you start wireframing the page is a little-known practice that will make you better at writing for the web.
By Derek Gillette
5 min. read
How to Use Wireframes to Create a Service Blueprint
Service Blueprints help organizations see the whole by showing the customer view and what’s behind the scenes. Learn the step-by-step process for creating them.
By Laura Theis
Designing Effective Data Tables
Big data can cause big problems for clean, usable interface designs. Here are some easy-to-understand tips to ensure that your data applications are easy to use.
By Billy Carlson
6 min. read
Ten Principles of Effective Wireframes
Guiding principles to help designers wireframe better and encourage the entire team to participate in the design process.
By Billy Carlson
6 min. read
Usability Testing Wireframes with Your Users
Learn how to conduct discount usability tests on wireframes with users — an effective step in validating your solution before implementation. For small budgets, too!
By Mike Angeles
14 min. read
Evaluating Wireframes with Usability Inspection Methods
Validate your design solution early in the product design process to save time (and likely money!). Learn about 2 different usability inspection methods.
By Mike Angeles
10 min. read
SaaS Website Design: Lessons From Real Users
Learn what SaaS UX design strategies work and why, from real users. Improve your site, convey your message and help more people with your product.
By Christopher Silvestri
8 min. read
How and When to Get Feedback on Your Designs
Feedback can be hard to take, but practicing it often and early makes it an integral part of the process to get your team’s best work out the door.
By Laura Theis
5 min. read
Get the Inside Scoop!
Want to get exclusive early updates on our
Products, Wireframing Academy, and our Company?
Subscribe to our monthly newsletter and be part of our Inner Circle!
See what people think of our past issues!
