Qu es la usabilidad?

Definicin de
Usabilidad
07-02-2003 - Eduardo Manchn
Resumen: Usabilidad se define coloquialmente como facilidad de uso, ya sea de una
pina !eb, una aplicacin informtica o cualquier otro sistema que interactue con un
usuario"
Definiciones formales:
#a $rani%acin &nternacional para la Estandari%acin '&($) dispone de dos
definiciones de usabilidad*
&($+&E, -.2/*
0#a usabilidad se refiere a la capacidad de un soft!are de ser comprendido, aprendido,
usado y ser atracti1o para el usuario, en condiciones espec2ficas de uso0
Esta definicin hace 3nfasis en los atributos internos y e4ternos del producto, los cuales
contribuyen a su usabilidad, funcionalidad y eficiencia" #a usabilidad depende no slo
del producto sino tambi3n del usuario" 5or ello un producto no es en nin6n caso
intr2nsecamente usable, slo tendr la capacidad de ser usado en un conte4to particular y
por usuarios particulares" #a usabilidad no puede ser 1alorada estudiando un producto
de manera aislada '7e1an, .--8)"
&($+&E, -28.*
0Usabilidad es la efecti1idad, eficiencia y satisfaccin con la que un producto permite
alcan%ar ob9eti1os espec2ficos a usuarios espec2ficos en un conte4to de uso espec2fico0
Es una definicin centrada en el concepto de calidad en el uso, es decir, se refiere a
cmo el usuario reali%a tareas espec2ficas en escenarios espec2ficos con efecti1idad"
Otros aspectos de la usabilidad
: partir de la conceptuali%acin lle1ada a cabo por &($, podemos obtener los principios
bsicos en los que se basa la usabilidad*
- ;acilidad de :prendi%a9e* se refiere a la facilidad con la que nue1os usuarios pueden
tener una interaccin efecti1a" Est relacionada con la predicibilidad, sinteti%acin,
familiaridad, la enerali%acin de los conocimientos pre1ios y la consistencia"
- ;le4ibilidad* hace referencia a la 1ariedad de posibilidades con las que el usuario y el
sistema pueden intercambiar informacin" <ambi3n abarca la posibilidad de diloo, la
multiplicidad de 12as para reali%ar la tarea, similitud con tareas anteriores y la
optimi%acin entre el usuario y el sistema"
- =obuste%* es el ni1el de apoyo al usuario que facilita el cumplimiento de sus ob9eti1os"
Est relacionada con la capacidad de obser1acin del usuario, de recuperacin de
informacin y de a9uste de la tarea al usuario"
Beneficios de la usabilidad
- =educcin de los costes de aprendi%a9e"
- >isminucin de los costes de asistencia y ayuda al usuario"
- $ptimi%acin de los costes de dise?o, redise?o y mantenimiento de los sitios"
- :umento de la tasa de con1ersin de 1isitantes a clientes del sitio !eb"
- Me9ora la imen y el prestiio del sitio !eb"
- Me9ora la calidad de 1ida de los usuarios del sitio, ya que reduce su estr3s, incrementa
la satisfaccin y la producti1idad"
<odos estos beneficios implican una reduccin y optimi%acin eneral de los costes de
produccin, as2 como un aumento en la producti1idad de los sitios !eb de comercio
electrnico" #a usabilidad permite mayor rapide% en la reali%acin de tareas y reduce las
p3rdidas de tiempo"
Un caso real, despu3s de ser redise?ado prestndose especial atencin a la usabilidad, el
sitio !eb de &7M increment sus 1entas en un 800@ '&nfoAorld, .---)"
Origenes controvertidos del trmino
El t3rmino usabilidad, aunque de orien latino, en el conte4to que se utili%a deri1a
directamente del inl3s usability" (i bien los filloos hispnicos consultados coinciden
en afirmar que el t3rmino puede ser creado en la lenua castellana, su acepcin no est
clara" En castellano sinifica capacidad de uso, es decir, la caracter2stica que distinue a
los ob9etos dise?ados para su utili%acin de los que no" (in embaro la acepcin inlesa
es ms amplia y se refiere a la facilidad o ni1el de uso, es decir, al rado en el que el
dise?o de un ob9eto facilita o dificulta su mane9o" : partir de ahora definiremos el
t3rmino usabilidad basndonos en la seunda acepcin"
Observando a los usuarios ?? Un
mtodo particular
02-..-2008 - Bosep ,asano1as
Resumen: #a obser1acin de usuarios es una t3cnica sencilla y barata pero en pocos
proyectos se utili%a" (olo se necesita un bloc de notas, un bol2rafo y un poco de
metodolo2a
La observacin de campo
#as metodolo2as de >ise?o ,entrado en el Usuario incluyen entre sus t3cnicas la CC
obser1acin de campoC que consiste en obser1ar a los usuarios en su entorno"
Utili%o la obser1acin casi desde el inicio de mi acti1idad en el campo de la usabilidad y
no lleo a comprender por qu3 en la mayor parte de los proyectos se ob1ia esta t3cnica
siendo tan sencilla y barata"
$bser1ar al usuario en su entorno no precisa de ninuna infraestructura, nos basta con
un bloc, un bol2rafo y un poco de metodolo2a" (e puede utili%ar tambi3n una cmara
fotorfica o de 12deo, aunque no son indispensables" >ado que todo el mundo dispone
de un bloc y de un bol2rafo, en este art2culo aportar3 la metodolo2a" D,ulC #a m2a, la
que he ido adaptando a mi estilo y me ha resultado ms efecti1a en mi entorno de
traba9o"
Empec3 en .--. obser1ando a mi hi9a cuando, con tres a?os, se dedicaba a tirar a la
papelera todos los documentos que yo ten2a en mi :pple Macintosh (E" ,on esa accin
mi hi9a me mostr el me9or camino que e4iste para entender el modelo mental del
usuario* la obser1acin" :s2 que empec3 a obser1ar" D,moC :l principio por intuicin"
;ue ms tarde cuando en la literatura sobre usabilidad encontr3 nombres como CC
obser1acin de campoC, CCobser1acin conte4tualC y CCanlisis
etnorficoC"
:nte todo, debo precisar lo que entiendo por CCmiC metodolo2a" Euiero de9ar
claro que CCmiC metodolo2a parte de los m3todos que utili%an los
in1estiadores sociales" 5ero dado que mi traba9o no requiere de la riurosidad e4iida
en la in1estiacin cient2fica, me aco9o a esa especie de quinta enmienda de la
usabilidad que es el concepto de CCdiscount usabilityC proclamado por BaFob
Gielsen en su libro CCUsability EnineerinC"
>ebo tambi3n aradecer a (al :t4ondo alunas buenas prcticas que aprend2 de 3l
cuando, hace apro4imadamente unos tres a?os, abordamos con9untamente unas sesiones
de obser1acin que fueron cla1es para el 34ito del proyecto"
Lo que podemos obtener observando a los usuarios
1.-n!lisis de tareas a travs de la e"periencia #lobal del usuario*
5odemos obtener una lista con las tareas $ue reali%an los usuarios y cmo y en qu3
condiciones las hacen" 5or e9emplo* D(e sienten presionados porqu3 hay muchos
clientes en la colaC DHay llamadas telefnicas que les interrumpen continuamenteC """
<ambi3n podemos hacer una lista de las cosas $ue precisan para hacer la tarea" 5or
e9emplo* D5recisan papel para anotarC D<ienen papeles con anotaciones a modo de
recordatorios para reali%ar su traba9oC DUtili%an lectores de cdios de barrasC """
5or 6ltimo, $u personas &acen $u cosas" (i estamos obser1ando los empleados de
una empresa o de un departamento, anotaremos los di1ersos roles de cada empleado,
qu3 tarea hace cada cual"""
'.- Descubrir usos no previstos del sistema:
#a creati1idad de los usuarios muchas 1eces 1a ms all de lo que nos imainamos los
dise?adores de aplicaciones" #a obser1acin nos puede ayudar a descubrir usos
alternati1os de una aplicacin que nos ser2a imposible 1er durante un test de usuario" Un
e9emplo con los tel3fonos m1iles* #as CCperdidasC, utili%adas principalmente
por los adolescentes, es uno de esos usos inesperados no detectados en tiempo de test en
el laboratorio"
(.- Descubrir ineficiencias del sistema:
En un test en laboratorio dif2cilmente podremos simular las condiciones reales de cara
del sistema ni probar todos los flu9os de traba9o de nuestra aplicacin" En una
obser1acin, por el contrario, podemos 1er el sistema y los usuarios en situaciones
reales" Esto nos permitir detectar, por e9emplo, tiempos de espera e4cesi1a o
situaciones de indecisin" <ambi3n podremos descubrir a los usuarios tomando notas en
momentos en los que el sistema les ha sobrecarado en e4ceso la memoria"
Cundo utilizar la observacin de campo
#a obser1acin de campo es un m3todo de indaacin y como tal nos 1a a permitir
recabar informacin a cerca de los ustos y necesidades del usuario" &nformacin que
tiene especial inter3s al inicio del pro)ecto y que nos 1a a ayudar a enerar ideas para
el dise?o"
5ero hay otro momento en el que la obser1acin es esencial* una ve% acabada e
implantada la aplicacin" #a obser1acin nos 1a a permitir hacer una e1aluacin de su
funcionamiento real"
!ecomendaciones
C *vitar escuc&ar opiniones antes de la observacin:
Gormalmente, los empleados del luar donde 1ayamos, al tener noticia que una persona
relacionada con el proyecto 1a a 1isitarles, preparan su lista de que9as y suerencias" Es
importante posponer estas opiniones para el final de la obser1acin, puesto que pueden
crearnos 9uicios preconcebidos y sesar los resultados"
? +er invisibles a los o,os de los observados:
Estar quieto lo m4imo posible y no interferir nunca en sus tareas, el ob9eti1o es que el
usuario se comporte normalmente sin que nuestra presencia le intimide"
? -re#untar slo en casos estrictamente necesarios:
(lo si tenemos dudas importantes sobre aluna accin del usuario que no entendamos
y cuando no tenamos nin6n otro medio para resol1erlo, preuntaremos al usuario las
ra%ones de su accin"
? *star atentos a los comentarios:
Go se trata slo de anotar las tareas, debemos anotar cualquier comentario hecho en 1o%
alta por los usuarios aunque nos pare%can intrascendentes"
? .omar foto#raf/as:
- >e las pantallas del producto o aplicacin que estamos obser1ando, as2 estaremos
seuros de la 1ersin de soft!are que estamos anali%ando"
- >el luar de la obser1acin* nos ser 6til para recordar las situaciones, sobretodo si
hemos de hacer ms de una obser1acin"
- =espetar el derecho a la intimidad y a la propia imaen de las personas que
obser1amos, por lo que, a no ser que tenamos su autori%acin, nos abstendremos de
fotorafiar sus caras o cualquier imaen que pueda identificarles"
"reparacin de la observacin
? +eleccionar los lu#ares de observacin
#os luares candidatos a ser obser1ados sern aquellos que*
- <enan un ele1ado n6mero de operaciones o usos del sistema, para que con poca
in1ersin de tiempo podamos obtener el m4imo de obser1aciones"
- #uares en donde se detecte el n6mero ms ele1ado de problemas o errores"
- #uares en donde se detecte el n6mero menor de problemas o errores, lo que nos
permitir comparar con las obser1aciones anteriores"
? Determinar fec&a ) &ora de las observaciones- (i lo que pretendemos es
obser1ar el traba9o lobal de una persona o rupo, hemos de estar dispuestos a estar con
ellos desde el inicio de la 9ornada hasta el final y, qui%s, plantearse estar ms de un d2a"
-(i lo que queremos es obser1ar una tarea concreta, seleccionaremos el d2a y la hora de
m4imo uso"
? Observacin piloto:
Es con1eniente hacer una primera obser1acin piloto que nos sir1a para*
- >eterminar dnde situarse y cmo 1estirse durante las obser1aciones 'recordar*
debemos ser 1irtualmente in1isibles)
- ,mo diriirse a los usuarios cuando sea necesario"
- >eterminar la lista m2nima de 2tems que deberemos anotar en cada obser1acin"
- >eterminar si necesitaremos al6n tipo de material e4tra en las siuientes
obser1aciones* 1ideocmaras, bloc adicional para notas complementarias, tar9etas de
presentacin, etc"
? -reparacin de fic&as de observacin:
Es bueno lle1ar preparadas unas fichas de obser1acin, sobretodo si hemos de obser1ar
muchos usuarios en poco tiempo"
En estas fichas deberemos tener espacio para anotar*
- >atos de la obser1acin* n6mero, luar, d2a y hora"
- >atos del usuario obser1ado* se4o, edad apro4imada '9o1en, adulto, 3I edad,
anciano"""), 1iene solo o en rupo"""
- Espacio para anotar las tareas, comentarios y e4presiones del usuario
- Espacio para anotar los ob9etos que utili%a"
- Espacio para anotar los pensamientos que nos emer9an durante la obser1acin"
- #le1ar aluna tabla o soporte r2ido donde apoyar las fichas" Es probable que muchas
obser1aciones las tenamos que hacer de pie"
? 0levar consi#o un bloc de notas:
Es con1eniente tomar anotaciones sobre las caracter2sticas del luar, el ambiente de
traba9o o cualquier detalle que nos llame la atencin durante la obser1acin"
5ara ello es me9or lle1ar consio un bloc con las caracter2sticas siuientes*
- Eue quepa en el bolsillo, puesto que las manos las tendremos ocupadas con las fichas
de obser1acin"
- Eue tena las tapas r2idas para poder tomar cmodamente anotaciones de pie"
- Eue tena aluna cinta o CCpunto de libroC con el que poder abrir rpidamente
el bloc por la parte en la que hemos de empe%ar a escribir"
? -reparacin de las entrevistas:
Una 1e% terminada la obser1acin podemos hacer aluna entre1ista para recabar
informacin adicional y resol1er las dudas aparecidas durante la sesin" 5odemos
entre1istar a los empleados del luar de la obser1acin que tratan con los usuarios
obser1ados o a los mimos usuarios"
#le1aremos con nosotros un cuestionario preparado de antemano, aunque en el
momento de la entre1ista deberemos ser fle4ibles, de9ar hablar al usuario libremente y
cambiar el orden y enunciado de las preuntas en funcin de la con1ersacin"
Desarrollo de la observacin
C :l llear, hacer las fotoraf2as del luar, de las pantallas del producto o
aplicacin y de los detalles que estimemos interesantes"
C Empe%ar la obser1acin de usuarios y anotar todo lo que hemos pre1isto en las
fichas"
C :notar las tareas con detalle" 5or e9emplo, imainemos que estamos obser1ando
un usuario de un aparcamiento que est paando en una mquina de autoser1icio"
:notaremos*
- (e detiene delante de la mquina
- Go hace nada, solo mira" Jparece que lee las instruccionesK
- Mira un momento hacia detrs" JEui%s le preocupa tener cola de ente esperandoK
- &ntroduce el ticFet del aparcamiento
- Etc"
C (i nos da tiempo, entre un usuario y otro, apro1echaremos para tomar
anotaciones enerales del luar en el bloc, as2 como tambi3n de los detalles que creamos
rele1antes"
C :l terminar la obser1acin, reali%aremos las entre1istas que hayamos pre1isto"
En el e9emplo anterior del aparcamiento podr2amos entre1istar a sus empleados"
#nlisis de los datos obtenidos $ conclusiones
#a e4plotacin de los datos obtenidos puede hacerse de muchas maneras y depender en
cada caso del ob9eti1o de la obser1acin"
Go 1oy a entrar en profundidad en este tema y solo enumerar3 tres formas posibles de
anlisis, de la ms sencilla a la ms comple9a*
C +encilla: e4traer la lista de los problemas detectados con mayor frecuencia"
C 1omple,idad media: crear persona9es y escenarios a partir de la realidad
obser1ada" Estos escenarios pueden deri1ar despu3s en casos de uso UM#"
C 1omple,idad alta: hacer diaramas de flu9o de las tareas obser1adas que,
posteriormente, podremos con1ertir en diaramas de acti1idad UM#"
Dise2o de formularios - 1ampos 345
2L-02-200/ - Bosep ,asano1as
Resumen: <odos sabemos lo que es un campo de un formulario pero* D(abemos cul es
su lonitud aconse9ableC D,undo no utili%ar tiporaf2a proporcionalC D(abemos qu3
diferencia un campo proteido de uno no disponibleC
<odos sabemos lo que es un campo de un formulario pero* D(abemos cul es su lonitud
aconse9ableC D,undo no utili%ar tiporaf2a proporcionalC D(abemos qu3 diferencia un
campo proteido de uno no disponibleC El ob9eti1o de este art2culo es aportar soluciones
a aspectos de dise?o de los campos y su interaccin que a menudo suscitan dudas al
dise?ador" 5or su e4tensin, el art2culo se ha di1idido en dos partes, 3sta es la primera
entrea"
%ipograf&a proporcional o monoespacio
Me refiero no a la tiporaf2a de las etiquetas si no a la de los 1alores que contenan los
campos" #o ms frecuente suele ser utili%ar la misma tiporaf2a que las etiquetas y que
normalmente ser sin serifa y proporcional como, por e9emplo, arial, 1erdana o tahoma"
(in embaro, en campos de entrada, la tiporaf2a proporcional puede dar al6n
problema de feedbacF ya que no permite al usuario predecir el n6mero e4acto de
caracteres que puede introducir" En la mayor2a de las ocasiones esto no ser realmente
un problema y primaremos la coherencia de tiporaf2as con el resto del formulario"
5ero, cuando estemos dise?ando para usuarios que deban utili%ar el formulario con
mucha frecuencia, deberemos primar la utilidad a la est3tica y utili%ar las fuentes
monoespacio no proporcionales, como la courier, si es necesario"
5or e9emplo, para un campo en donde el usuario deba introducir el nombre de una
empresa u orani%acin podr2amos reser1arle un espacio de 30 caracteres, suficiente par
la mayor2a de los casos" Meamos lo que pasa con los nombres siuientes*
El primer nombre contiene 30 caracteres y el seundo 32" ,uando el usuario introdu%ca
el primero, no tendr nin6n problema puesto que hemos reser1ado 30 caracteres, pero
cuando introdu%ca el seundo no podr introducir los dos 6ltimos, el sistema se lo
impedir" (in embaro, el usuario percibir espacio en blanco sobrante a la derecha y,
probablemente intentar introducir los 2 caracteres restantes con el lico resultado de
frustracin" #o peor ser que el usuario no tiene manera de saber en qu3 casos podr
introducir toda la informacin y en cuales no, con lo que no podr e1itar errores futuros"
Esto, e1identemente, no tiene importancia si se trata de formularios o aplicaciones de
uso poco frecuente" 5ero si nos ponemos en el luar de un responsable de compras que
para cada pedido deba introducir el nombre de un pro1eedor, le ser mucho ms
prctico que el formulario utilice una fuente no proporcional, tal y como se muestra en
el e9emplo siuiente"
En este caso, a medida que introduce la informacin, el usuario puede predecir el
espacio restante y abre1iar, si lo precisa, el contenido" En el e9emplo anterior, el usuario
ha optado por eliminar los puntos del acrnimo 0(":"0"
Longitud igual o diferente
En un formulario es con1eniente hacer arupaciones licas de campos '1er art2culo
0,omposicin 1isual de formularios0) e iualarlos en lonitud ayuda al orden 1isual y a
me9orar la comprensin de los rupos" (in embaro, esto puede a 1eces dar tambi3n
problemas de feedbacF puesto que el usuario no podr predecir con facilidad la cantidad
de caracteres que admite cada campo"
Meamos un e9emplo*
En la imaen anterior se puede obser1ar que los campos que han de contener la
poblacin, la pro1incia y el pa2s tienen la misma lonitud que el campo 0calle0" #os
primeros tienen una lonitud que podemos estimar adecuada pero el campo calle es
e4cesi1amente corto para la informacin que ha de contener" (i estamos dise?ando un
formulario de alta de contacto para una aenda personal, seuramente esto es correcto
ya que primamos el orden 1isual 'los contactos son ms frecuentemente consultados que
actuali%ados)" 5ero si estamos dise?ando una aplicacin que deba ser1ir para una
entrada de datos intensiva, lo me9or es dise?ar los campos con su lon#itud e"acta y
as2 ayudamos al usuario a introducir la informacin en el formato correcto"
Cmo mostrar los estados
5odemos distinuir tres posibles estados de un campo* editable, proteido y no
disponible"
Campo editable:
En 3l el usuario puede introducir y modificar informacin" El dise?o rfico depender
muchas 1eces de la plataforma de inplementacin" En interfaces NU& el ms utili%ado es
un rectnulo con un contorno con aspecto 3> y el fondo blanco con el te4to en nero"
En entorno !eb, 5>: y m1iles el contorno no acostumbra a tener aspecto 3>"
#os campos editables captan la atencin del usuario con mucha facilidad, cuando
respetan estas caracter2sticas rficas"
Campo protegido:
En 3l el usuario no puede introducir ni modificar el contenido" (e utili%a para mostrar
informacin en respuesta a una peticin del usuario"
:unque el usuario no puede modificar su contenido, es conveniente $ue pueda
seleccionarlo ) copiarlo en el portapapeles"
Campo no disponible:
En 3l, como en el caso anterior, el usuario no puede introducir ni modificar su
contenido" En la mayor parte de las plataformas estos campos se muestran rficamente
disminuidos, en color ris"
5or lo eneral, la eti$ueta del campo tambin $uedar! en #ris" Esto no se puede
apreciar en el e9emplo puesto que la etiqueta es a su 1e% parte de un botn radial acti1o"
'u diferencia un campo protegido de uno no disponible
Un campo no disponible es aquel que no siendo editable puede llear a serlo si en al#6n
momento se da la circunstancia apropiada" Este cambio puede ser debido a la
seleccin de aluna opcin por parte del usuario o incluso a un cambio de la
confiuracin del propio sistema a9eno al usuario"
En la imaen siuiente podemos 1er como el campo del e9emplo anterior pasa a ser
editable por el hecho de haberse seleccionado una opcin de impresin diferente"