Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:00,370 --> 00:00:04,290
Okay so before we get started I want to quickly just outline the brief for this project because this
2
00:00:04,290 --> 00:00:09,940
is an actual project from one of my clients and I feel that would be a nice way to kind of explore extend
3
00:00:09,990 --> 00:00:11,320
through an actual project.
4
00:00:11,340 --> 00:00:16,800
So what we had to do this kind of the UK's research side of things and we had to build out client brief
5
00:00:16,800 --> 00:00:18,330
which I'll show you here.
6
00:00:18,330 --> 00:00:19,940
And we had to build out the persona.
7
00:00:20,010 --> 00:00:22,050
Just like who the target audience is going to be.
8
00:00:22,050 --> 00:00:25,490
So let's have a little look here on the screen ads.
9
00:00:25,530 --> 00:00:25,730
Yeah.
10
00:00:25,740 --> 00:00:31,020
Both what the client sent me as an initial brief and then what we had to actually move it into.
11
00:00:31,020 --> 00:00:33,250
So we had an actual project to work through.
12
00:00:33,300 --> 00:00:33,470
All right.
13
00:00:33,480 --> 00:00:34,300
So let's check it out here now.
14
00:00:35,730 --> 00:00:36,170
Okay.
15
00:00:36,180 --> 00:00:37,290
So first stop.
16
00:00:37,290 --> 00:00:42,300
Like any good creative job and you've got to kind of get the brief right especially for your ex because
17
00:00:42,540 --> 00:00:48,990
often the client and the clients I deal with haven't really run through a lot of UX projects before.
18
00:00:48,990 --> 00:00:54,630
So I guess an unsure what's what's in covered what's not covered those sorts of things.
19
00:00:54,630 --> 00:00:56,880
So a brief is always essential for any project right.
20
00:00:56,910 --> 00:00:59,150
So I figured I'd show you the one that we got.
21
00:00:59,190 --> 00:01:03,920
So there's the brief we got from the client so basically was pretty thin.
22
00:01:03,960 --> 00:01:04,810
They've got a Web site.
23
00:01:04,810 --> 00:01:10,980
Bring her in laptop dot com and they've built this kind of back end for it for their trainers to use
24
00:01:11,040 --> 00:01:15,450
and they want to kind of just release it to other trainers to start using to potentially use it as a
25
00:01:15,450 --> 00:01:16,410
product.
26
00:01:16,470 --> 00:01:18,590
Okay so they want a Web site they want an app.
27
00:01:18,600 --> 00:01:20,820
They very very very kind of basic.
28
00:01:20,820 --> 00:01:26,280
So what I did is I had a little look through their details K through their analytics for their Web site.
29
00:01:26,280 --> 00:01:30,450
I know a bit about them because I've dealt with them before but basically I went through the kind of
30
00:01:30,480 --> 00:01:35,900
UX research project working out who the competitors were what the product does.
31
00:01:35,910 --> 00:01:41,880
It's U.S. PS who the potential users would be gay and built out brief.
32
00:01:41,890 --> 00:01:48,240
So this is the thing that I emailed them gay and basically just covers the basics of most briefs came
33
00:01:49,050 --> 00:01:50,190
as quickly run through it.
34
00:01:50,310 --> 00:01:53,310
If you're not interested you can just skip on and will stop making stuff.
35
00:01:53,370 --> 00:01:59,040
But in this case a K project name description is kind of basically that's what they've said.
36
00:01:59,250 --> 00:02:02,110
So just kind of outlining that description.
37
00:02:02,110 --> 00:02:03,630
Who's it for is quite important.
38
00:02:03,630 --> 00:02:04,860
K. so we build a persona.
39
00:02:04,860 --> 00:02:07,420
I'll show you that in a second what the persona actually looks like.
40
00:02:07,530 --> 00:02:13,650
But this is what we agreed with the client who the potential persona is now the big thing with personas
41
00:02:13,650 --> 00:02:19,200
is that you can guess and you can have a best guess but you need to revise potentially who your persona
42
00:02:19,200 --> 00:02:24,510
might be because you might go yeah it's definitely this person but you need to allow wiggle room and
43
00:02:25,080 --> 00:02:27,120
better spelling and grammar.
44
00:02:27,590 --> 00:02:28,110
OK.
45
00:02:28,140 --> 00:02:32,200
So we've built out who we think the client is for.
46
00:02:32,370 --> 00:02:37,770
We build out a features list K. Just to make sure that we know what's actually going into the wire frames
47
00:02:37,790 --> 00:02:40,240
at the beginning what the important parts are.
48
00:02:40,340 --> 00:02:46,230
K. we leave out things like a photo or other features that are kind of just normal they're the contact
49
00:02:46,230 --> 00:02:48,300
us page needs to be there all of that stuff.
50
00:02:48,300 --> 00:02:52,490
So this is the kind of unique stuff for this project competitors and product inspiration.
51
00:02:52,500 --> 00:02:58,380
This just helps us know and the client know that we're aligned in terms of this is the kind of thing
52
00:02:58,380 --> 00:03:00,800
we're building getting and deliverables.
53
00:03:00,810 --> 00:03:02,130
This is super important.
54
00:03:02,130 --> 00:03:07,440
So we go through two parts is why framing and then this high fidelity basically high fidelity means
55
00:03:08,120 --> 00:03:12,860
you know why frames are really simple high fidelity has all the fonts and colors and images.
56
00:03:12,950 --> 00:03:16,910
So we build wire frames purely just for client approval.
57
00:03:16,920 --> 00:03:17,240
OK.
58
00:03:17,250 --> 00:03:18,810
I don't go out and test wire frames.
59
00:03:18,810 --> 00:03:20,230
We'll talk about that later on.
60
00:03:20,340 --> 00:03:26,100
Then we build a high fidelity prototype and then we go out to some user testing based on the user testing
61
00:03:26,100 --> 00:03:30,060
will do usability report that can be big or small.
62
00:03:30,060 --> 00:03:35,250
Basically just feedback what you found out and you use the testing then once that's all finished and
63
00:03:35,250 --> 00:03:41,330
we've tidied up any of the problems with the user testing we'll grab all of the UI assets for the developers.
64
00:03:41,460 --> 00:03:47,430
And that just means giving them images and code and icons and symbols that they can build either the
65
00:03:47,430 --> 00:03:48,840
app or the Web site.
66
00:03:48,840 --> 00:03:50,960
So that's where our job is going to finish.
67
00:03:50,960 --> 00:03:51,120
OK.
68
00:03:51,150 --> 00:03:55,980
So I always have it like a not included just in case the client just just to kind of make sure the boundaries
69
00:03:55,980 --> 00:03:57,130
are set nice and clear.
70
00:03:57,150 --> 00:04:02,750
So they've asked us to prototype the back end K which is the kind of instructor side of this Web site.
71
00:04:02,760 --> 00:04:06,590
There is also a student side of it which they've already got develops.
72
00:04:06,600 --> 00:04:09,990
They don't they don't want us to redesign that so I'm just making sure it's clear.
73
00:04:09,990 --> 00:04:14,250
They told me that it's clear we're not covering that because they expect to use their kind of current
74
00:04:14,250 --> 00:04:14,880
systems.
75
00:04:14,880 --> 00:04:20,550
The instructor side that we're going to be testing costs case so this is what I charge for this job.
76
00:04:20,550 --> 00:04:29,460
And jobs very often they kind of start at about two two and a half grand us and get up to about 10 grand
77
00:04:29,460 --> 00:04:30,950
for larger projects.
78
00:04:30,960 --> 00:04:35,820
This one here basic workout while my day rate is and it's roughly about a hundred dollars and then I
79
00:04:35,820 --> 00:04:40,440
kind of work out how many days I need to work with something like a timeline add in a bit of a buffer
80
00:04:40,530 --> 00:04:45,870
and then give them an hourly rate after that so that if they do start asking for stuff that's not covered
81
00:04:45,870 --> 00:04:51,810
and the deliverables and you can say sure I can do that but it's going to probably take me another half
82
00:04:51,810 --> 00:04:57,300
day and then they know your hourly rate so they know that's you know it's going to cost X Y and Z.
83
00:04:57,300 --> 00:05:00,270
And I find that's a good way from stopping the job to creep out.
84
00:05:00,300 --> 00:05:02,900
So job creep happens with every job they get.
85
00:05:02,910 --> 00:05:09,720
All can you quickly just add this extra little thing and you kind of you add a new you'll decide later
86
00:05:09,720 --> 00:05:14,160
on if you build them for it or not and then the job overruns and you you either surprise them with a
87
00:05:14,160 --> 00:05:17,030
giant bill or you just suck in those costs which suck.
88
00:05:17,100 --> 00:05:21,390
So I make sure that at the beginning I get my set cost because that's what everyone wants.
89
00:05:21,390 --> 00:05:25,920
Nobody wants an hourly rate but give them an hourly rate as well so that when you're chatting and they're
90
00:05:25,920 --> 00:05:27,900
like Oh hey can you also do this.
91
00:05:27,970 --> 00:05:30,070
Sure it's going to probably take me three hours.
92
00:05:30,180 --> 00:05:36,370
They know a Ali raiders and you can add to your bill and everyone's clear right from the I was asked
93
00:05:36,370 --> 00:05:38,270
for a 50 percent payment upfront.
94
00:05:38,470 --> 00:05:42,910
Okay to start the work there's so many jobs that I end up starting that never kind of get finished so
95
00:05:43,240 --> 00:05:48,070
I like to make sure I get 50 percent upfront so I can cover my costs for the initial part like the.
96
00:05:48,160 --> 00:05:49,150
It's the most important part.
97
00:05:49,150 --> 00:05:51,990
That kind of doing the UX research and working out the features.
98
00:05:52,000 --> 00:05:55,120
That's a kind of the super important part of the job I think.
99
00:05:55,180 --> 00:06:00,220
So I was asked for a percentage upfront you might ask for something smaller than that but 50 percent
100
00:06:00,280 --> 00:06:05,040
is quite common and then 50 percent on completion deadlines.
101
00:06:05,200 --> 00:06:08,500
Every job's a little different but yeah this is what we done.
102
00:06:08,510 --> 00:06:17,470
So there's a kind of them and me so I'll do the user research to get started with the wire frames get
103
00:06:17,470 --> 00:06:19,090
delivered to bring your laptop then.
104
00:06:19,330 --> 00:06:21,210
Then they give me feedback by the certain date.
105
00:06:21,220 --> 00:06:23,030
Then I give them the high fidelity.
106
00:06:23,050 --> 00:06:27,580
Then they give me feedback on that high fidelity and then it actually goes to use a testing and then
107
00:06:27,580 --> 00:06:29,710
we allow for a couple of weeks for user testing.
108
00:06:29,710 --> 00:06:34,510
This can be different depends on how I like for this project we're going to do a lot of what's called
109
00:06:34,510 --> 00:06:36,870
hallway testing or over the shoulder testing.
110
00:06:37,000 --> 00:06:41,260
We're going to try and meet up with people to do physical life stuff and find people that match macho
111
00:06:41,260 --> 00:06:43,270
persona and actually work with them.
112
00:06:43,270 --> 00:06:45,280
Now again we're not gonna have a full on testing here.
113
00:06:45,280 --> 00:06:46,540
I've got another course for that.
114
00:06:46,540 --> 00:06:50,290
Check out how to be a UX designer for some of the testing techniques.
115
00:06:50,370 --> 00:06:54,880
Yeah we're gonna do over the shoulder stuff possible probably do some unmoderated testing where we go
116
00:06:54,880 --> 00:06:59,760
to you say use this testing dot com I find is really useful and you can just send it to them and people
117
00:06:59,770 --> 00:07:05,410
record themselves sheeps quick and it's something you don't have to organize meetings for and you have
118
00:07:05,410 --> 00:07:09,430
recordings so you can snip out but so you could show the client some of the results.
119
00:07:09,420 --> 00:07:16,090
OK then there will be a user testing and complete a report and basic just feedback about this is what
120
00:07:16,090 --> 00:07:18,010
happened in the user testing.
121
00:07:18,010 --> 00:07:22,900
These are the changes we're going to make and you make those changes and once the final changes have
122
00:07:22,900 --> 00:07:29,110
been done will hand over the assets to the developer to get built which in this case would be I'll probably
123
00:07:29,110 --> 00:07:35,800
end up doing the web side of things K at least the front end web design stuff but the app and the backend
124
00:07:35,980 --> 00:07:42,010
development will have to be done by a developer which is totally out of my zone or more of that creative
125
00:07:42,010 --> 00:07:43,120
side the front inside.
126
00:07:43,150 --> 00:07:46,600
So yeah that is the kind of brief that we've seen through to the client.
127
00:07:46,600 --> 00:07:52,300
Always make sure that because I bet you 100 percent promise that this will not get hit that the fourth
128
00:07:52,300 --> 00:07:59,980
of December mainly because the feedback Okay so your client will see this date and say they'll do it
129
00:08:00,190 --> 00:08:02,040
but things will just turn up late.
130
00:08:02,050 --> 00:08:06,910
You know just be one or two days late and I just make sure as soon as it is a couple of days late I
131
00:08:06,910 --> 00:08:12,120
revise the next timeline so that they know that it's them that pushed it out.
132
00:08:12,130 --> 00:08:18,190
So when it is like two months overdue it's not because of me it's because of their poor feedback.
133
00:08:18,190 --> 00:08:23,260
Okay so be really kind of rigid at the beginning saying that yep it needs to be here by this date and
134
00:08:23,260 --> 00:08:28,210
as soon as they're late add that to the time and just kind of push that out because this is going to
135
00:08:28,210 --> 00:08:32,830
look long if it pushes over to the next year because it is going to add like another couple of weeks
136
00:08:32,890 --> 00:08:37,390
in the middle over Christmas so we should have been handing this over kind of mid-December.
137
00:08:37,390 --> 00:08:42,670
And before you know it it's February and they had in their head middle of December so just be very clear
138
00:08:42,670 --> 00:08:44,350
about timelines and deadlines.
139
00:08:44,350 --> 00:08:46,150
Now again this is my process.
140
00:08:46,270 --> 00:08:51,730
You might be working an agency and that four thousand dollars just wouldn't cover the rent so you might
141
00:08:51,730 --> 00:08:57,820
be starting in the 5000 and ending in the 50000 dollar mark depending on how large the project is.
142
00:08:57,880 --> 00:09:02,950
You might be just getting started and you might be taking on work a lot cheaper than that UK you might
143
00:09:02,950 --> 00:09:07,280
be doing designs for fifteen hundred or even 500 to get your first job.
144
00:09:07,360 --> 00:09:10,630
But I figured I'd show you where I at as a freelance u x designer.
145
00:09:10,630 --> 00:09:15,330
So you've got some sort of idea of pricing and timelines and briefs.
146
00:09:15,340 --> 00:09:17,290
Let's have a quick look at the persona that I got made.
147
00:09:17,620 --> 00:09:17,880
All right.
148
00:09:17,890 --> 00:09:23,420
So this is the persona that we built for this project now and the initial briefs kind of a rough outline
149
00:09:23,450 --> 00:09:29,760
what we've done since then is some Unix research into who this person is most likely to be.
150
00:09:29,850 --> 00:09:35,260
And the nice thing about this particular client is that they have lots of Google Analytics and have
151
00:09:35,260 --> 00:09:40,330
a strong YouTube channel so it's easy to get in there and see actual hard data about who's using the
152
00:09:40,360 --> 00:09:45,730
channel he's using their product and then talking to the client about who this potential person could
153
00:09:45,730 --> 00:09:46,370
be.
154
00:09:46,720 --> 00:09:47,100
So.
155
00:09:47,440 --> 00:09:51,220
And then what goes into this will really depend on your project.
156
00:09:51,220 --> 00:09:53,600
So we've given this guy a name.
157
00:09:53,600 --> 00:09:59,210
Peter that's a fake stock library image but I feel like it represents the person we give him an age.
158
00:09:59,260 --> 00:10:01,550
His job title in a place he lives.
159
00:10:01,620 --> 00:10:03,140
K now what goes in him.
160
00:10:03,190 --> 00:10:09,470
What you really want to do is be able to communicate well after reading this know the person.
161
00:10:09,550 --> 00:10:16,780
So do you need to write down the toothpaste to users or the Curry drives potentially but potentially
162
00:10:16,780 --> 00:10:19,390
not if it's a Prius or a Ferrari.
163
00:10:19,420 --> 00:10:24,180
That's kind of an indication potentially of what kind of person he is gay.
164
00:10:24,190 --> 00:10:30,640
So and some I've seen some personas that just get into us like my you should detail like guess what
165
00:10:30,640 --> 00:10:35,790
you want and there is just so you can have enough in here to kind of walk away and go I understand where
166
00:10:35,820 --> 00:10:38,470
he is coming from in relation to my product.
167
00:10:38,520 --> 00:10:40,650
OK so it could be shorter than this.
168
00:10:40,650 --> 00:10:44,690
Probably not much shorter but I wouldn't make it too much longer either.
169
00:10:44,710 --> 00:10:45,900
So have a read through this.
170
00:10:45,900 --> 00:10:50,550
Just so you understand who Peter is while we're doing this project what I've done for you is in the
171
00:10:50,550 --> 00:10:55,830
exercise files there is a folder called persona template and you can use this if you want.
172
00:10:55,830 --> 00:11:00,750
There's an illustrator file and you can switch out the images and fonts and stuff and use that if you
173
00:11:00,750 --> 00:11:01,110
like.
174
00:11:01,110 --> 00:11:06,820
You have total permission to use it and but you have a read through and see how Peter does things.
175
00:11:06,840 --> 00:11:12,420
So have a read through and understand PDA and it's positions that when we're building an x d we can
176
00:11:12,420 --> 00:11:18,330
make some decisions based on what Peter would want not what the client wants and not what I want personally.
177
00:11:18,330 --> 00:11:18,590
All right.
178
00:11:18,600 --> 00:11:20,260
So that's the brief and personas.
179
00:11:20,280 --> 00:11:21,510
Let's get on to the next video.
19279
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.