This course has been archived, the content is no longer up-to-date or relevant to most students.
UX - How to become a UX Designer

Moodboards Inspiration

This lesson is exclusive to members

Questions

0

Course info

29 lessons / 2 hours

Overview

The idea of UX, or User Experience, is not new but continues to be a sore point for designers and end users. For those who can figure it out, it pays well more than graphic design alone. And, UX design uses skills you already have. Interested? Don’t have a clue what UX Design is or where to start? We’ve got the UX design training experience that’s going to open a whole new world, and better-paying work!

UX design is creating products, most commonly apps and websites, that are easy to use, please the end user and look great. It’s understanding what the target user needs and how they get what they want. It’s how they interact with the information and how they navigate your design. The reason there’s so much demand for UX designers is that not a lot of graphic designers truly understand what’s involved. It’s more than slick graphics!

At BYOL, we’ve got years of design experience and an equally impressive number of years teaching design to real world standards. We know what UX and UI design for professional grade work require, and we know how to give you the best training and information to build you a lifelong foundation.

What are the requirements?

  • No previous UX understanding is necessary.

  • While a basic understanding of design will be needed to become a UX Designer you don’t need any of these skills to complete this course.

What am I going to get from this course?

  • You’ll learn what the relevant tools are for UX Designers.

  • You’ll find out how much a UX designer can earn.

  • You’ll learn how to research a UX project.

  • You’ll learn the difference between UI & UX.

  • You’ll learn what the responsibilities of a UX designer are.

  • You’ll be able to run your first user testing sessions.

  • You’ll know how to run competitor research.

  • You’ll learn how to build user profiles & personas.

  • You’ll learn how to create wireframes.

  • You’ll learn how to use InVision building mockups.

  • You’ll learn how to report your user testing results.

  • You’ll know how to run A/B testing.

  • + More…

What is the target audience?

  • This course is for anyone interested in becoming a UX Designer.

  • This course is especially beneficial to people who already have Graphic or Web Design skills.

  • This course is for designers who want to earn double as a senior UX designer.

Course duration approx 2hrs 40mins

Daniel Scott

Daniel Scott

Founder of Bring Your Own Laptop & Chief Instructor

instructor

I 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.

Downloads & Exercise files

Transcript

Hey, in this video we're gonna look at mood boards  and inspiration and we've done our wire frames  and now we're gonna move into the physical  designing stuff in a second. So we're gonna build a ui. Now, before we go  and do that, we wanna get an idea about what this kind  of look and feel's gonna be now, the um,  the term's called mood boards. And it's just a way of getting together a bunch of stuff  that other people have done to give a kind of a feeling  of what you are gonna do. Now if you're working in a larger company, you might have  to present your mood boards, okay? You'll have to actually, you know, display them  and show the kind of thing that,  the path you're gonna go down before you go and do it.

If you're doing it in a smaller team, it might be just be,  uh, get some stuff together  and be a kind of like an over the shoulder type thing  where somebody's just kind of, you know, you're kind  of spit balling with 'em about ideas before you go off  and do it either way. Um, there's a really cool tool  that I use is one here called Nice With Two Eyes, um, do co. So Nice co there is there  and all it is is just a mood board. It's like Pinterest. You might use Pinterest, that's fine. I don't like Pinterest for the fact that it's, um,  it has a very, uh, I like this  because it's really strip beer.

Okay? I've got all these kind of images here,  like Pinterest, but it's all kind of like more  of a montage than a, you know, like a kind of a list, kind  of formal kind of thumbnails like Pinterest does. You could use Pinterest just fine. Now what you do is you install Go it,  sign up, there's a free account. I think you get like four mood boards you can do. And what happens is there's a little icon,  you see the top here, there's this little eye,  two eyes here, that's the little Chrome plugin.

Um, it's free to install. And what it means is you can go to other sites, say say I go  to a site, like, um, let's just say I go to Bee Hunts, okay? And I'm looking, bee hunts is a good way  to get inspiration, okay? Say you do a search in here and you're looking for ui  and in here you are looking for just, just ideas  and concepts for yourself  and say you like, um, some  of these designs on this page, okay? What happens is say you like this  and want to use this to your mood board  'cause you like the look and feel for it. What you can do is you can click this little icon here  so little thing pops up in the bottom  and what we can do is we can create a new board.

So I'm gonna add a new mood board  and this is going to be for my uh, video tutorial  project, okay? And what happens is grab this little icon,  drag him down here, okay? And he's added to this mood board,  find some other stuff, okay? Some say you like that, but you also like this. Okay? And you drag this into that mood board  and what's happening is you can keep adding things  to this mood board, jump back to Nice  and we'll see in here, hopefully give it a refresh.

There's my video tutorial project. I'm gonna click on that and there's my mood  board with these two on here. And uh, the free version has some features disabled. Um, but you can print these, you can print them to A PDF  and once you've got a few of them, watch this. We'll keep adding some stuff as we go along. But you can start to do, actually  that's quite an important one.

And this one here, you can move around to this function  and you can build this really nice mood  board to get a look and feel. And then what you do is you go to your client  or to the, you know, your stakeholders  and say, this is the look I'm going down. Or you might create two mood boards  and say this is one option, this is another option, which,  you know, how are we feeling about it? Or before you go off and spend loads of time designing. Okay? So, um, uh, that's how you build your mood boards.

Now, sites you can go to to get inspiration,  you probably got somewhere you go,  okay's got a place now I'll share you mine. Um, and it's quite specific to do with UI and ux. Now the first one is this one called the Webby Awards. So every year there's a Webby Awards like the Oscars,  but for designers or UX or UI designers. And there's a bunch of different categories in here. I'm in best user experience  and really cool thing about it is that it,  it details it quite cool, uh, quite well in terms  of apps, okay?

So, um, you can go through  and decide whether it's I'm in the mobile sites  and apps category, but you might go into the web design one. You can see there's a huge amount  of different options in here. But what it does is it kind  of breaks down the apps snarly photos  and really great for mood boards. Okay, Hey Tinder  and uh, you know, so you might decide that I like the look  of this Boomerang app. Okay? And you like the look and feel of it  and you're gonna borrow stuff  or at least get the mood for it there.

Okay? There's not much on this one. But anyway, I can open up my nice app now  and click hold, drag him in  and now he's part of that mood board okay? And just work your way through the site. Webbys. Quite cool.

Another really good one is the awards Dip Dub Dub. Okay? So it's kind of a web based one. There is stuff for both mobile, um, and um,  and websites and um, yeah, just really cool, you know, the,  it's, we find really beautiful stuff, okay. Might get you inspired for your nukes project. Okay.

And they have quite good details who worked on them? Um, yeah. Nice. Okay. And so let's look at some other ones. And we looked at this one already.

Behan, this is Adobe's version. Okay. It has some really cool stuff on here. If I go into this and type search  and I type ux, there's some really cool UX projects on here. Um, cool. Just plan on Google Images.

Okay? So I'm in Google Images here  and I'm just gonna type UI design  and there's just,  just great things to kind of get you started. You might like, I love that. And open up your app, start dragging things in, okay. And yeah, that's how I get my mood boards  or at least my style ideas together in some sort of kind  of order or, you know, just get a feeling for things  and I can go back to my clients  and say, this is what I'm looking  to do before you go off and do it. 'cause they might be like, wow, that looks so 1990s.

And I'm like, huh, I thought they were quite, quite modern  or they, they've got a really different feeling for it. Um, so yeah, mood boards can be really helpful  and save some time before you go in actually doing ui. Alright, so that's it for mood boards  and getting your inspiration. Next step, let's start designing some mockups.
  • Powered by Marvin
  • Terms of use
  • Privacy policy
  • © Bring your Own Laptop Ltd 2025