Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Preview
Start a free Courses trial
to watch this video
Were you able to create an empathy map? Here's our solution.
This video doesn't have any notes.
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
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 upYou need to sign up for Treehouse in order to set up Workspace
Sign up