Introduccin a la usabilidad, Jakob Nielsen http://www.useit.com/alertbox/ Resumen Cmo definir la usabilidad? Cmo, cundo y dnde se puede mejorar?

Por qu preocuparse? Esta visin responde a estas preguntas bsicas. Este es el artculo para dar a su jefe o a cualquier otra persona que no tiene mucho tiempo, pero que necesita conocer los datos bsicos de la usabilidad. Qu es? - Definicin de usabilidad La usabilidad es un atributo de calidad que evala cun fciles de usar son las interfaces de usuario. La palabra "usabilidad" se refiere tambin a los mtodos para mejorar la facilidad de uso durante el proceso de diseo. La usabilidad se define segn cinco componentes de calidad: 1. Facilidad de aprendizaje: Qu tan fcil es para los usuarios completar tareas bsicas la primera vez que se encuentran con el diseo? 2. Eficiencia: Una vez que los usuarios han conocido/aprendido el diseo, cun rpido pueden realizar las tareas? 3. Memoria: Cuando los usuarios vuelven al diseo despus de un perodo de no usarlo, con cunta facilidad pueden recordar/recuperar las tareas que saban hacer? 4. Errores: Cuntos errores cometen los usuarios, qu tan severos son estos errores, y con cunta facilidad pueden superarlos? 5. Satisfaccin: Cun agradable es de utilizar este diseo? Hay muchos otros atributos de calidad importantes. Uno clave es la utilidad, que se refiere a la funcionalidad del diseo: hace lo que necesitan los usuarios? Usabilidad y utilidad son igualmente importantes: poco importa si algo es fcil cuando no es lo que uno quiere. Tampoco es bueno que el sistema hipotticamente puede hacer lo que uno quiera, pero en definitiva el usuario no lo logra porque la interfaz es muy difcil. Por qu es importante la usabilidad? En la web, la usabilidad es una condicin necesaria para la supervivencia. Si un sitio web es difcil de usar, la gente se va. Si la pgina de inicio no indica claramente lo que una empresa ofrece y lo que pueden hacer los usuarios en el sitio, la gente se va. Si los usuarios se pierden en un sitio web, se van. Si la informacin de un sitio web es difcil de leer o no responde a las preguntas clave de los usuarios, se van. Se nota un patrn aqu? No hay tal cosa como un usuario que lea un manual de pgina web o que dedique mucho tiempo tratando de entender una interfaz. Hay un montn de sitios web disponibles; salir de all es la primera lnea de defensa cuando los usuarios se encuentran con una dificultad. Cmo mejorar la usabilidad? Hay muchos mtodos para el estudio de la usabilidad, pero el ms bsico y til es la prueba de usuario, que tiene tres componentes: 1. Conseguir algunos usuarios representativos, tales como clientes de un sitio de comercio electrnico o los empleados de una intranet. 2. Pedir a los usuarios que realicen tareas representativas en esa interfaz de diseo. 3. Observar lo que hacen los usuarios, qu tareas realizan sin problemas y dnde tienen dificultades con la interfaz. Es necesario que los usuarios hablen y digan qu les parece; quien observa no debe hablar. Es importante observar a los usuarios en forma individual y dejar que ellos solucionen cualquier problema por su cuenta. Si se los ayuda o se dirige su atencin a una parte determinada de la pantalla, los resultados de la prueba ya estarn sesgados. Para identificar los problemas de usabilidad ms importantes en un diseo, observar a 5 usuarios suele ser suficiente. En lugar de realizar una investigacin grande, cara, es mejor llevar adelante varias pequeas pruebas y revisar el diseo entre una y otra, para as ir solucionando las fallas de usabilidad a medida que se van encontrando. Un diseo iterativo es la mejor manera de aumentar la calidad de la experiencia del usuario. Cuantas ms versiones y proyectos de interfaz se pongan a prueba con los usuarios, mejor. Las pruebas de usuario son diferentes de los grupos focales, que son una mala manera de evaluar la usabilidad de un diseo. Los grupos funcionan en investigaciones de mercado, pero para evaluar los

diseos interactivos es necesario observar de cerca a los usuarios individuales mientras llevan a cabo las tareas con la interfaz. Escuchar lo que dice la gente es engaoso: hay que ver lo que realmente hacen. 10 errores frecuentes en diseo web Resumen Desde mi primer intento en 1996, he recopilado varios listas top-10 de los mayores errores en diseo web. Este artculo presenta los aspectos ms destacados: los peores errores de diseo Web. (Actualizado 2011). 1. Malos buscadores Los motores de bsqueda excesivamente literales reducen la usabilidad cuando son incapaces de manejar errores tipogrficos, plurales, guiones y otras variantes de los trminos de la consulta. Estos motores de bsqueda son particularmente difciles para los usuarios de edad avanzada, pero molestan a todo el mundo. Un problema relacionado se plantea cuando los motores de bsqueda priorizan los resultados puramente sobre la base de la cantidad de trminos de bsqueda que contienen, en lugar de basarse en la importancia de cada documento. Es mucho mejor si un motor de bsqueda dice "mejor resultado" en la parte superior de la lista - especialmente para consultas importantes, como los nombres de sus productos. Buscar es la tabla de salvacin del usuario cuando la navegacin falla. A pesar de que la bsqueda avanzada puede ayudar a veces, la bsqueda simple por lo general funciona mejor, y la bsqueda debe presentarse como una simple caja ya que esto es lo que buscan los usuarios. 2. Archivos PDF para leer en lnea Los usuarios odian encontrarse con un archivo PDF durante la navegacin porque rompe su flujo. Incluso cosas simples como imprimir o guardar los documentos son difciles porque los comandos estndar del navegador no funcionan. Los diseos son a menudo optimizados para una hoja de papel, que rara vez coincide con el tamao de la ventana del navegador del usuario. Adis, desplazamiento [scrolling] ameno. Hola fuentes pequeas. Lo peor de todo, un PDF es una mancha indiferenciada de contenido que es difcil de navegar. El PDF es ideal para la impresin y distribucin de manuales y otros documentos grandes que necesitan ser impresos. Por eso, hay que reservarlo para este propsito y convertir en pginas web reales toda la informacin que deba ser navegada o leda en pantalla. 3. No cambia el color de los enlaces visitados Una buena comprensin de la navegacin anterior ayuda a entender su ubicacin actual, ya que es la culminacin de su viaje. Conocer sus lugares pasados y presentes, a su vez hace que sea ms fcil decidir a dnde ir despus. Los enlaces son un factor clave en este proceso de navegacin. Los usuarios pueden excluir enlaces que resultaron infructuosos en sus visitas anteriores. Por el contrario, podran volver a los vnculos que encontraron tiles en el pasado. Lo ms importante: cuando los usuarios saben qu pginas ya han visitado se liberan de querer volver a visitar las mismas pginas una y otra vez. Estos beneficios slo se cumplen si se da un supuesto importante: que los usuarios pueden ver la diferencia entre los enlaces visitados y no visitados porque el sitio web los muestra en colores diferentes. Cuando los enlaces visitados no cambian de color, los usuarios presentan ms desorientacin de navegacin en las pruebas de usabilidad y, sin querer, vuelven a ver las mismas pginas en varias ocasiones. 4. Texto no escaneable Un muro de texto es mortal para una experiencia interactiva. Intimidante. Aburrido. Doloroso leer. Es necesario escribir para leer en pantalla, no para leer en papel. Para atraer la lectura de los usuarios y promover la escaneabilidad, es necesario emplear estos trucos bien documentados: subttulos listas con vietas palabras clave resaltadas prrafos cortos la pirmide invertida un estilo de escritura simple, y un lenguaje no afectado, desprovisto de jerga del marketing. 5. Tamao de fuente fija Las hojas de estilo CSS desafortunadamente dan el poder a los sitios web para especificar un tamao fijo de fuente y as inhabilitar el botn del navegador que permite el cambio del tamao de la fuente. Alrededor

del 95% de las veces, este tamao fijo es pequeo, lo que reduce significativamente la legibilidad de la mayora de las personas mayores de 40 aos de edad. Es necesario respetar las preferencias de los usuarios y dejar que cambien el tamao de texto si as lo quieren. Adems, es importante especificar los tamaos de fuente en trminos relativos y no como un nmero absoluto de pxeles. 6. Ttulos de pgina con poca visibilidad en el motor de bsqueda La bsqueda es el mejor camino para que los usuarios descubran sitios web. La bsqueda es tambin una de las maneras ms importantes que tienen los usuarios para encontrar su camino hacia sitios web especficos. El simple ttulo de la pgina es su principal herramienta para atraer nuevos visitantes a partir de los listados de bsqueda y para ayudar a los usuarios existentes en la localizacin de pginas que necesitan dentro de ese sitio. El ttulo de la pgina est contenida en la etiqueta HTML <title> y casi siempre se utiliza como el ttulo clickeable para los listados en las pginas de resultados de los motores de bsqueda (SERP= search engine result pages). Los motores de bsqueda suelen mostrar los primeros 66 caracteres o menos, del ttulo, por lo que se trata verdaderamente de un micro-contenido. Los ttulos de pgina se utilizan tambin como la entrada por defecto en los Favoritos cuando los usuarios marcan/guardan un sitio. Para su pgina de inicio, comience con el nombre de la empresa, seguido de una breve descripcin del sitio. No comience con palabras como "El" o "Bienvenido a" a menos que quiera aparecer segn el orden alfabtico en "E" o "B". Para otras pginas distintas de la pgina de inicio, comience el ttulo con palabras clave que describan especficamente la informacin que los usuarios encontrarn en esa pgina. El ttulo de la pgina se utiliza como el ttulo de la ventana en el navegador y tambin como etiqueta de la ventana en la barra de tareas en Windows; esto significa que los usuarios avanzados que se mueven entre varias ventanas, se guiarn por la primera o dos primeras palabras del ttulo de cada pgina. Por lo tanto, si todos los ttulos de sus pginas comienzan con las mismas palabras, se reduce gravemente la usabilidad para quienes navegan con varias ventanas abiertas. 7. Cualquier cosa que se parezca a un anuncio La atencin selectiva es muy poderosa y los usuarios de Internet han aprendido a dejar de prestar atencin a los anuncios que se interponen en el camino. (La excepcin principal son los anuncios de solo texto en los buscadores.) Desafortunadamente, los usuarios tambin ignoran elementos legtimos de diseo que se asemejan a las formas prevalecientes de la publicidad. Despus de todo, cuando se ignora algo, no se estudia en detalle para saber lo que es. Por lo tanto, lo mejor es evitar diseos que parezcan anuncios. Las implicaciones exactas de esta gua podrn variar con nuevas formas de publicidad, pero en la actualidad conviene seguir estas reglas: los usuarios nunca fijan sus ojos en algo que parece un anuncio (estilo banner) debido a la forma o a la posicin en la pgina; los usuarios ignoran reas de texto parpadeantes o intermitentes u otras animaciones agresivas los usuarios cierran cualquier ventana emergente (pop-up window) antes de que incluso hayan cargado completamente. 8. La violacin de las convenciones de diseo La consistencia es uno de los principios de usabilidad ms poderosos: cuando las cosas siempre se comportan de la misma, los usuarios no tienen que preocuparse por lo que suceder. As, sabrn lo que ocurrir sobre la base de la experiencia anterior. Cuanto ms comprueben los usuarios sus expectativas, ms se sentirn en control del sistema y ms les gustar. Cuanto ms el sistema destruye las expectativas de los usuarios, ms inseguros se sentirn. La ley de Jakob de la experiencia del usuario web establece: "los usuarios pasan la mayor parte de su tiempo en otros sitios web." Esto significa que forman sus expectativas para un sitio sobre la base de lo que comnmente se realiza en la mayora de los otros sitios. Si su sitio se desva, su sitio ser ms difcil de usar y los usuarios se irn. 9. La apertura de nuevas ventanas del navegador La apertura de nuevas ventanas del navegador es como un vendedor de aspiradoras que inicia una visita vaciando un cenicero en la alfombra del cliente. No contamine mi pantalla con ms ventanas, gracias (en particular, ya que los sistemas operativos actuales tienen una pobre gestin de ventanas). Los diseadores abren nuevas ventanas del navegador siguiendo la teora de que mantiene a los usuarios en su sitio. Pero incluso si ignoran el mensaje hostil de tomar como rehn la computadora del usuario, la estrategia es contraproducente ya que desactiva el botn Volver, que es la forma normal que siguen los usuarios para regresar a los sitios anteriores. Los usuarios a menudo no se dan cuenta de que una nueva

ventana se ha abierto, sobre todo si se utiliza un monitor pequeo donde las ventanas se maximizan para llenar la pantalla. As, un usuario que trata de volver al origen se confunde con un botn de color gris Volver. Los enlaces que no se comportan como se espera socavan la comprensin de los usuarios de su propio sistema. Un enlace debe ser una simple referencia de hipertexto que sustituye a la pgina actual con el nuevo contenido. Los usuarios detestan el uso injustificado de ventanas emergentes (pop-up). Cuando desean que el contenido aparezca en una nueva pgina pueden utilizar el comando de su navegador "abrir una nueva ventana" asumiendo, por supuesto, que el vnculo no es un pedazo de cdigo que interfiere con el comportamiento estndar del navegador. 10. No responde a las preguntas de los usuarios Los usuarios se manejan en la web siguiendo objetivos. Visitan los sitios porque hay algo que quieren lograr: por ejemplo, comprar un producto. El peor fracaso de un sitio web es no proporcionar a los usuarios la informacin que busca. A veces la respuesta simplemente no est all y se pierde la venta porque los usuarios tienen que suponer que su producto o servicio no satisface sus necesidades, si no se brindan los detalles. Otras veces, los detalles estn enterrados bajo una gruesa capa de consignas de marketing y de eslganes. Dado que los usuarios no tienen tiempo para leer todo, sera lo mismo que esa informacin oculta no estuviera ah. El peor ejemplo de no responder a las preguntas de los usuarios es evitar ofrecer una lista de precios de los productos y servicios. Ningn sitio de comercio electrnico B2C (=business-to-consumer) debera cometer este error, pero es moneda corriente en B2B (=business-to-business), donde la mayora de las "soluciones empresariales" se presentan de modo que usted no puede decir si son aptos para 100 personas o 100.000 personas. El precio es el dato ms especfico que los clientes usan para comprender la naturaleza de una oferta y no proporcionarlo hace que la gente se sienta perdida y reduzca su comprensin de una lnea de productos. Tenemos kilmetros de cintas de video de usuarios preguntando: "Dnde est el precio?". Incluso los sitios B2C suelen cometer el error de olvidarse de los precios en las listas de productos, tales como en las pginas de categoras o en los resultados de bsqueda. Conocer el precio es la clave en ambas situaciones, porque permite a los usuarios diferenciar entre los productos y hacer clic en los ms relevantes.