Treehouse
writes on November 20, 2019
Web applications don’t just appear out of thin air. How does a site or an app make the leap from a UX designer’s brain onto the computer screen? Wireframing is the answer—and it’s one of the main design tools used in UX.
Contents
What is a Wireframe?
A wireframe is a basic outline of a page’s design—sort of like a rough draft. Typically done in a design app like Figma (or sometimes just on paper!), wireframing can help UX designers figure out the basic layout and functionality of a web application before all the details are put into place.
Here’s a little explainer about wireframes:
Want to master the UX design process?
Try our UX Design Techdegree. You’ll finish the program with a certificate, a robust portfolio of projects, and all the knowledge you’ll need to start applying for UX Designer roles. The UX/UI field is growing rapidly—jump right in, and we’ll help you find your place in it.
Thanks for explain in easy words with video also.
Hi Katie,
Making a wireframe to clear the project requirement is essential. I watched your explainer video and it was amazing. Would try Techdegree very soon for my designing use.
Do You recommend using any software for wireframes?
It would be handy to have one that will be compatible with software that you be finalizing the design. Not sure what to choose though….