www.infomipyme.com  

Manual De Usabilidad

Construye un sitio web, no un laberinto-

INDICE
======

  1. Qué es la Usabilidad?
  2. Por qué aplicar la Usabilidad?
  3. Leyes de la Usabilidad
  4. Qué debemos hacer para mejorar la usabilidad de nuestro sitio web.
  5. 4 puntos básicos para incrementar las visitas a nuestro web
  6. Cuándo utilizar Multimedia en una web
  7. Lo que no debemos hacer NUNCA
  8. Cómo realizar un test de Usabilidad a nuestro sitio web.

1-.) QUÉ ES LA USALIBILIDAD?

Usabilidad es como el respirar; solo te das cuenta de ello cuando te falta. Cuando algo es dificil de utilizar, a ti te gustaria que fuera mas facil e intuitivo. Planificar y testear la usabilidad de tu sitio web, te ayudará a evitar problemas que desmoralicen a los usuarios de tu sitio.

Las personas son muy volubles, si tu sitio web no les es fácil de utilizar, se irán o se dirijirán a la competencia. Y ten presente que un visitante perdido es una oportunidad perdida.

Si tu sitio web es importante para tus negocios, asegúrate de que este proporciona una buena experiencia a tus visitantes. Piensa que usabilidad significa aproximarse al usuario.

Procurar que tu sitio web sea fácil de utilizar es el modo mas efectivo de alcanzar tus objetivos en la Red (ventas, marketing, propaganda política o cualquier otras cosa).

Cada usuario es diferente. Muchos sitios web tienen mas de un tipo de usuarios. Por ejemplo, un web corporativo necesita cubrir las necesidades de sus diferentes usuarios; clientes, empleados potenciales, prensa, inversores, etc... Antes de realizar tu plan de Usabilidad debes identificar a tus audiencias.

Algunos características que definen una correcta usabilidad son:

2-.) POR QUÉ APLICAR LA USABILIDAD?

Debido a la gran cantidad de sitios web que hay en Internet, atraer a los usuarios con un diseño centrado en sus necesidades es uno de los aspectos claves para el exito del comercio electronico. Los resultados nos dicen que son las paginas diseñadas pensando en el navegante las que han realizado pruebas sobre su facilidad de uso y navegacion las que son mas visitadas y, por lo tanto, las mas eficaces.

Debemos considerar un punto básico a la hora de diseñar un sitio web: "El principal uso del Web es para buscar y recopilar informacion". De esta afirmacion podemos llegar a la conclusion de que el contenido informativo de un sitio es su principal activo o valor. Entonces si queremos diseñar nuestro sitio facilitando la usabilidad del mismo, tenemos que hacer accesible esa informacion al usuario de la forma mas facil.

3-.)LEYES DE LA USABILIDAD

1ª LEY: NO LO SABES TODO

Tú no lo sabes todo acerca de la usabilidad de un web. Por eso, ademas de utilizar tu propia experiencia, debes recurrir a tus usuarios. Realiza pruebas o tests para evaluar la usabilidad de tu sitio. Aprende de la gente que tiene que utilizar o utiliza tu sitio web.

2ª LEY: PRUEBA, PRUEBA Y VUELVE A PROBAR

Según el gurú de la usabilidad, Jakob Neilson: "Cualquier tipo de prueba o test es mejor que no realizar ninguno".

Cómo puedes realizar este tipo de tests? Puedes crear modelos de tus paginas y elige a una muestra de usuarios por separado y averigua qué piensan y como reaccionan delante de tus modelos. Observa y anota como se desenvuelven a través de tu sitio. Toda la información que recopiles te sera de utilidad para mejorar la usabilidad de tu web.

3ª LEY: ESCUCHA A TUS USUARIOS

Es posible que para ti tu sitio web sea perfecto, pero ten en cuenta que tú no eres objetivo. Puede que la realidad sea muy diferente de lo que tu piensas. Recuerda que si no realizas tests durante todo el proceso de desarrollo de tu sitio, las modificaciones posteriores, una vez terminado el proyecto, serán mucho mas caras. Escuchar a tus usuarios te proporciona una gran oportunidad para identificar y solucionar serios problemas.

Ofrece, además, en tu sitio un espacio muy visible enlazado con tu correo electrónico, que solicite a los visitantes que colaboren con sus sugerencias. Puedes utilizar preguntas del tipo:
-Como podemos mejorar nuestro sitio? Si es posible, coloca un formulario en tu sitio en el que se realicen una serie de preguntas específicas acerca del sitio. Puedes utilizar preguntas cuantitativas que punteen del 1 al 5 para dar las máximas facilidades a los encuestados. Puedes también incluir alguna pregunta abierta para conseguir una información en concreto.

4ª LEY: REALIZA CAMBIOS

Toma los resultados de los tests realizados y actualiza tu sitio basándote en ellos. Naturalmente, de vez en cuando aparecen resultados contradictorios, en dicho caso, utiliza tu experiencia para juzgar cuál es el mas indicado. Si continúas teniendo dudas, vuelve a realizar otro test.

4-.) QUÉ DEBEMOS HACER?

Las páginas deben estar bien organizadas, la información correctamente ordenada, los productos explicados de manera clara y concisa.

Debemos procurar facilitar al maximo el trabajo a nuestros visitantes, pongamos toda la informacion de nuestro sitio al alcance del usuario, facilitemosle el camino evitando que tenga que realizar un maximo de 3 clics para llegar a la informacion que esta buscando. Por esta razon evitemos que la disposicion de las paginas tenga mucha profundidad de navegacion.. Todo el diseño de navegabilidad debe estar pensado para cumplir esta tarea. Ofrezcamos ademas multiples formas de encontrar la misma informacion. Piensa que el camino que puede resultar obvio para el diseñador puede que no lo sea para el usuario. Debemos estructurar el sitio de acuerdo a sus necesidades. Céntrate en la audiencia potencial de tus paginas.

Si hay que registrarse para acceder a alguna informacion o servicio, la forma de registrarse debe estar simplificada al maximo y se han de aportar elementos de confianza y seguridad en las transacciones comerciales.

Cuando diseñemos un sitio web, debemos procurar una compatibilidad maxima. No optimizar el diseño para un tipo de navegador unico. Debe poder ser visto en diferentes tamaños de monitores. Algunos diseños pensados para resoluciones mayores no pueden verse en resoluciones menores sin realizar largos scrolls y ocultando importantes opciones de navegacion. Una solucion es dejar un espacio muerto de unos 6 cm a la derecha de la pantalla, el resultado sera que aunque diseñemos para una resolucion de 600x800 tambien podra ser visto por 640x480.

La rapidez de carga es uno de los criterios mas importantes para diseñar un sitio web, siendo el requisito mas valorado en las encuestas realizadas a los internautas. Ademas, segun estudios, 10 segundos es el limite para retener la atencion de una persona en espera. Esta es la frontera que no se deberia superar. Es aconsejable mantenerla por debajo de 35 Kb.

Debemos optimizar todos los elementos de nuestro sitio para acelerar la descarga de las paginas. Este punto lo conseguiremos
minimizando el numero y tamaño de los graficos y de los recursos multimedia. Reutilizar las imagenes dentro de las paginas del sitio, simplificar las tablas, dividir las paginas largas en varias mas breves y utilizar etiquetas ALT y TITLE (descripciones que aparecen en pantalla) para ver las opciones antes de la descarga total de la pagina. Las paginas deben descargarse lo mas rapido posible para evitar que el usuario se canse de esperar.

Otro factor clave es la compatibilidad. Evitemos utilizar las ultimas tecnologias, ya que no todo el mundo cuenta con la ultima version de navegador o de plug-in. Ademas la mayoria de los usuarios no quieren perder el tiempo descargando un plug-in para poder visualizar la pagina y lo mas normal es que acabe marchandose sin ver la pagina. Evitemos los excesos a ser posible.

La informacion de la pagina debe estructurarse de forma clara, que permita conocer rapidamente el orden y la distribucion de lo que se va a encontrar. El visitante no tiene tiempo para aprender las caracteristicas de un sitio, por lo que hay que ponerselo facil.
El lenguaje debe ser simple y conciso, ademas de objetivo. La forma de leer una pagina web es diferente, los usuarios no leen todo el texto al completo, sino que lo ojean para captar frases que le demuestren que ese texto le interesa. Si le interesa ya lo imprimira para leerlo con mas tranquilidad. Por ello es preferible no escribir bloques continuos de texto, sino parrafos cortos, destacando palabras importantes en negrita o con colores y empleando numeros o viñetas. Todo ello pensado para que el lector capte de un vistazo la tematica del texto. Ademas ofrezcámosle al visitante la posibilidad de imprimir el texto facilmente.

Utilicemos un tamaño adecuado de fuente y un nitido contraste entre el color de la misma y el fondo, mantener un aspecto ordenado y claridad en la pantalla, sin elementos moviles que dificulten la legibilidad.

Utilizar el lenguaje de la audiencia a la que va dirigido el sitio añadirá facilidad en la lectura. Los usuarios prefieren un lenguaje objetivo que les inspire credibilidad y que les informe sobre lo que quieren saber.

5-.) 4 PUNTOS BASICOS PARA INCREMENTAR LAS VISITAS A NUESTRO WEB

Existen 4 puntos basicos que provocarán un incremento y una mejora en el uso de un sitio web:

  1. Proporciona contenidos de gran calidad y de relevancia para tus publicos.
  2. Haz tu sitio facil de usar.
  3. Realiza una promocion efectiva de tu sitio, tanto dentro de tu mismo sitio como en los demas medios.
  4. Evoca emocion.

Debemos favorecer y reforzar los elementos que faciliten la localizacion de la informacion deseada, a la vez que debemos evitar todo elemento de distraccion. Todo esto aumentara la satisfaccion de los usuarios y por consiguiente las visitas al sitio.

A continuacion explicaremos cada punto con mas detalle:
--PRIMER PUNTO: CONTENIDO DE CALIDAD

Antes de elegir que tipo de contenido debes elegir para ofrecer en tu web, debes tener en cuenta los siguientes puntos:

Hacer que tu contenido sea relevante y de gran calidad es tu prioridad NUMERO UNO. Todo lo demas es secundario.

Ten en cuenta que tu audiencia juzgara la utilidad de tu sitio por la cantidad de informacion que satisfaga sus necesidades.

Suponiendo que tenemos unos contenidos de calidad y utilidad probados, como podemos mejorarlo? Puedes añadir links de calidad como informacion adicional de tus articulos, ademas de un archivo que facilite la localizacion de contenidos atrasados y un buscador que ayude en la localizacion de informacion relacionada, entre otras cosas. Ten presente tambien el formato de la informacion para facilitar su impresion.

Es muy IMPORTANTE que la informacion y los contenidos esten constantemente actualizados, haz saber a tus visitantes que la informacion de tu sitio esta actualizada puntualmente; añade fechas a los articulos y noticias, incluye eventos semanales o mensuales, da la posibilidad de suscribirse para recibir notificacion de las actualizaciones del contenido del sitio. Comunica a tus visitantes que siempre hay algo nuevo en tu sitio web.

--SEGUNDO PUNTO: FACIL DE USAR

Los usuarios deberian saber qué pueden hacer en tu web y como hacerlo. Ademas el usuario deberia saber a primera vista cual es la tematica de tu sitio.

Al moverse por tu sitio, deberian saber en todo momento donde estan y donde pueden ir. Deben poder regresar a la pagina principal desde cualquier punto de tu web. Si el sitio es grande deberia estar provisto de un mapa que sirva de ayuda y orientacion al usuario. Recuerda que si tu contenido no es facil de localizar y de utilizar, tus visitantes se irán y no regresarán.

Organiza tu pagina principal distinguiendo claramente las diferentes areas o secciones de que consta tu sitio. Procura que la estructura del web sea clara, con un facil interfaz de navegacion. La claridad y la facilidad de uso son basicas para que un web no sea abandonado por sus visitantes.Para ampliar informacion, ver boletin anterior en:
http://www.masterdisseny.com/master-net/boletines/boletin_0024.php3

--TERCER PUNTO: PROMOCION DEL CONTENIDO

El que piense que un buen contenido por si solo atraera a la audiencia apropiada, esta muy equivocado. Para que sea efectiva, tu campaña de promocion deberia comunicar donde esta localizado el sitio web que contiene toda esa informacion, cada cuanto se actualiza y por qué es de relevancia para tus visitantes, ademas de explicar cuales son las principales caracteristicas del sitio, sus
objetivos y su tematica.

Muchos sitios no han hecho un buen uso de su publicidad porque se han basado en anuncios espectaculares pero indescifrables que no permiten saber lo que realmente encontraremos detras de aquellos anuncios, por ello debemos tambien aplicar la usabilidad a nuestra publicidad haciendo saber al espectador lo que le ofrecemos y las ventajas que puede aportarle.

(La usabilidad en la publicidad sera un tema que abordaremos en proximos numeros de Master-NET)
--CUARTO PUNTO: EVOCAR EMOCION

Los retos o desafios son excitantes y captan la atencion. Todo el mundo sabe que el reto es un elemento comun de todos los juegos. En cambio es dificil aplicar retos por ejemplo en un magazine. Estos pueden utilizar la provocacion, la sofisticacion, y la sorpresa para
involucrar a sus lectores.

Se deben presentar nuevas ideas y contenidos. Un buen sitio deberia ser lo bastante facil para aprender, pero lo suficientemente complejo como para que la gente vuelva. Si ya suena complicado, y lo es. En otras palabras, necesitamos que nuestro sitio contenga caracteristicas familiriares para nuestros visitantes, a la vez que contenga caracteristicas o cualidades que sean unicas y propias de nuestro sitio para que nuestros visitantes quieran regresar una y otra vez.
------------------

6-.)UTILIZACION DE MULTIMEDIA

Animaciones, sonido y graficos pueden conseguir que el contenido de tu web tome vida propia y consiga influir en nuestro estado de animo o en nuestras emociones. Es dificil imaginar un juego o una pelicula sin musica. Pero ten en cuenta que una mala musica resulta mas antipatico a la gente que unos pobres graficos. Ademas, muchos usuarios de Internet navegan con la opcion de sonido desconectada. Ten especial cuidado cuando tengas que coordinar audio y video.

Las imagenes son necesarias porque constituyen el objetivo de la busqueda o añaden informacion sustancial a la pagina, como las fotografias de productos.

¿Como podemos mejorar el uso de multimedia en nuestro sitio web?

-No repitas las presentaciones en audio o video a los usuarios que repitan su visita. -Las partituras musicales que se repiten constantemente molestan a los visitantes. Utiliza variaciones en el repertorio. -Cuando el audio y el video compiten para conseguir la
atencion del espectador, facilítale pistas que le indiquen hacia donde debe dirigir su atencion.
* CUANDO UTILIZAR AUDIO

CUANDO UTILIZAR ANIMACION

Las animaciones que permanentemente estan en movimiento no deberian incluirse (salvo en raras ocasiones) en una pagina Web, debido a que dificultan que la audiencia pueda concentrarse en el contenido de la pagina. Las investigaciones revelan que el movimiento capta nuestra vision periferica y puede dominar nuestra atencion. Tambien es aconsejable evitar el texto en movimiento ya que dificulta su lectura y posterior comprension.

CUANDO UTILIZAR VIDEO

7-.)LO QUE NO DEBEMOS HACER

A groso modo, debemos evitar cometer errores muy frecuentes y que no ayudaran nada a la hora de conseguir visitantes. Debemos evitar:

Segun Jakob Nielsen, uno de los gurús de la usabilidad, los 10 grandes errores a la hora de diseñar un sitio web, son los siguientes:

1-.DESCARGA LENTA DE LAS PAGINAS

Minimizar el uso de imagenes que no sean imprescindibles para el contenido, ya que estas aumentan la lentitud en la descarga de las paginas. Ademas la mayoria de las imagenes no aportan datos, sino que crean confusion y distraen del mensaje que se quiere transmitir.

2-.UTILIZACION DE FRAMES

Este punto ya no es tan negativo, aunque es preferible evitarlo.

3-.UTILIZACION DE LAS ULTIMAS TECNOLOGIAS DISPONIBLES

No todos los usuarios disponen de las ultimas versiones de los programas o plug-ins, ten esto en cuenta, puede que tu pagina sea increible pero muchos usuarios no puedan visualizarla.

4-.ANIMACIONES ESPECTACULARES

El uso de animaciones en constante movimiento pueden distraer la atencion del usuario y alejarlo del objetivo que queremos conseguir.

5-.URLs COMPLEJAS

Una direccion dificil de recordar, dificultara la localizacion de nuestro sitio web. Debemos procurar obtener un nombre facil de memorizar.

6-.PAGINAS HUERFANAS

Todas las paginas deben ser facilmente identificables con el sitio web, el usuario debe reconocer que esa pagina pertenece al sitio, por esta razon, todas las paginas deben mantener una coherencia visual y contener elementos corporativos que la hagan facilmente reconocible. Todas deben de estar debidamente enlazadas con la pagina principal (HOME).

7-.APOYO DE NAVEGACION INSUFICIENTE

Si las paginas no tienen un menu de navegacion claro y sencillo, los usuarios se sentiran perdidos y en consecuencia se iran de nuestro sitio, decepcionados. No debemos forzar al usuario a explorar y averiguar lo que puede hacer en nuestro sitio web. Ayudar al usuario a orientarse y a encontrar lo que busca.

8-.COLORES NO CONVENCIONALES DE LOS ENLACES

El problema de no respetar los colores tipicos de los enlaces, azul para paginas no visitadas, violeta o rojo para las visitadas puede causar confusion. Aunque hay que reconocer que esto es un problema a la hora de conjuntar el diseño de las paginas.

9-.INFORMACION ANTICUADA

Una web con un contenido no actualizado, lo unico que puede provocar es que nuestros visitantes desconfien de nuestra empresa. Un sitio no actualizado solo sirve para ayudar a crear mala imagen de la empresa. Este es uno de los puntos mas importantes.

10-.SCROLLS

A ser posible, debemos evitar largos scrolls.

8-.) REALIZAR UN TEST DE USABILIDAD

Un test de Usabilidad deberia ser parte integral del desarrollo de un proyecto web (aunque eso encarezca el servicio). Pero piensa que hay una realidad innegable hoy en dia, y es lo que hemos comentado varias veces: "Si un cliente encuentra nuestro sitio web dificil de utilizar, se frustrará y abandonará nuestro sitio", y si lo abandona lo mas seguro es que no vuelva, pero eso no es lo peor, el boca-oreja no nos facilitará las cosas. Por esta razon debemos tener presente un test de usabilidad para sacar el maximo provecho a nuestro sitio web.Un test de usabilidad debe permitirnos:

  1. Localizar los distintos problemas de usabilidad que presenta el sitio web analizado.
  2. Descubrir las soluciones que deben aplicarse a los distintos problemas localizados en el sitio.
  3. Y aplicar estas soluciones descubiertas en la mejora y optimizacion de la usabilidad del sitio web.

Hay diferentes formas de conseguir feedback con los clientes acerca de la usabilidad de un sitio web. Pero lo mas comunmente utilizado son las entrevistas individualizadas cara a cara con clientes para explorar sus opiniones acerca de un sitio web o una maqueta del mismo.

La forma de trabajar con este metodo, es el siguiente: Un moderador se sienta con un participante que representa al publico objetivo al que va dirigida la Web (un cliente o un potencial cliente). El moderador observa como el participante utiliza una version del sitio web en
desarrollo, normalmente al participante se le plantean una serie de objetivos que debe cumplir navegando por el sitio web. Mientras intenta llevar a cabo las tareas asignadas, el moderador observa como se va desenvolviendo el participante mientras navega por el sitio, anota todos los problemas que tiene el participante, sus reacciones, sus frustaciones, sus dificultades para encontrar una informacion determinada, en resumen, todo aquello que pueda ayudarnos a aprender como se mueven nuestros visitantes por la web. Toda esta informacion recopilada, despues de entrevistar a un numero determinado de participantes, sera utilizada para revisar el sitio durante su desarrollo o para rediseñarlo en el caso de que esté terminado.

Lo mas adecuado (aunque tambien costoso) es introducir estos test de usabilidad en diferentes momentos del proceso de desarrollo de la Web. De esta manera podemos ahorrarnos muchos pasos hasta conseguir una web con una correcta y adecuada usabilidad. Toda la informacion que vayamos recopilando basandonos en la experiencia y las opiniones de nuestro publico objetivo (target), nos ayudara a decidir la direccion apropiada a seguir, a la hora de conseguir un sitio agradable, navegable y funcional.

Los test de usabilidad nos seran muy utiles porque nos permitirán observar directamente las reacciones de nuestros clientes reales.

Te sorprendera lo que puedes aprender de tus usuarios. Una vez leí que en un estudio de usabilidad realizado en una Web de una compañía aerea norteamericana, se descubrió que los usuarios tenian miedo de hacer "clic" sobre un boton con la siguiente leyenda: "Compre un billete ahora", esto era debido a que los usuarios pensaban que pulsando, se verian obligados a comprar un billete, o que automáticamente se les cargaria a su cuenta. Esta cosa tan simple, hacia perder muchas ventas a la compañia. Por eso, debemos tener presente que algo que puede parecerte obvio a ti, puede que no lo sea para tus clientes. Volviendo al ejemplo, el problema se solucionó,
sencillamente, cambiando la leyenda del boton.

Los estudios de usabilidad son efectivos porque te permitiran observar directamente a tus clientes de una forma real y fiable. Pero algunas veces es importante obtener un estudio cuantitativo en vez de cualitativo, especialmente si quieres crear benchmark (puedes consultar nuestro glosario en: http://www.masterdisseny.com/master-net/glosario/index.htm)

Para futuras pruebas o analisis. En este caso, los testeos online (a traves del web), son el mejor metodo, ya que es demasiado caro testear a suficiente gente para realizar un estudio cuantitativo efectivo. Una ventaja es que testearás a personas en su medio natural, o sea, en su casa o en la oficina, con lentas conexiones que revelaran muchos problemas que desde nuestro laboratorio no advertiriamos.

Un test de Usabilidad a traves de la Red puede realizarse de diferentes formas, entre ellas podemos:

9-.)GUIA PARA LA REALIZACION DE UN TEST DE USABILIDAD
Segun Kirsten Risden.

Experta en Usabilidad de Microsoft.

1)DEFINIR TAREAS CLAVE

Debes crear tareas que obliguen a alcanzar los objetivos que persigue el sitio web. Una tarea para un comercio electronico, es clara: Los usuarios deben poder comprar un producto o contratar un servicio como ellos esperan, o sea, de una manera sencilla y comoda.

2)DEFINIR LOS PASOS PARA CONSEGUIR ESAS TAREAS

Por ejemplo, el usuario quiere un producto, el usuario encuentra ese producto, el usuario añade el producto al "carrito de la compra", el usuario rellena el formulario de pedido y el usuario termina la accion de compra.

3)ESTABLECE PERIODOS DE TIEMPO EN LOS QUE EL USUARIO DEBERIA HABER CUMPLIDO CADA TAREA

Cuanto tiempo se tarda en realizar una misma tarea en la web de tu competencia, en comparacion con la tuya? Remodela tu sitio si se tarda bastante menos a cumplir la misma tarea en el web de la competencia.

4)NO TESTEAR A LOS USUARIOS DURANTE MAS DE 2 HORAS

Este periodo de tiempo es mas que suficiente para obtener datos muy utiles sin llegar a cansar al participante del test.

5)SE HUMILDE Y FLEXIBLE

Durante los test debes tener los ojos bien abiertos. Los usuarios casi nunca reaccionaran de la forma que esperas que lo hagan frente al interface de tu sitio. No te molestes por eso. No insultes la inteligencia del usuario. Aprende del test y mejora lo que tu estas haciendo. Tus expertos en usabilidad te ayudaran a integrar los resultados del estudio para cambiar y mejorar la interface de tu sitio para facilitar su comprension y uso.

6)LA USABILIDAD REPORTA RESULTADOS PRONTO

El haber aplicado los conocimientos adquiridos mediante los tests de usabilidad, nos reportaran visibles resultados al momento.
=========================================
MASTER-NET
http://www.master-net.net
Publicacion en español dedicado exclusivamente a ofrecer noticias y contenidos sobre comercio electronico, marketing y publicidad en Internet.
Puedes suscribirte GRATIS a nuestro boletin y recibir por email nuestro curso " Como realizar una campaña de marketing online"
suscripcion@masterdisseny.com
=========================================