All language subtitles for 1. The UX brief & persona for our real life project

af Afrikaans
ak Akan
sq Albanian
am Amharic
hy Armenian
az Azerbaijani
eu Basque
be Belarusian
bem Bemba
bn Bengali
bh Bihari
bs Bosnian
br Breton
bg Bulgarian
km Cambodian
ca Catalan
ceb Cebuano
chr Cherokee
ny Chichewa
zh-CN Chinese (Simplified)
zh-TW Chinese (Traditional)
co Corsican
hr Croatian
cs Czech
da Danish
nl Dutch
eo Esperanto
et Estonian
ee Ewe
fo Faroese
tl Filipino
fi Finnish
fr French
fy Frisian
gaa Ga
gl Galician
ka Georgian
de German
el Greek
gn Guarani
gu Gujarati
ht Haitian Creole
ha Hausa
haw Hawaiian
iw Hebrew
hi Hindi
hmn Hmong
hu Hungarian
is Icelandic
ig Igbo
id Indonesian
ia Interlingua
ga Irish
it Italian
ja Japanese
jw Javanese
kn Kannada
kk Kazakh
rw Kinyarwanda
rn Kirundi
kg Kongo
ko Korean
kri Krio (Sierra Leone)
ku Kurdish
ckb Kurdish (Soranรฎ)
ky Kyrgyz
lo Laothian
la Latin
lv Latvian
ln Lingala
lt Lithuanian
loz Lozi
lg Luganda
ach Luo
lb Luxembourgish
mk Macedonian
mg Malagasy
ms Malay
ml Malayalam
mt Maltese
mi Maori
mr Marathi
mfe Mauritian Creole
mo Moldavian
mn Mongolian
my Myanmar (Burmese)
sr-ME Montenegrin
ne Nepali
pcm Nigerian Pidgin
nso Northern Sotho
no Norwegian
nn Norwegian (Nynorsk)
oc Occitan
or Oriya
om Oromo
ps Pashto
fa Persian
pl Polish
pt-BR Portuguese (Brazil)
pt Portuguese (Portugal)
pa Punjabi
qu Quechua
ro Romanian
rm Romansh
nyn Runyakitara
ru Russian
sm Samoan
gd Scots Gaelic
sr Serbian
sh Serbo-Croatian
st Sesotho
tn Setswana
crs Seychellois Creole
sn Shona
sd Sindhi
si Sinhalese
sk Slovak
sl Slovenian
so Somali
es Spanish
es-419 Spanish (Latin American)
su Sundanese
sw Swahili
sv Swedish
tg Tajik
ta Tamil
tt Tatar
te Telugu
th Thai
ti Tigrinya
to Tonga
lua Tshiluba
tum Tumbuka
tr Turkish
tk Turkmen
tw Twi
ug Uighur
uk Ukrainian
ur Urdu
uz Uzbek
vi Vietnamese
cy Welsh
wo Wolof
xh Xhosa
yi Yiddish
yo Yoruba
zu Zulu
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.