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
"Content strategy should be at the kickoff to determine the needed level of involvement early."
Natalie DunbarDesignOps and Content Strategy: Envisioning the Future Together
October 1, 2021
"Data repositories often fail because of the complexity in cataloging and who can access the information."
Andrea GallagherThe Problem Space
May 16, 2019
"Culture is the stories that we tell both ourselves and other people about who we are."
Deanna MitchellDesigning with culture: Unlocking impactful insights for Product and UX
March 12, 2025
"Regenerative design is about healing and nourishing instead of exploiting and destroying."
Meghan Hellstern Joanne DongThe Next 100 Years of Civic Design: How Might We Better Rise to Meet the Challenges of Today and Tomorrow?
December 10, 2021
"Organize synthesis before the research happens by aligning on themes and goals with moderators and track leads."
Smitha Papolu Nova Wehman-Brown Melissa Schmidt Adam MenterTheme 3 Discussion
June 4, 2019
"We are the only thing we can control, how quickly we learn and how we adapt based on that learning."
Robin BeersBeyond Insights: Researchers as Organizational Change Catalysts
March 25, 2024
"People remember how you made them feel, and that’s something AI can fake but not truly replicate."
Cennydd Bowles Dan Rosenberg Lisa WelchmanDay 1 Panel
June 4, 2024
"You can create prototypes for screen reader users in Word, Excel, or Google Docs by simulating semantic markup."
Sam ProulxPrototype Reviews, People With Disabilities, and You
December 8, 2021
"We need distributed, shared, and participatory technologies for common good outcomes."
Dan HillDesigning for the infrastructures of everyday life
June 4, 2024
Latest Books All books
Dig deeper with the Rosenbot
What benefits come from structuring AI personas with detailed roles and boundaries in design workflows?
What challenges does working under constraints at large tech companies create for UX designers?
What task scope limitations should be considered when working with AI for code generation or design assistance?