Principles of Team Wireframing
Summary
Wireframing is not just making sketches; it's about team communication. Make handoffs clear, know why you're wireframing, and annotate your work. Roles like Product Managers, Designers, and Developers all benefit from wireframing for different reasons. PMs can clarify requirements and sketch ideas, designers can generate multiple options, and developers can understand what's easy or hard to code. So yeah, wireframing is great for teams, not just designers.
Key Insights
-
•
Wireframes are best seen as low-fidelity communication tools, not final deliverables or prototypes.
-
•
The real value of wireframes lies in the collaborative process of creating and iterating them.
-
•
Many teams lose the thread of wireframing as a communication tool when wireframes become overly detailed and siloed.
-
•
Billy’s five principles of team wireframing are articulate, generate, iterate, communicate, and validate.
-
•
Staying in low fidelity throughout most of the design process encourages rapid idea exploration and easier feedback.
-
•
Tools like Balsamiq intentionally limit high-fidelity design to keep users focused on idea communication rather than polished visuals.
-
•
Including content and content design in wireframes helps prepare for high-fidelity visual design and improves usability discussions.
-
•
Wireframes should enable alignment on user goals and flows before moving to detailed design or development.
-
•
Collaboration between UX designers, UI designers, product managers, and developers is crucial to successful wireframing.
-
•
Organizing multiple iterations with a hub-and-spoke file structure helps manage complexity in wireframing projects.
Notable Quotes
"Wireframes don’t add value to the product, customers don’t buy and install wireframes. The true value is the wireframing process."
"Wireframes are like an idea in time you can use for conversation."
"If you had to visualize what you thought you agreed to in a meeting, a lot of times there’s misalignment."
"Wireframes should not really be considered prototypes or high polished scale models of the thing."
"Low fidelity design lets you try things quickly and learn so much before you get too detailed."
"The more detailed, the more you start siloing and confusing the whole project."
"I like adding content to wireframes because they’re the best place for content design."
"Balsamiq is more a communication tool, intentionally limiting high polish so you focus on sharing ideas and getting feedback."
"If you show something that looks ready to ship too early, you may miss exploring 30 other concepts quickly."
"Collaboration is key; wireframes shouldn’t be thrown over the fence from UX to design without discussion."
Or choose a question:
More Videos
"At the turning point, the team realized they were in charge of their own process and got engaged."
Carl TurnerYou Can Do This: Understand and Solve Organizational Problems to Jumpstart a Dead Project
March 28, 2023
"With selfie pay, you take a picture, blink to prove it’s you alive, and authenticate in-app seamlessly and securely."
Karen PascoeDeveloping Experience Teams and Talent in the Enterprise
June 8, 2016
"We couldn’t find just one word to describe our third value so we made one up: humbladent—humble and confident together."
Jilanna WilsonDistributed Design Operations Management
October 23, 2019
"Our digital experience group acts like hosts and planners making sure veterans sit down to a cohesive, inclusive meal, not just disparate dishes."
Shawna Hein Kevin HoffmanCreate a Cohesive Civic Design Practice Across Agency, Vendors, and Contracts
November 17, 2022
"Don’t kill grandma is our mantra reminding us the stakes of the tiny design details we face every day."
Barb SpantonDoing Work That Matters: A Look Beyond The Idealistic Notion of 'Doing Meaningful Work'
June 10, 2022
"Michael became our farmer maintaining steady flow; Davis our forger bringing world-class UX; Dana our gardener cultivating quality work."
Briana ThomasThe Quiet Force: Uncovering Hidden Leadership in High-Impact Design Teams
September 24, 2024
"Taking ugly notes together without worrying about making things pretty lowers barriers and increases engagement."
Gina MendoliaTherapists, Coaches, and Grandmas: Techniques for Service Design in Complex Systems
December 3, 2024
"Regulations are design problems, not just technical ones, influencing how we create products and experiences."
Lija Hogan Milan Mijatovic Sam Proulx Louis RosenfeldThree Years Out: Perspectives on the Near-Term Future of User Research
March 15, 2024
"Be human first when creating new roles; treat them with the same care as hiring new team members."
John Calhoun Rachel PosmanTwo Sides of the DesignOps Coin: Teams Ops and Product Ops
January 8, 2024
