1 00:00:00,222 --> 00:00:05,205 Welcome back, hopefully you were able to find a typical front-end web developer 2 00:00:05,205 --> 00:00:08,103 through research, and create an empathy map. 3 00:00:08,103 --> 00:00:12,878 If not, don't worry, I'll walk you through how I completed the task. 4 00:00:12,878 --> 00:00:17,847 So the persona I started to create here is called Techie Ted. 5 00:00:17,847 --> 00:00:22,099 He is a 28-year-old front-end developer, and 6 00:00:22,099 --> 00:00:26,842 in the middle, I put his name, age, and a picture of him. 7 00:00:26,842 --> 00:00:31,378 This is a great way to start picturing who this person is. 8 00:00:31,378 --> 00:00:34,390 Now, let's take a look at each category. 9 00:00:34,390 --> 00:00:39,693 In the says category, I thought of things Ted might say to a coworker. 10 00:00:39,693 --> 00:00:44,777 For example, I like how easy the color generator is, it works quickly. 11 00:00:44,777 --> 00:00:49,808 I think Ted here would jump right into testing out the website. 12 00:00:49,808 --> 00:00:54,764 He has a busy schedule, and needs to know if this application will work for him. 13 00:00:54,764 --> 00:01:00,341 If a co-worker had shown him the website, this is something you might comment on. 14 00:01:00,341 --> 00:01:05,290 Next, there are a lot of user-made color palettes as well. 15 00:01:05,290 --> 00:01:07,170 I might be able to find one that works for me. 16 00:01:08,310 --> 00:01:13,250 Once again, getting work done quickly is one of Ted's most important concerns. 17 00:01:13,250 --> 00:01:16,690 Seeing other color palettes already put together by users 18 00:01:16,690 --> 00:01:20,410 may be interesting to him, and help him find what he needs more quickly. 19 00:01:21,460 --> 00:01:26,290 This one says, this site is pretty simple and easy-to-use. 20 00:01:26,290 --> 00:01:29,430 As a developer, he would probably appreciate well-designed 21 00:01:29,430 --> 00:01:32,150 websites that are easy for users to interact with. 22 00:01:33,330 --> 00:01:38,350 Lastly, have you read the latest book on CSS, it's a great read. 23 00:01:38,350 --> 00:01:41,770 If he's just starting his career, he's probably reading a lot and 24 00:01:41,770 --> 00:01:44,460 keeping up with the latest developments in his field. 25 00:01:44,460 --> 00:01:47,160 He's knowledgeable and likes to learn. 26 00:01:47,160 --> 00:01:52,100 As you can see, we are starting to build an idea of who this user is. 27 00:01:52,100 --> 00:01:57,037 The more information we have about this user, the better our designs will be. 28 00:01:57,037 --> 00:02:02,856 Next, let's take a look at the Thinks category, what is Ted thinking? 29 00:02:02,856 --> 00:02:04,242 The first note says, 30 00:02:04,242 --> 00:02:08,258 can I create a professional color palette with this website? 31 00:02:08,258 --> 00:02:12,794 First and foremost, Ted needs to use this site for his job, 32 00:02:12,794 --> 00:02:17,169 so he would be wondering if it will provide what he needs. 33 00:02:17,169 --> 00:02:21,560 Next, do other developers use this site, is it popular? 34 00:02:21,560 --> 00:02:26,090 A concern for many is that a site may have what they need, but 35 00:02:26,090 --> 00:02:30,400 is not very popular, and may end up getting shut down. 36 00:02:30,400 --> 00:02:35,190 Then he would have to find a new site to meet his color scheme needs. 37 00:02:35,190 --> 00:02:40,656 This one says, how long will it take to find a good color palette for my project? 38 00:02:40,656 --> 00:02:45,274 Again, Ted is busy, and needs a site to not only meet his need, 39 00:02:45,274 --> 00:02:48,599 of finding a color scheme that works for him. 40 00:02:48,599 --> 00:02:54,492 But to also find one quickly, so he can move on to the next step in his project. 41 00:02:54,492 --> 00:03:00,445 Lastly, I wonder if someone on my team has a good resource for finding color schemes. 42 00:03:00,445 --> 00:03:05,537 Ted is a team player, so he would probably think about asking his teammates for 43 00:03:05,537 --> 00:03:09,488 their suggestions on where to find or create color schemes. 44 00:03:09,488 --> 00:03:15,039 With another category filled, we have a better picture of who Ted is. 45 00:03:15,039 --> 00:03:18,748 Next is the Does category, the first note says, 46 00:03:18,748 --> 00:03:24,050 tries the color generator to see what color schemes it makes. 47 00:03:24,050 --> 00:03:26,560 Ted is a busy guy who is also tech-savvy, 48 00:03:26,560 --> 00:03:31,490 he would probably jump right into playing around with the color generator. 49 00:03:31,490 --> 00:03:34,080 Looks at the user-made color schemes 50 00:03:34,080 --> 00:03:37,670 to see if he can find one that will work quickly. 51 00:03:37,670 --> 00:03:42,390 Ted would probably appreciate the pre-made color schemes to make his work easier. 52 00:03:43,540 --> 00:03:48,750 Exports a color scheme to start adding color to his project. 53 00:03:48,750 --> 00:03:49,955 As a developer, 54 00:03:49,955 --> 00:03:55,901 he will need to know the appropriate color codes to implement them in his project. 55 00:03:55,901 --> 00:03:59,210 Reads books and blogs on design and development, 56 00:03:59,210 --> 00:04:03,398 to stay up-to-date on the latest trends and best practices. 57 00:04:03,398 --> 00:04:08,031 Ted is a guy who likes to learn and stay on top of his field. 58 00:04:08,031 --> 00:04:12,327 Let's take a look at the last category, Feels. 59 00:04:12,327 --> 00:04:16,940 The first one is, rushed, he has a deadline coming up and 60 00:04:16,940 --> 00:04:19,455 needs a color scheme quickly. 61 00:04:19,455 --> 00:04:24,180 Intrigued, the site has a lot of user-made color schemes to choose from, 62 00:04:24,180 --> 00:04:26,690 and you can easily make your own. 63 00:04:26,690 --> 00:04:29,150 He likes to play around with things to learn about them. 64 00:04:30,600 --> 00:04:35,800 Interested, Ted's team is always on the lookout for great new tools. 65 00:04:35,800 --> 00:04:40,550 In the color schemes, each color has the codes for RGB, CMYK, and so 66 00:04:40,550 --> 00:04:45,770 forth, making it easy to share correct color information with a team. 67 00:04:45,770 --> 00:04:48,950 This tool might make his job easier. 68 00:04:48,950 --> 00:04:50,870 How did your empathy map turn out? 69 00:04:50,870 --> 00:04:53,040 Now that you have filled your empathy map, 70 00:04:53,040 --> 00:04:58,310 you probably have a better idea of who the users are for this website. 71 00:04:58,310 --> 00:05:01,210 Making design decisions should be easier, 72 00:05:01,210 --> 00:05:04,040 now that you have a better picture of them in mind. 73 00:05:04,040 --> 00:05:08,360 From here, you can make an even more detailed persona of this user to 74 00:05:08,360 --> 00:05:13,000 share with your design team, as well as developers, marketers, and more. 75 00:05:13,000 --> 00:05:17,590 Thanks for watching, and remember to keep practicing your user experience skills.