Inside Balsamiq’s new book: Wireframing for Everyone

The latest news from Balsamiq:
We’ve been talking about our book for a year. It’s finally here!
Trouble viewing?
View it online.
What’s our book about?
Is our book for you?
Read an excerpt and find out!
You may have heard us talking for the last year about the book we've been writing. Today we'll be sharing all about it - what it's about, who it's for, and when and how you can get it!

A brief recap: Three of our most experienced designers, Michael Angeles, Billy Carlson, and myself (Leon Barnard), have been working on a book called Wireframing for Everyone with A Book Apart, publisher of amazing design and development books like Design is a Job, Just Enough Research, Everyday Information Architecture, and many more.

The big news is that you can pre-order it now and be among the first to get it when it ships next month.
 

So now that you're back from ordering it (which you just did, right?), here's what it's all about, including some exclusive excerpts, just for our inner circle.
 

What's in the book?

Roughly speaking, the first half of Wireframing for Everyone is about how to think about wireframes and better ways to make them. The second half focuses on using them with your team and incorporating them into a repeatable process.

Here's a sneak peek at the table of contents:
  1. Why Wireframes (Still) Matter
  2. Exploring Ideas
  3. From Ideas to Interfaces
  4. Design Principles for Wireframes
  5. Wireframing as a Team
  6. Establishing a Feedback Process
  7. Crossing the Finish Line

Why did we write a book?

In short, we wrote this book to fill a gap that we saw while comparing existing books with our real-world experiences.

There are plenty of books about software product management, user experience design, and programming, but there are hardly any that recognize the interplay and amount of work that happens between these roles.

In the media, there are a lot of idealized descriptions of the software design process that don't ring true to us, and we felt that wireframes have the power to bridge these gaps that exist but often aren't talked about.

A lot of companies out there are not designing like Google and Apple. For example, think about the teams, titles, and pace at companies in enterprise, education, startup tech, and government agencies. They have different resources and, in some cases, might be in the earlier stages of focusing on UX details. In most cases, they really care about design and want to do it well, but they don't have the expertise or insights. For these groups, wireframing can be their gateway to better design, even if they don't have a dedicated designer.

Lastly, there are plenty of books that mention wireframes and why you should use them. But they rarely dedicate much space to talk about the process of wireframing, and how to do it well. Making a wireframe is easy, and you don't need a book or even a manual. But wireframes, like any product, can be "good" (i.e., effective) or not.

Here's an excerpt from Chapter 1 of our book called “What Makes a Wireframe Good?”:
It depends, of course, but not in the way that you might expect. Unlike a digital prototype, we don't judge a wireframe by how much it looks like the final product. Rather, good wireframes pave the way to good products by bringing out the best ideas and shepherding them to implementation.

Good wireframes are the product of many rounds of iteration. Take advantage of the ease with which you can quickly create and change a lot of ideas. With their rough and disposable feel, wireframes encourage you to start over when you’ve hit a dead end. Because, the truth is that many of our ideas aren’t winners. The most successful products result from taking risks. You have to be okay with being wrong many times in order to get the design right.

Successful iterative design depends on your willingness to regard ideas as ephemeral so that you can let go of weaker ideas in favor of finding the best ones. The best ideas are the ones that provide the most effective solutions.

Wireframes have two audiences: you, and your collaborators. Good wireframes don’t only help you visualize your ideas in the beginning; they help you communicate them once they come into focus. When you’re ready to show your wireframes to others, the goal changes. Now, it’s a blueprint for a real product.

The result should be that you have a clear idea of the proposed options and what you need to do next. This could mean highlighting the differences between what currently exists and what this design proposes, or highlighting the areas of least certainty. The reaction you don’t want from others is, “Ok, now what?” A good wireframe allows the next person to pick it up and run with it.

Who is this book for?

One of the misconceptions about wireframing is that it is a technique for designers. We feel strongly that it shouldn't be, which is why the "for Everyone" in the title is so important. The target audience for wireframing (and our book) is someone who doesn't consider themselves a designer, but who participates in the design process, which applies to a lot of different roles these days.

We like this definition by UX pioneer Jared Spool (who wrote a glowing review of our book!): "Design, in its simplest form, is about rendering intent. When a person makes a choice about how they want something to be, they are designing."

Viewed through this lens, designing a good user experience is not the result of having a designer on your team, but about being deliberate about design. It may be a designer's primary job to consider the user’s experience and perspective, but they aren’t the only ones allowed to do so.

Whatever your role on a software team, you make suggestions, ask questions, and make decisions that all affect the end product and the experience of using it. You may not have anyone on your team who is called or even thinks of themselves as a designer. But, by the above definition, the product you work on has been designed. The experience that your end user has with it is a direct result of decisions that your team has made. It works as it was "designed" to work, whether those design decisions were intentional or not.
 

What you’ll get out of it

The intimidating tools and terminology of the UX world shouldn’t prevent you from contributing to better design. Our book uses wireframes to help teach you how good designers think, without getting too in the weeds about the details you don’t need to know.

Rather than an in-depth curriculum on UI and UX design, our book offers a basic introduction to each in real-world contexts, as well as tips and tricks for saving time and collaborating more effectively.

If you are a fan of Balsamiq Wireframes, this book is not a guide on how to use it (see our excellent documentation and tutorials for that), but it will definitely give you insights and techniques to help you use it better.

We hope you’ll add it to your digital or physical shelf and that it inspires you to tell everyone in your circle about it. Pre-order now at Wireframing for Everyone | Balsamiq

Happy customer of the month

The team from @balsamiq wrote a book on wireframing. It's for, well... everyone!
I just pre-ordered a copy here https://balsamiq.com/learn/wireframing-book/. You should, too 🖼️👍💵
Rand Fishkin

Product news

In Balsamiq Cloud, we released a new way to manage images, icons, and symbols, all directly from the UI library! Just right-click on an item, and voilà!
 

We also linked to our awesome UI Controls Guidelines, so if you’re not sure how to use a specific control, you can quickly review the industry’s best practices for it!
 

We’re also hard at work on a MAJOR restructuring of our app’s UI and menus. Here’s a small sneak peek just for you, our inner circle.
 

We’ve been using it ourselves and it’s so much more intuitive, faster, and modern-feeling than today’s version. It will come to Balsamiq Cloud in July, so stay tuned!
 

Wireframing Academy news

Obviously, wrapping up the final edits to the book and ramping up our marketing for it has been our main focus this past month. Our medium-term plan is to start incorporating some of the material from the book into our Wireframing Academy site. Maybe some talks and videos about specific chapters, for example. Please let us know if there’s anything you really want to see.
 

UX/UI links for May

Even though we skipped the newsletter last month, you can catch up on the UX/UI links for April here.

Company news

We’ve been heads down getting ready for our first full company retreat since 2019! This week, the team is making their way to Bologna from various cities across the US and Europe. We’ll be spending our retreat time on a bit of work and a lot of team building. Recap to come, but in the meantime:

That's it for this month!

Thanks, as always, for being loyal readers and supporters. See you next month, with more behind-the-scenes news from your friends at Balsamiq!
Leon for the Balsamiq Team

Most new customers find Balsamiq via recommendation...

If you know someone who might enjoy this newsletter, we would be most grateful for the introduction. Could you please forward this email to them?

If this newsletter was forwarded to you, please subscribe!
Tweet
Website
Email Balsamiq
View in Browser  |  Update Your Preferences  |  Unsubscribe

Key phrases

Older messages

Balsamiq resources for developing your design sense

Wednesday, March 29, 2023

Tips and resources to help you find and design your best product ideas. The latest news from Balsamiq: Tips and resources to help you find and design your best product ideas. Trouble viewing? View it

How we evolved decision-making at Balsamiq

Tuesday, February 28, 2023

The stories, examples, and playbook we've evolved from years of making decisions that built our business. The latest news from Balsamiq: How we removed bottlenecks and leaned into our team. Trouble

Looking back at Balsamiq’s 2022

Friday, January 27, 2023

Like many of you, we spent the past few weeks reflecting, planning, and starting new projects. The latest news from Balsamiq: Reflections on 2022 and a look ahead at this year. Trouble viewing? View it

The future of Balsamiq for desktop

Friday, December 23, 2022

Past, present, and future plans for our desktop versions. The latest news from Balsamiq: Past, present, and future plans for our desktop version. Trouble viewing? View it online. If you're in

Balsamiq’s interview with the author of Navigating Remote Work

Tuesday, November 29, 2022

We interview the author of Navigating Remote Work to get his take on what's ahead. The latest news from Balsamiq: We interview the author of Navigating Remote Work to get his take on what's

You Might Also Like

164 / What if you could talk to Scarlett Johansson from the movie Her?

Tuesday, April 30, 2024

Product Disrupt Logo Product Disrupt Half-Monthly Apr 2024 • Part 2 View in browser Welcome to Issue 164! Standing out in today's competitive market is hard, really hard. But side projects can help

#454: JavaScript

Tuesday, April 30, 2024

Front-End Engineer Handbook, JavaScript Cheatsheet, File System APIs and Invokers. Issue #454 • Apr 30, 2024 • View in the browser Smashing Newsletter Labas vakaras Smashing Friends, Let's talk

Mayer Rus on L.A.’s Great Gallery Migration

Tuesday, April 30, 2024

View in your browser | Update your preferences ADPro Image may contain: People, Person, Accessories, Bag, Handbag, Food, Meal, Adult, Clothing, Hat, Glasses, Fun, and Party For this week's edition

Head of Typography, Centering Things, 3D Badge, Alternating Style Queries, Hate Speech

Tuesday, April 30, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 30 2024 Detect JavaScript Support in CSS ryanmulligan.dev

JavaScript Support, AI in UI/UX, Deja Vu, Nature of Code, Clubhouse

Tuesday, April 30, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 29 2024 Detect JavaScript Support in CSS ryanmulligan.dev

Accessibility Weekly #394: Images as the First Thing in a Button or Link

Monday, April 29, 2024

April 29, 2024 • Issue #394 View this issue online or browse the full issue archive. Featured: Images as the first thing in a button or link "An accessibility problem I encounter regularly is

My product prioritization framework

Sunday, April 28, 2024

Issue 192: How I triage strategy ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Cascade, HTMX, Sponge Furniture, Meaning of Color, Flipbook

Friday, April 26, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 26 2024 A primer on the cascade and specificity piccalil.

9 Trends From Milan We Can’t Stop Thinking About

Thursday, April 25, 2024

View in your browser | Update your preferences ADPro Even More From Milan Design Week Each year, the design world convenes in Milan—and that applies to us at AD, too. For the third year running, our

Subframe, Attributes vs Properties, Front End Handbook, aspect-ratio, GenAI

Thursday, April 25, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 25 2024 Subframe subframe.com Subframe is a design-to-