Balsamiq

Toggle navigation

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


Highlighted Articles

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

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

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

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

Creating Mobile App Wireframes: A Step by Step Guide

Nine steps for wireframing a mobile app, from mapping out a user flow to ensuring your content scales well across screen sizes and testing your design decisions.

By Nick Babich

7 min. read

Perfect Landing Page Wireframes

In this article we analyze the anatomy of a great landing page wireframe and the elements you need to include. Bonus: the most common mistakes with wireframes.

By Dale Broadhead

6 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

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

7 min. read

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

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

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

See all Articles