How to Use UX Wireframes Wiseley

It’s finally time to approach UX wireframes and how to be wise and efficient with them. This is a popular form of prototyping and mockup creation, and as a result, it’s not uncommon to see this get carried away, be misused, or just not be effective in its application. This happens with most widely used methods in any field – the more it’s used, the bigger the percentage of people who are unwise with it. Well, since I have a lot to say about UX wireframes, I’ll get right to it, I’ve finite space to cover this. #1 – Sketch First Ok, so you want to use wireframes. Well, don’t start creating your idea here, sketch with a pencil first, even if you’re not remotely an artist. If it’s ugly and sloppy, that’s fine, this isn’t about aesthetics, it’s about efficient and comfortable initial implementation of the idea. Making it neater and more presentable can come later. #2 – Communication is the Priority Remember, your prototypes, no matter what they are, are a form of communication of conceptual ideas, not schematics nor works of art. So, remember that you’re communicating a set of ideas to a wide range of people. #3 – Documentation is Necessary Following the communication concern, one should always include notes and documentation to accompany the wireframes, to put into words things that visuals may not always. #4 – Host Your Files Avoid sending out your wireframes as attachments or the like. Host them in a central location where every update is instantly available to everyone, ensuring everyone being up to date and reducing the annoyance you must endure per iteration. Google Docs is a good platform for this! #5 – Keep Goals in the Forefront Don’t get distracted by elaborations and flare with your designs. Keep the goal of the page, the ideas you want to instigate as a priority. #6 – Select Endpoints Be sure to pick, ahead of time, where your wireframe ends, and don’t abruptly choose this later on. This not only ensures you don’t end in the wrong place, but it also gives you parameters for the scale and plotting of your design properly. #7 – Involve Others Don’t just handle wireframe design on your own, involve the rest of the team in the process. Encourage input and ideas from everyone, and even encourage them to send back altered wireframes for you to consider. Many heads are better than one. #8 – Common Elements and Concepts Use common representations of various elements and concepts in your designs, so that it can most effectively communicate what needs to be conveyed. Being proprietary with this is unnecessary and makes it less efficient. So, be wise with your wireframes. They are a fantastic communications medium and prototyping method. However, being a form of communication UX wireframes need to be handled with the care and clarity of any communication conveying complex, intricate ideas. Remember, designers tend to be visual people, so it’s easy to take for granted that they can quickly grasp visual ideas rapidly. So, you can avoid calamities and confusion by focusing on its nature as communication, rather than artistic focus. Follow these points, and you’re on the right track.


Megan Wilson is user experience specialist & editor of UX Motel. She is also the Quality Assurance and UX Specialist at WalkMe Megan.w(at)