One Solution5:18 with Nick Pettit
Were you able to create an empathy map? Here's our solution.
Welcome back, hopefully you were able to find a typical front-end web developer 0:00 through research, and create an empathy map. 0:05 If not, don't worry, I'll walk you through how I completed the task. 0:08 So the persona I started to create here is called Techie Ted. 0:12 He is a 28-year-old front-end developer, and 0:17 in the middle, I put his name, age, and a picture of him. 0:22 This is a great way to start picturing who this person is. 0:26 Now, let's take a look at each category. 0:31 In the says category, I thought of things Ted might say to a coworker. 0:34 For example, I like how easy the color generator is, it works quickly. 0:39 I think Ted here would jump right into testing out the website. 0:44 He has a busy schedule, and needs to know if this application will work for him. 0:49 If a co-worker had shown him the website, this is something you might comment on. 0:54 Next, there are a lot of user-made color palettes as well. 1:00 I might be able to find one that works for me. 1:05 Once again, getting work done quickly is one of Ted's most important concerns. 1:08 Seeing other color palettes already put together by users 1:13 may be interesting to him, and help him find what he needs more quickly. 1:16 This one says, this site is pretty simple and easy-to-use. 1:21 As a developer, he would probably appreciate well-designed 1:26 websites that are easy for users to interact with. 1:29 Lastly, have you read the latest book on CSS, it's a great read. 1:33 If he's just starting his career, he's probably reading a lot and 1:38 keeping up with the latest developments in his field. 1:41 He's knowledgeable and likes to learn. 1:44 As you can see, we are starting to build an idea of who this user is. 1:47 The more information we have about this user, the better our designs will be. 1:52 Next, let's take a look at the Thinks category, what is Ted thinking? 1:57 The first note says, 2:02 can I create a professional color palette with this website? 2:04 First and foremost, Ted needs to use this site for his job, 2:08 so he would be wondering if it will provide what he needs. 2:12 Next, do other developers use this site, is it popular? 2:17 A concern for many is that a site may have what they need, but 2:21 is not very popular, and may end up getting shut down. 2:26 Then he would have to find a new site to meet his color scheme needs. 2:30 This one says, how long will it take to find a good color palette for my project? 2:35 Again, Ted is busy, and needs a site to not only meet his need, 2:40 of finding a color scheme that works for him. 2:45 But to also find one quickly, so he can move on to the next step in his project. 2:48 Lastly, I wonder if someone on my team has a good resource for finding color schemes. 2:54 Ted is a team player, so he would probably think about asking his teammates for 3:00 their suggestions on where to find or create color schemes. 3:05 With another category filled, we have a better picture of who Ted is. 3:09 Next is the Does category, the first note says, 3:15 tries the color generator to see what color schemes it makes. 3:18 Ted is a busy guy who is also tech-savvy, 3:24 he would probably jump right into playing around with the color generator. 3:26 Looks at the user-made color schemes 3:31 to see if he can find one that will work quickly. 3:34 Ted would probably appreciate the pre-made color schemes to make his work easier. 3:37 Exports a color scheme to start adding color to his project. 3:43 As a developer, 3:48 he will need to know the appropriate color codes to implement them in his project. 3:49 Reads books and blogs on design and development, 3:55 to stay up-to-date on the latest trends and best practices. 3:59 Ted is a guy who likes to learn and stay on top of his field. 4:03 Let's take a look at the last category, Feels. 4:08 The first one is, rushed, he has a deadline coming up and 4:12 needs a color scheme quickly. 4:16 Intrigued, the site has a lot of user-made color schemes to choose from, 4:19 and you can easily make your own. 4:24 He likes to play around with things to learn about them. 4:26 Interested, Ted's team is always on the lookout for great new tools. 4:30 In the color schemes, each color has the codes for RGB, CMYK, and so 4:35 forth, making it easy to share correct color information with a team. 4:40 This tool might make his job easier. 4:45 How did your empathy map turn out? 4:48 Now that you have filled your empathy map, 4:50 you probably have a better idea of who the users are for this website. 4:53 Making design decisions should be easier, 4:58 now that you have a better picture of them in mind. 5:01 From here, you can make an even more detailed persona of this user to 5:04 share with your design team, as well as developers, marketers, and more. 5:08 Thanks for watching, and remember to keep practicing your user experience skills. 5:13
You need to sign up for Treehouse in order to download course files.Sign up