Preview
Video Player
00:00
00:00
One Solution
5:18Were 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