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

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

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

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