What is Lo Fi Wireframe vs High Fidelity in Adobe XD
Overview
Daniel Scott
Founder of Bring Your Own Laptop & Chief Instructor
instructorI discovered the world of design as an art student when I stumbled upon a lab full of green & blue iMac G3’s. My initial curiosity around using the computer to create ‘art’ developed into a full-blown passion, eventually leading me to become a digital designer and founder of Bring Your Own Laptop.
Sharing and teaching are a huge part of who I am. As a certified Adobe instructor, I've had the honor of winning multiple Adobe teaching awards at their annual MAX conference. I see Bring Your Own Laptop as the supportive community I wished for when I was first starting out and intimidated by design. Through teaching, I hope to bring others along for the ride and empower my students to bring their stories, labors of love, and art into the world.
True to my Kiwi roots, I've lived in many places, and currently, I reside in Ireland with my wife and kids.
We’re awarding certificates for this course!
Check out the How to earn your certificate video for instructions on how to earn yours and click the available certificate levels below for more information.
Work your way towards your certificate for this course by following these simple steps.
Good luck!
We’re awarding ‘Pass’ level certificates for this course.
You can work your way towards your ‘Pass’ certificate by following these simple steps.
Good luck!
We’re awarding ‘Merit’ level certificates for this course.
You can work your way towards your ‘Merit’ certificate by following these simple steps.
Good luck!
We're going to start Wireframing in XD. Now, Wireframing, or Low Fidelity is the term used often. High Fidelity just means the version with the fonts, colors, and the images, but looks exactly like the final product. Wireframing or Low Fidelity just has some-- has one font, one color, real basic layout. For me, Wireframing is probably the most important part. That's the bit where me, as a designer—
That's where my value comes from, I guess. Working out the user flow. How they get from A to B, how long it takes, how many steps, how easy it is? That sort of Wireframing is where most of the value comes from for me, as a designer. Even though I love the High Fidelity stuff, the Wireframing, I find is quite important.
Now, do you test the Wireframes? I use Wireframes to send to the cient. So they can check it to make sure everything's in the right place, but I don't use it for actual testing, for actual end users, or the Personas. You can. I find, I'm quick enough at getting the High Fidelity versions ready for testing, and I prefer to test with those, with all the right marking material like imagery, fonts, and all that sort of stuff in there.
The other thing is, in terms of Wireframing I'll do them by hand first. I'll use something like this. In my book, real quick. This doesn't go to anybody but me. I hold it up, the microphone disappears, and you can't really hear me. Hopefully you can see that. Maybe you can even hear me. It's just real basic outlines. There's pages and pages of these. And I just go through, and kind of flush out the ideas where everything needs to be going, and then start building in XD, it's just quicker this way. You might prefer to go straight to the computer, that's fine too.
So let's actually go get started in XD now, and look at some of the UI kits. Finally, XD time. "He keeps promising it." I promise, next video.