From the course: User Experience (UX) for Non-Designers
Unlock the full course today
Join today to access over 23,800 courses taught by industry experts.
Building the bones with wireframes - Adobe XD Tutorial
From the course: User Experience (UX) for Non-Designers
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
(Locked)
Overview of conceptualization techniques5m 46s
-
(Locked)
Sketching your ideas3m 55s
-
(Locked)
Task flow diagrams3m 45s
-
(Locked)
The infamous white board2m 34s
-
(Locked)
Content wireframe: Determining what goes where3m 14s
-
(Locked)
Building the bones with wireframes4m 55s
-
(Locked)
Digital wireframes5m 53s
-
(Locked)
The role of paper prototypes3m 35s
-
(Locked)
Testing and iteration3m 33s
-
(Locked)
Feedback and iteration2m 53s
-
(Locked)
-
-
-