Great wireframes lead to great hi-fidelity designs and prototypes. They’re also useful for testing rapidly, making sure the functionality is solid before committing to detailed pixels.
In this article, we want to explain what exactly a wireframe is to UX designers, why we use them, and how you can make them yourself.
We’ve collected some of our favorite wireframing examples from Dribbble to show just how different these can look—and to provide some inspiration for your next project.
Wireframing is an essential step in translating an idea for a digital product into a reality... Lucky for you, our team at InVision has this process down pat, and we want to share our expert-level experience with you.
If you are here, you might be wondering what’s the difference between these three words: wireframe, mockup, and prototype.
A design toolkit built to help you create your best work
Learn More
A vector-based tool for designing and prototyping user experience for web and mobile apps.
Learn More
Design, prototype, and gather feedback all in one place.
Learn More
An authoring tool for web and mobile app prototypes and high-fidelity website wireframes.
Learn More
Wireframe Tools, Prototyping Tools, UI Mockups, UX Suite.
Learn More
With Balsamiq Wireframes, anyone can design great user interfaces
Learn More
The all-in-one platform powering design. Everything you need to bring ideas to life and transform how you create digital products
Learn More
*Books bought through these links help sustain this website. Thank you for your support!
Follow the real-life UX process from start-to-finish, including wireframing, and apply the skills as you learn, or refresh your memory before the next meeting.
Open on AmazonThe principles and processes discussed in this book will help you understand how to craft reliably effective and successful design solutions.