LEARNING TO WIREFRAME: 10 BEST PRACTICES

1. Don’t use color. If you do, use it intentionally. Color is powerful! As such, it can be distracting. If you must use color, use it sparingly and consistently and choose a color not in the clients’ pallette to ensure your discussion remains focused on the experience you are creating and not the visual design solutions to come.2. Consistency is key. Your wireframes are meant to facilitate, not distract. One of the best ways to do this is to be consistent with things like typography, spacing, and delivery.3. Use actual content. If you don’t have content, write it. Writing is a design skill, it will only help you understand the client and story better. Be sure to check out the 7 writing tips we just published! 4. Never wire alone. All we’re talking about here is sharing your ideas. When we release ideas, their potential for greatness doubles. Often times, you’re not the expert, so get over your ego and be great together.5. Communicate functionalities and interactions statically.  Wireframing and prototyping are amazing tools, but they serve very different purposes. Prototyping is more time intensive than wireframing. Key functionalities or interactions can be easily communicated statically. Ask the client what they need. If user testing is an important part of the project, prototyping may get you far. The key is to know when you’ve crossed over to prototyping and be deliberate about it.6. Set clear expectations.  Talk with the client about how you are using wireframing as a tool. If a client’s expectations are not met, it doesn’t matter how brilliant your work is, they will not hear you. The best way to proactively avoid failed expectations is to communicate them clearly, early, and often.7. Avoid unnecessary barriers to success. If you’re using a program like Axure, don’t let the program be a barrier to setting your ideas free. Take the time to learn the basics or choose a more natural medium like sketching or whiteboarding.8. Practice non-attachment. Don’t get too attached to your wires, they’re not glamorous portfolio pieces. With rapid ideation, we must be willing to entertain change and pivot often.9. Be selective and keep it simple. When we have lots of new ideas, it’s easy to try and make them all work together or confuse elements of one idea with another. Give each idea their own platform.10. Control the conversation. A beautiful conversation doesn’t happen by itself or even with the most profoundly perfect wires. Support your wireframes by controlling the conversation. If things get off track, bring it back around. Don’t be afraid to interrupt politely and ask meaningful open-ended questions.

The Right Tool for the Job

Brainstorming and rapidly on whiteboards allows us to explore multiple solutions and identify new opportunities. Those ideas are then more easily prioritized once we identify the potential impact (and effort) of each idea. A good wireframe allows us to easily queue up experiments to implement and iterate upon as part of our design subscription.

Good designers spend time determining the right tools to solve design problems. Use of a great tool at the wrong time can be detrimental to a project. Like other UX practices, wireframing exists in a non-linear plane. Think of it as tool in your tool belt, grab it when you need it; use it in combination and in no particular order. Trust your design intuition and be fearless with your ideas.