Principles of Team Wireframing
Summary
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
"The community is an ongoing prototype; members have a strong, frequent voice in shaping what good looks like."
Marc Fonteijn Ru ButlerIncrease your confidence, influence, and impact (through a Professional Community)
December 3, 2024
"You have to make the hard thing easier to do. Behavioral change must be lower friction."
Dem Gerolemou Alexis Oh Neef RehmanClimate technology fundamentals
May 15, 2024
"We offer a quantitative approach so you can quickly recognize the strengths and weaknesses in a product compared to competitors."
Daniela Magaña Flores Ariane Rahn Jeff Ephraim BanderAhead of Competition: Learn What UX Benchmarking Can Do for Your Business Today
March 10, 2022
"Design systems are not just components but guidelines, rules, and principles to create consistent experiences."
Abbey Smalley Sylas SouzaScaling UX Past the Size of Your Team
January 8, 2024
"Anything below zero on the design staffing score indicates we’re staffing lower priority projects over higher ones."
Patrick CommarfordDesign Staffing for Impact
January 8, 2024
"The use of dovetail helps organize diverse information without losing the author’s voice or connection to original data."
Xenia Adjoubei Sean BruceEmpowering Communities Through the Researcher in Residence Program
March 29, 2023
"Make it easy to do the right thing, and as a side effect, make it harder to do the wrong thing."
Craig VillamorDesign Systems for Ethical Design
January 26, 2023
"We don’t need a north star, we need a constellation that allows us to see the full picture."
Jon Fukuda Ellie KryslDesign Planning and Management Support
October 3, 2023
"Ambiguity is like doing a 3000-piece puzzle without knowing what the end picture looks like. You start piecing edges first."
Iain McMaster IHan ChengDesign and Product: from Frenemy to Harmony
November 29, 2023