 UX stands for user experience. This is how a user, who is a person like you or me, interacts and feels about a product that you make. Every company in the world wants people to use the product that they're great, and as a UX designer, it's your job to make something that's simple to use, solve a clear problem, and put the end user at the centre of the design process. UI stands for user interface. User interfaces are what you interact with on a day to day basis. We all know them, we all use them. Everything you see on a computer screen is a user interface. It's the presentation layer to the application. I've seen a large shift over the past 10 years towards what's known as design systems or design languages. A design system is simply just a collection of components that are used to build websites. The goal is re-usability. Accessibility means what you design and develop is usable to all people, regardless of disability type or impairment. A great example of accessibility being used in real life is the London Underground. If you go on over to their website, you can download an accessible version of their tube map, and instead of colours being the different lines, there's actual textures on here so there might be some dashes or dots, and it really helps people with visual impairments tell the difference. UX design process is also known as the user-centred design process, UCD, and is essentially how you make a great digital product. The UCD is split up into four stages, and it's all about understanding the problem you're trying to solve and testing with actual users along the way. The first step in the UCD is research. This is where you really understand the problem that you're trying to solve and who you're solving the problem for. There are lots of different UX techniques that you can use to understand your users. Creating personas allows you and the team to keep the user at the centre of the design process. Personas are the answer to the question, who are we designing for? Personas are not just made up out of thin air, they're created by research and information about your audience and summarising it in the creation of one or more persona sheets. UX tasks, such as user interviews and surveys, can help with research for persona creating and give you some valuable insights you can use during the design process. Your main task during the research phase is to develop a realistic vision of your user. These insights enable you and the team to create user-friendly products based on real-life feedback. The next step in the UCD process is the design phase. This is where you're going to get down on paper an initial design for the project you're working on. The quickest way to get started is to use pen and paper. I normally have a kick-off meeting with designers and other team members to sketch out some initial ideas. The level of detail you need to go into is very low. Don't be afraid to draw boxes and scribble lines for text. The idea is to see the big picture. Small details can come later. Over the years I've found it better to get collaborating early on in the project and make others feel like they're part of the design process. When working on paper it's much easier to throw away and make changes. Once you have an idea of what you're going to create the next step is a basic prototype. The goal should be to have something usable and test it early on with potential users. Having a workable prototype early on is also a great thing to show stakeholders within the business to make sure that you're on the right track. There are a few really good tools that you can use to create prototypes and in the next section we're going to discuss them in detail. The next step is testing and this is vital. The difference between the first design of your product and what makes it into the world can sometimes be night and day and this is all down to user feedback. Just imagine your first design is a draft and then once you start showing it to people and getting feedback this will change. There are a lot of different techniques for gathering feedback on your design. If you work for a large company you may have in-house testing facilities. Normally there will be someone from the business who has a list of tasks for the user to perform. This can be quite eye-opening as you get to see how your design performs in real life and assume it becomes obvious where the problems are. If you want to do some testing online there are plenty of places to go to. I'll mention these tools in the next section. All you need to focus on is that once you have a design the goal is to keep improving based on user feedback. This feedback will be invaluable and can be a little heartbreaking too if I'm telling the truth when someone sees your design and they're shown to be unusable. The next step after you have incorporated all of this feedback into your design is the development process. Your design will be broken down into small pieces and every little detail discussed as a team and documented ready for development. A lot of people ask do you need to know code to be a UX designer? You may get a lot of different answers but from my experience you don't. Personally I know the basics of HTML and CSS and that's about it. As a junior designer you don't need to know code as this is actually a different job. In every place I've worked as part of the team there are actual front-end developers who specialize in this. A front-end developer will take your design and make it come to life. They will put it together in code for whatever type of product you're working on. If you're designing a website then this will be HTML, CSS and JavaScript. If you're designing an app then this will be different. There may also be Java developers which can be confusing because Java and JavaScript sound the same but they're actually two entirely different code languages. Many tools I've built have had multiple front-end and Java developers working together over many months to create. This is why I believe you don't need to know code. It might be nice to know but it certainly isn't necessary. Once your product has been developed and launched to the world there's still one more thing to look at and that's analytics. When you create a website for example there's a tiny bit of code that you get from Google that you can put on your website and this tracks all the interactions. This is so useful as a designer to see how things are going. You can see things like how many people visited your site, where they clicked, where they came from, how long they spent on each page and find out where they leave the site from. Now is the time to collect all of this data and package it together ready for improvement's favour on. As a designer this is really fun and interesting and it's a step not to be forgotten. The user-centered design process is a loop. All of your analytics can now go back into the research phase to discover new problems and things that can be improved on your site. You can keep making your product better and better and now have a framework to do it in. Okay now you know the basics of UX and what a designer does day to day. Next is the part you've been waiting for. Let's get you up and running with the best design tools. In this section we're going to look at some of the best tools for UX designers on the market. There are hundreds of tools out there so I'm only going to talk about the ones which I've personally used. The great thing about most of them is the free or they offer a free trial and you can get up and running quickly. Let's start with my favourite design tool, Figma. Head on over to figment.com and sign up today. The best thing is for you that it's 100% free. Figma is used mainly for UI designs, designing websites and apps. I use Figma for all of my design work and prototypes. Prototyping is built into the tool itself and is really easy to learn. If I'm designing a website I'll put together a detailed prototype of all the pages in Figma and share this with the rest of the team to get feedback. Figma produces a shareable URL for the prototype. This doesn't share any of the design assets, just the clickable prototype. When you work as a UX designer there will normally be other designers that you work with and Figma is really good for collaboration and sharing design files. With the free version up to two designers can work on the same file at the same time and for collaboration this is great. One of the great things about Figma is that it's opened up as software to extensions in the community tab and you'll find lots of great resources. The Reven fully completed design systems to get you started. One other thing I found really useful about Figma is that you can import design files from other tools. This saves you re-creating all your artwork and it normally does a great job. I've put together some tutorials where I walk through creating a website in Figma and if you're interested the link's in the description. Adobe XD is Figma's biggest rival. You can find it over at adobe.com forward slash products forward slash XD. XD again is free for personal use and for professionals and small teams it has a small monthly cost. I've used both XD and Figma and there isn't much to choose either way they're both really good. The benefit of Adobe XD is that it's created by adobe and they have an amazing track history with design tools. You can guarantee that XD is going to keep getting updated regularly and there's going to get better over time. Within XD you can create designed prototypes and has really good integration with the other adobe tools. If you're familiar with Photoshop, Illustrator or Premiere this may be the best for you. There really is no industry standard UI prototyping tool and it's up to you and your colleagues which one works best. As a side note if you're keen to get started with either Figma or Adobe XD I have a full UX design course with plenty of example projects where we walk through and design websites in both tools over at AnthonyCombo.com. I'll mention more about this later but it's got everything you need to start designing today and some great example projects for you to work along with. Sketch is another UI design tool similar to Figma and XD. You can download a 30 day free trial over at sketch.com. Unlike XD and Figma, Sketch is Mac only and once the free trial over there is a one-time fee for the software. This is still great value and I know plenty of teams who still use Sketch. A couple of years back I used Sketch to design Barclays.co.uk and the tool was great. It was one of the pioneers for digital design tools specific for UI design. Sketch has prototyping built in and some great calibration features. The mirror mode is great where you can preview your mobile or tablet design right on your device. One of the best things about Sketch is the developer handoff where you can share your design with a single link. The developers can open this link and check it out in a browser. They can inspect elements and even export assets. This is extremely useful in a real world project environment. If you have time, check out all three and see which one works best for you. There is no right or wrong and they're all pretty similar to use. You won't have trouble using one over the other and you'll pretty soon get the hang of things. Now that you have your UI designs, it's time to test it out. Check out usability hub. This is one of my favourite online user testing platforms. You can sign up today and try it for free and see what different type of tests they offer. If you were designing something simple like a logo for example, you could set up a preference test. This is where you show multiple variations of the same design and ask a user to choose which one they prefer. It's a great way to get lots of quick feedback on something which is a straight up choice. If you have an email list then you can send out a link to the test and the feedback will normally come quite quickly. It's a really good way to provide evidence for any design decisions and base your choice on data. If you don't have an existing audience to send your test out to, usability hub have a panel of over 170,000 users that you can recruit for a dollar or a response. You can target this audience on things like age, gender, education and get quite specific on who the target audience is. Design surveys help you make confident decisions by collecting user feedback. You can ask multiple choice questions and even show your design when the question is displayed. This way you can ask the user about certain elements on your page. Another test you can run on usability hub is a first click test. This is where you ask the user to perform a task and then show them your design. Usability hub will then provide a heat map so you can see where users clicked. This is awesome to see if you've got the placement right for important elements and make sure your site is easy to navigate. You also get a breakdown of how long users took to make this click, so looking at the speed lets you know if this is an intuitive location. If you already have a website then CrazyEgg is an unbelievable tool that will help you understand how users interact with your site. For every new site I build I get CrazyEgg in store from day one. This way I can make sure the site is behaving like it should and any problems will be quickly discovered. CrazyEgg tracks user sessions as they browse your site and allow you to watch them back. It provides heat maps of where users viewed and clicked. Nothing beats watching a user interact with your product and it gives you a different viewpoint. By watching multiple sessions you will soon see a pattern of how users behave. Users may not view entire sections of your content that you may have put a lot of time to and they also may miss the main call to action on the page. By watching sessions and discovering these floors you can improve your site and repeat. Another amazing tool is A.B. testing. CrazyEgg can analyse your website and allow you to offer the users who visit your site to slide variations. A.B. testing is the survival of the fittest in the digital world. If you can generate more sales for your business by changing the colour of a button or an image choice then this is game changing. CrazyEgg handles all of this for you and you can make the changes via the interface pretty simply. At the end of the test you'll get a breakdown of which variation won. You need to define before you do the test what success is such as purchases or clicks to a certain page but this one is one of my favourites. I've put a link in the description and the guidebook to one of my favourite articles about A.B. testing. This is from the 2008 director of analytics at the Obama campaign entitled How Obama Raised 60 Million by Running a Single Experiment and It's a Great Read. It details the test they ran on Barack Obama's website for the US presidential campaign for sign-up rates and they tested two things. The wading on the button and an image. By creating a multivariant test they randomly combined these two factors and discovered that they actually performed quite differently. The winning combination helped boost sign-up rates by 40%. That's an extra 2.8 million emails and according to the article each email on average donated $21 to the campaign which translated into an additional 60 million in donations. This test could have changed history. When you apply for a job as a UX designer the most important thing is your portfolio. I want you to take away something from this section and that's the saying it's not personal it's business. When you apply for a job all the hiring manager knows about you is a piece of paper with your education and your work history along with your portfolio. As a junior designer you don't have a wealth of experiences so your portfolio it's the digital representation of you. This is all a hiring manager will look at and most of the time it may only be for a few seconds. If you have 30 applicants you can't afford to read through every word in the portfolio it's more about the overall sense you get from it. It's obvious who has put the effort in and who hasn't just by viewing for a few seconds this is where you're going to stand out. Rather than leave this up until last minute we're going to get set up now so we can build towards something. To begin let's start with the basics you need an online portfolio. When I started I used to put my design files on a CV on a USB stick and handed out to the events. This is when USB sticks were expensive how I envy you. Now it's easier to have your portfolio on a website and keep it updated. Don't worry you don't need to know how to build a website you don't need to. There are plenty of ready-made templates and builders out there that are fantastic. For this process let's make things simple and stick to Adobe portfolio. If you already have a creative cloud account with Adobe then great it's free. If not you can sign up and publish your website for free within 60 days. I've used many different hosting platforms over the years, bought their maiden names and done everything myself plenty of times. Trust me it's a lot easier just to sign up for something like this with Adobe. Yes we're pressing other content management systems you have more control but at the end of the day it's the actual content within the portfolio not the flashy website itself that's the most important thing. If you head on over to portfolio.adobe.com and click get started for free you'll be able to preview and click a ready-made theme. The best thing is that you can change your theme anytime if you change your mind. Each one of these themes has been designed carefully by Adobe for the specific purpose of hosting your portfolio. They all work responsibly across desktop, tablet and mobile and are nice and simple. Choose the one you like and get started. You can even assign it a custom URL such as yourname.com. One reason I also like Adobe portfolio is that it combines well with Behance. If you check out Behance.net you'll find lots of design inspiration from amazing designers around the world. It's a place where you can showcase your work and discover new artists. If you already have a profile on here your work can be shared with Adobe portfolio and put straight into your website. Behance is free to sign up and another place where you should be building your online presence with your work. The reason we've set up our portfolio so early is that it should be the goal to make the best possible portfolio. Each project you make is a reward for all the hard work you've put in. All the learning you're doing needs to be documented. Your portfolio is not just a finished work, it's a living document that showcases your journey. Remember it's not personal it's business. The hiring manager doesn't know you, they don't know how much work you put in. Your portfolio is all they see and it's up to you to show them the work you put in by making the digital representation of you as good as the real thing. Now it's time to dive right into the fun stuff with some example projects. I've found this is the best way for beginners with no experience to get started. Having an example brief and project to work with helps you structure your work. You can put as many projects as you want in your portfolio and if you head on over to antonycomboy.com I've got a full free example project that you can get started on today. What's up guys I just wanted to jump right in here. I've made the first seven days of the UX design course for free. So if you head on over to antonycomboy.com you can get started today it's totally free. See if it's for you. Try the first project out there's 17 briefs in there you can follow along with me design websites you can design them yourself there's lots of project files in there there's loads of cool stuff and we teach how to build a portfolio how to get more design experience how to get confidence loads of tips about how to get your first job in the industry antonycomboy.com head on over there there's nothing to lose like you don't pay anything for the first seven days so if it's not for you drop out but if it is for you you're going to get a world of experience you're going to feel great at the end of it and you might even start a new career so I'll let you get back to the video but head on over there now sign up head there after the video and let's get started. In the series of videos I go through how you would research similar competition break down and have to structure a website there's an example of a user persona a flow diagram that you can also download these are both part of the UX design process and something that comes in useful when you take on a real world project when you follow along you can create your own version of this project and use it in your portfolio here's a quick preview of the website that we create together if you have a go at creating this website then feel free to drop your prototype link in the comments for others to see I've always found it harder for beginners to restart from scratch and example projects are the best way to start. In this step we're going to look at how to present your work and make sure that you stand out when applying for a job. This is where a lot of designers don't do themselves justice and being honest I'm definitely including myself in this when you apply for a job you need a portfolio that represents you to the best of your ability and it's easy to forget or just rush at the end of every project or piece of work that you do it's important to write a short case study this is why we set your portfolio before doing any work we're going to create this as we go along a lot of the time you may be tempted to just put in a picture of the finished designs into your portfolio or a link to your prototype when applying for jobs a case study done well is simply a documentation of the process you've gone through to come up with the design this includes problems that you're trying to solve sketches you've made wireframes and early initial ideas include any details of any problems you've solved along the way this is really good in the description I've dropped a link to a great medium article called six case studies done right this shows six really good examples of how to do this and structure it well don't be embarrassed to include versions of work that didn't work out this is all about telling a story your persona and user flow diagram that you created in the last step should go in here along with the design work it's really important when applying for a UX design role that you show more than just UI design skills UX as a skill set has loads of other deliverables that you could include in addition to your designs UX planet has a great article called a complete list of UX deliverables by Nick Babich that shows you all the other examples such as mood boards analytics and usability reports not every task is right for your project but it's better to show some other deliverables to make you stand out from everyone else the key thing here is to show a journey and tell a story you will have learned things along the way in every project take time in your writing to use gremlin.com to make sure that your spelling punctuation and tone are all in check this is a wonderful tool that I'm actually using free right now to do this script you certainly don't want to spoil your great work with spelling mistakes and I can't count the amount of times that I've done this personally over the years another great place to host your write-up is on behance.net this is perfect to share your work with the design community and find lots of inspiration a lot of designers write up their project on here and you will see some good examples of how to structure them it's really important to always see what other designers are doing and some of the best in the world are on behance you might even make some new friends and get some feedback on your work it's always cool to check what the community is doing as well when presenting your work you can actually use a video it's not something I've seen many designers using to the full capacity I'd rather watch a video than reading something and that's just being honest your phone probably has a decent video camera and for writing up you could always do a short video talking about the project don't worry about production quality I've spent loads of money on a fancy studio and most of my successful videos were either me filmed outside on my phone or a presentation made an eye movie like this with simple words on a screen if I were to see a video of a designer talking about the work it would make me more inclined to call you for an interview I don't know why it just feels more personable you can of course still write up your work but a short video of you talking about something goes a long way this is a step that almost all designers neglect you need to present yourself to the world so that others know you exist you are a brand and it's time the world knew about you this is something that you can work on throughout your career but let's get started right now everything you do in this step is extra and will help you stand out when applying for a job the first thing to do is sign up for a LinkedIn account this is a hundred percent free and LinkedIn is a professional networking platform although I started out as an online resume it's much more than that and has grown in the last five years it's positioned itself as a social media network for professionals and it's a great opportunity for you there's a real lack of quality content on LinkedIn and any post that you make has the opportunity to reach thousands of important people in the business world just doing a simple search for head of UX can pull up hundreds of names and add people to your network if they accept you will see future posts from them don't be shy here the goal is networking we'll talk more about this in the next step finding a job but just know for now LinkedIn is your most powerful tool for being part of this design community whenever you create a new project in your portfolio feel free to stand out a status update to LinkedIn share something you learn there's an update or write an article from time to time the key thing to remember is that nobody knows you exist until you produce something this isn't personal it's just the truth in the digital world there are other social media platforms for you to share your work but the most important ones are Behance, LinkedIn and YouTube I mention in YouTube because there's lots of potential here the key is to share something that others find useful don't make it all about yourself the best way to learn is to teach so if there's something cool that you learned in Figma or Adobe XD then make a short video and poster you can share videos on LinkedIn and YouTube and remember these are evergreen and live forever and people will be finding these in years to come so for now stop building up a body of work for each project you create remember to document it in written and video format and share it even spending half an hour a week your soon grow up a library of content that you can grow throughout your career in the next and final step we're going to see finally how you can break into the industry and get that first job this is my favorite step of all and it's the hardest if you've put in the hard work to learn the basics create a portfolio that's got some sample projects in it have an active LinkedIn account then it's time you made the next step here's the secret get your foot in the door before you even have a job my first job was with Wired magazine in the UK and there's pretty much a zero percent chance that I would have got that job by applying on the website or through a job board as a junior designer your biggest asset is you and your work ethic to compete with thousands of other designers on paper is pretty much impossible and unfortunately this is where most people give up not you not today in the UK we have work experience which is an internship in most of the world and it's where you volunteer at the company for a few weeks to get some experience before I got my first job at Wired I was lucky enough to have already interned the Vogue magazine GQ and Ferrari all in the same building the only thing I was paid for was lunch money and tube fare I stayed in a hotel until I ran out of money and then into a hostel I traveled to London every summer from Liverpool for three years and made as many connections as I could I only found out about the job in Wired because I'd arranged to actually intern there and the first day I arrived they needed a full-time junior designer I was given the role because I was already in the building this is how the business world works a lot of the time it's who you know not what you know unfortunately the great news for you is that it's never been so easy to make connections from home on LinkedIn you can send out messages to UX designers from across the world all you need to do is a quick search for UX designer filtered by people and location and then hit connect you can personalize your invitation to connect with a message and it's something I suggest you always do try searching for head of UX and send a few nice carefully written messages with a LinkedIn portfolio and ask if there are any intern programs available this is all about putting in the work not being put off by a rejection and a slice of luck along the way if you try enough people then eventually this may lead to an opening from there once you're inside the company then it's time to put in the work network and find out how to get a junior role by asking people in the company this work for me and I've seen it work for others too I also know how hard it is to get a junior role and how tough it is getting rejected by company after company looking for experience my only answer to this is make them an offer they can't refuse take all the friction out the hiring process and get your foot in the door before you even have a job if you want to become a UX designer but you're not sure where to start and you feel like this video has kind of got you in the mood to learn some more then again try it out head on over to AntonyComboy.com there's a full UX design certification on there the 17 projects which we do together we download the programs I show you where to get images I show you how to write a brief how to understand projects how to work in a team we build a portfolio together you don't even need to know HTML, CSS, we use the builders that are there already we put the projects into the portfolio actually how to write them up then I'll teach you loads of inside information about how to get a job at the end of it I'll give you lots of tips that I've learned along the way I've been in the industry for 15 years I've been on both sides of the interview table so we know what I'm looking for in a designer and I know what you want to show to a hiring manager we learn all of this in the course the first seven days are totally free so head on over there you can cancel anytime try it out and I know that the course is so good that you're not you're not going to want to cancel after seven days so that's why it's giving me the freedom to make it free for the first seven go and try it out I'm sure you'll love it and you know subscribe to the channel I'm going to be posting lots more information I've got a new studio set up or to make videos for you guys so you can get design confidence design experience and start a new career so head on over there right now and until next time keep designing