PHP UK Conference 2013

Usabilidad para programadores

Elizabeth Tucker Long  · 


PDF (pincha para descargar)



Extracto de la transcripción automática del vídeo realizada por YouTube.

so who am i I'm Beth Tucker long you can find me on Twitter as III Beth t I do have my slides posted online so i'll give you a link to those as well I'm the editor-in-chief of PHP architect magazine if you've never heard of the magazine please

come and see me I'd love to hook you up with some free issues it's a digital magazine and also if you've ever thought about writing for a technical magazine please come and see me we have technical editors and copy editors to help you out so don't

worry if you're not a great writer or if you've never written before all you have to be is excited about it topic and will help you with everything else I'm also a teacher I teach PHP classes as well and i'm a freelance consultant i have audience

participation during my talks so brace yourselves for it now feel free to ask me questions during the talk I don't mind if you ask me questions and I will stare awkwardly at you guys until someone answers when I do ask the question so pipe up right away

and save us all the hassle so what am I talking about today I'm talking about usability so usability as sort of this big grand theory that a lot of people talk about but what it boils down to is what we want to do is structure everything that we do so

that our users aren't complaining about us on twitter and facebook okay because they say there's no such thing as bad press they are wrong okay the last thing we want is our users talking about how horrible we are and scaring off potential new customers

okay so what's the first thing someone's going to do when your site is difficult to use they're going to go else where they're going to leave okay there are so many websites out there you guys are not the only option so the first thing they're

going to do is not contact you and ask for help the first thing they're going to do is just leave and never come back because it was hard okay we don't like things that are hard okay so what's the first thing we do when we're talking about

usability the very first thing you need to do is figure out who are your users okay so your users are they very technical are they not very techincal are they in a hurry when they come to your site or are they looking for something that's going to slowly

walk them through things what do your users want out of your website and along with that what do you want out of your users when they come to your website because those are often very different things they want to come to your website to compare prices you

want them to buy something okay so how do you get them to do what they want to do and also what you want to do as well another great thing to find out about your users is where are they going to go if your site doesn't work and why does that site work

for them when yours doesn't so keep an eye on where your users are going when they leave so what kinds of things do we look at when designing for usability the first and foremost thing you want to look at is learnability is it really difficult to learn

how to use your site as intuitive as you think your site maybe your users still have to learn to use it the first time they come to your site and we want to make sure that's as easy for them as possible obviously the Internet has made us all very impatient

we don't want to spend a lot of time having to wait for things or doing things we want it to be fast so make sure your site is very efficient make sure that the things your users want to do on your website are easy to find so they don't have to remember

12 steps to dig down to find something because users don't like to have to remember things especially if they're only coming to your site maybe once or twice a year make sure that your errors are easy clear and recoverable and lastly and this is listed

last because it's the least important not that it's not important but it's the least important of all this make sure your site looks nice obviously if it's hideous and horrendous it's hard to convince people to stay so what are some common

problems to avoid well first and foremost the important thing to remember is once you figure out who your users are realize that you are not one of them you have worked with the software you know the backend you know what happens to it when the data comes

in you are too close to the project you are not a user anymore even if you are a customer of the same site okay you are no longer the user you need to find someone who is completely unrelated to your company to give you feedback about the users side we want

to make sure we don't overwhelm people we want to be very consistent and like I said we don't want to make people remember too many things so let's take a look at how some of these things work in practice okay this is a little bug basically what

we're doing right now is going through my pet peeves on websites so bear with me okay so typing practice here we have a pretty simple form I won't tell you whose website I stole this from so we have a simple web form here we're going to go through

and we're going to fill it all out and we're a good user so we're going to be very careful and conscientious we filled it all out here we have everything right okay oh no our passwords didn't match and there's no way we could possibly have

checked that no matter how carefully we did it because obviously it displays as asterisks so we can't double check that and I'm not saying that's a bad thing just that even a careful user could make that mistake so what's the first thing you

notice here it's empty how many people love to see this no okay we don't like practicing or typing we don't have to practice their type it in over and over again so make sure you are not deleting good data if a user gives you good data hang on

to it don't make them type it in again because chances are the second time they're not going to do it or they're not going to do it as well as they did it the first time so if they give you good data hang on to it here's another one of my favorites

here's our web form again what do you notice about this web form select a state yes so it looks filled in but it's not right ok so I click to sign me up here's what happened it tells me please choose a state so I'm going to come over here I

must select a state i'm going to click sign me up and now what's going to happen the passwords exactly make sure your error messages actually tell the user what they need to know ok we don't want to have them go through this continuous loop cycle

where every time they click submit another read error message pops up ok that makes them feel like they can't move forward and they will stop trying ok so here's how we should fix something like that ok all we have to do is just add a simple line saying

please choose a state except it shouldn't say am state this what happens when you tweak your slides right before the talk ok so see spell check doesn't pick that stuff up so please choose a state for security reasons please reenter your password ok

simple simple but it tells them what they have to do we can even take it a step further and highlight those fields for them now they don't even have to read the error message they just automatically know ok these red fields i need to do something with

ok so you can and take the reading out of it for them by doing something like this to highlight the fields so the goal in all of this is to be forgiving and empowering to the user okay no user likes to feel like they're stupid no user likes to feel like

they're too dumb to use your website so make sure that you're making it feel like oh no problem I can fix this so make it very clear to them what they need to do to change things okay here's another one of my favorites what's going to happen

when we submit this form because where is everyone going to click clear farm because we don't read buttons we just click and at least at least in the US where I'm from we read from left to right so obviously the rightmost thing is the last thing I

do on the page right because then I'm leaving so I'm moving this way so I'm not even going to read it i'm going to click clear form okay i'm done right it must have done something okay okay now if I'm a smart user and I think wait this

isn't quite right and I take a second look and I realized oh clear form shoot okay i'm going to retype everything again okay now it's going to happen yeah exactly I don't if you are doing why is there even a clear form button I don't know

but so many people use them okay and this is my favorite part of the clear form button okay so I forgot to pick a state again now what's happened because now you've taught me to click the button on the left and now the buttons have changed okay be

consistent okay if you're teaching me to do something wrong at least stick with it till the end of the form okay so make sure your buttons stay in the same place okay users are not going to read your buttons they're going to click without thinking

and then they're going to be lost and confused as to what just happened okay so an easy way to fix that if you have to have a clear form button which I don't recommend put it way way over on the left hand side and in fact you could even use some pictures

to help because again pictures and colors help a lot more than text and so obviously there we have a red meaning stop and it's going backwards and we have a green moving forward okay so that's a very clear sign to people that hey clear form is going

to take me backwards in the process a sign me up is moving me forward in the process so let's talk about user expectations okay here we have a simple list of links where do you think these links go or I should say where two links normally go on a website

[ ... ]

Nota: se han omitido las otras 5.021 palabras de la transcripción completa para cumplir con las normas de «uso razonable» de YouTube.