From the course: User Experience (UX) for Non-Designers

Unlock the full course today

Join today to access over 22,500 courses taught by industry experts or purchase this course individually.

Building the bones with wireframes

Building the bones with wireframes - Adobe XD Tutorial

From the course: User Experience (UX) for Non-Designers

Start my 1-month free trial

Building the bones with wireframes

“

- [Instructor] In this video, I'm going to walk through a few of the tools and media, paper to walls, used to create wireframe sketches. I'll get into the digital tools in the next video. To start, if you've never created a wireframe or wonder exactly what a wireframe looks like, you might want to add Wirefy to your bookmarks bar. Then all you have to do is find a site and point it to Wirefy from the bookmarks bar. What will happen next is that page will be reduced to wireframes. For example, here's the wayfair.ca homepage in all of its glory. And by shooting it through Wirefy, here's what it looks like as wireframes. The underlying architecture is revealed as nothing more than what I like to call boxes and arrows. So let's get started. We'll start with paper. I am a huge fan of notebooks, especially moleskin, and rarely go anywhere without one. In this example, I have sketched out and annotated an idea for the…

Contents