Carlosmanuelnaranjo’s Weblog

Just another WordPress.com weblog

USABILIDAD WEB

Definición. qué son las normas de Usabilidad:

De acuerdo a Jakob Nielsen,la usabilidad se define como un atributo de cualitativo de una página o sitio web, que determina la facilidad de la interfaz para ser utilizada. La palabra también se refiere a los métodos para mejorar la facilidad de uso durante el proceso de diseño.
Las siguientes son las 10 normas Básicas que un sito web debe cumplir (o carecer):

1.- Problemas de Legibilidad

Para los lectores del boletín del autor, uno de los mayores problemas de los sitios web, es la existencia de fuentes pequeñas, sin capacidad de aumentar su tamaño. Esto implica que lso desarrolladores asumen que NO existe ningún tipo de discapacidad visual en los lectores, o que todos pueden leer en determinada resolución. Una porción importante del estudio, coincide que el bajo contraste entre color de letra y color de fondo es fatal.

2.- Links mal utilizados

Por un lado, en gran cantidad de sitios web, se obvía el subrayado de los enlaces, haciéndolos muy dificil de encontrar. Por otro lado, el hecho que los links visitados no cambien de color, también es valorado negativamente.
Por último, la utilización correcta de links descriptivos, genera una valoración positiva por los usuarios y también genera una valoración positiva por parte de los motores de búsqueda.

3.- Formato Flash

Aquí existe el verdadero quiebre del marketing por Internet. La disyuntiva: ¿información o diseño?.
Al parecer los internautas prefieren links gráficos, en vez de esperar muchos minutos a que carguen películas que sólo benefician al desarrollador. Por otro lado, flash por sí sólo no genera información clasificable a los motores de búsqueda. Nótese que no se encontrará en primer lugar sitios de carga lenta o presentaciones flash largas y extenuantes.

4.- Contenidos escritos para la web

las personas en general, valoran los sitios web que presetan información resumida, que no tienen extensos textos. Por tanto, se valoran los textos de fácil y rápida lectura.
No debe olvidarse, que las personas permanecen apenas unos minutos en un sitio web y no clickean más de 4 links en promedio.

5.- Búsquedas

Los navegantes no suelen pasar mucho tiempo en un sitio web, asi que debe aprovecharse ese tiempo de manera correcta. Por un lado, se debe atraer al usuario con las palabras corectas al sitio web, pues, si no encuentra lo que busca, lo más probable es que la sesión con el sitio web, dure apenas unos cuantos segundos y, por otro lado, el sitio web debiera tener claridad en las búsquedas internas.

6.- Incompatibilidad de Navegadores

Aquí el tema es muy sencillo: ocuparse de la minoría.
La mayoría de los desarrolladores sólo compatibiliza o configura el diseño de un sitio web para el navegador ixplorer.

7.- Formularios extensos

claramente este es uno de los defectos de los sitios web más aborrecidos por los navegantes, de dos maneras: formularios extensos, con muchos campos y, por otro lado, aquellos sitios que solicitan infrmación MUY confidencial, para el tipo de requerimiento que se solicita.
Pongamos un ejemplo: Nos vamos a registrar en un sitio web para recibir la newsletter.
Pregunta: ¿ qué es importante?
Nombre (apellidos), correo.
Qué no es necesario: rut, estado civil, dirección, fono, tarjeta de crédito.
El llamado tambén es a generar confianza en los visitantes, evitando que los formularios sean razón de dudas,

8.- Información de la Empresa

¿ Ha entrado alguna vez a un sitio web a ver sólo el fono, email o dirección?
Gran parte de los sitios web prescinde de esta importante información.

9.- Interfaces, resoluciones

La idea es utilizar configuraciones que se adpten a diferentes resoluciones. Se recomienda trabajar con porcentajes, no valores absolutos.

10.- Agrandado de fotos

Se busca que las galerías de productos o fotos, al momento de ampliarse, se desplieguen fotos a pantalla completa o visiblemente más grande que la foto pequeña o thumbnail.

11.  Debemos comunicar de forma inmediata el objetivo del site a nuestros clientes.

Los primeros momentos de estancia en un site son claves. La mayoría de las visitas no pasan de la página de acceso, por lo que es decisivo comunicar con mucha claridad cuál es el objetivo del web.

Algunos consejos:

-Exponer en portada de forma clara la gama de productos que se ofertan en el site.

-Es recomendable acompañar los catálogos de productos en portada con alguna frase descriptiva.

12. El cliente debe estar informado constantemente acerca de su ubicación.

El usuario se encuentra ante decisiones que concluirán en una posible compra, por lo que es esencial crear una sensación de seguridad que permita al cliente olvidarse de la navegación y centrarse en la información ofrecida.

Existen diversas formas de lograr esa sensación de comodidad:

1. Logotipos de la empresa siempre presentes.

2. Títulos de página claros.

3. Usar algunas de los diversos tipos de “rastros de migas” (también llamados “breadcrumbs”) o paths… Este tipo de técnicas requieren de una correcta aplicación y funcionamiento.

13. El sitio debe adaptarse al mundo de los clientes: su lenguaje, sus conocimientos …

Cuando pensamos en los contenidos y la información que vamos a incluir en la web debemos hacernos tres preguntas:

¿Qué información quiere mi público objetivo?

¿Cuándo la quiere?

¿Cómo la quiere?

Damos por supuesto que antes de construir nuestro site hemos decidido quién es nuestro público objetivo y por lo menos cuál va a ser el cliente al que nos gustaría dirigirnos.

Algunos consejos:

– Conocer los comportamientos, gustos, hábitos de nuestro público objetivo.

– Evitar aquellos iconos, palabras o contenidos que no sean fácilmente identificables por los usuarios finales de nuestro web.

14. El cliente / usuario debe sentir que posee el control sobre todo lo que pasa en el site.

En los sites de comercio electrónico en los que los procesos de registro, alta y compra son esenciales, ofrecer al usuario la sensación de que “está al mando” es trascendental.

Esta norma implica una serie de aspectos que es conveniente tener en cuenta:

-Debe ser posible deshacer una acción siempre que esta sea funcional u operativa.

-En procesos de varios pasos, se debe permitir al usuario volver a pasos anteriores y modificarlos.

-No se deben iniciar de manera automática acciones que el usuario no ha ordenado explícitamente

Y algunos aspectos referidos al diseño:

-Debe ser posible controlar el tamaño de letra

-La visualización tiene que estar adaptada a diferentes resoluciones.

Existe además una circunstancia a tener en cuenta desde el punto de vista legal, la Ley de Servicios de la Sociedad de la Información y de Comercio Electrónico recoge en su exposición de motivos algunos puntos que hacen referencia a los pasos en un proceso de contratación.

15. El sitio tiene que ser consistente internamente y respetar estándares externos.

La estandarización es uno de los pilares básicos de la usabilidad, tal es así que existen múltiples normas ISO referidas a la usabilidad de productos de software. Sin embargo, en entornos online, los estándares se van introduciendo más por convencionalismos que por una norma establecida.

Lo que es cierto es que los clientes de este tipo de sitios están acostumbrados a una serie de estándares externos que no es aconsejable modificar ya que los ha ido aprendiendo y adquiriendo tras cierto tiempo. Como por ejemplo: “el carro de la compra”.

Sobre la consistencia interna, damos algunos consejos:

-Las pestañas o etiquetas de los vínculos deben tener los mismos nombres que los títulos de las páginas o secciones a las que se dirigen.

-Las mismas acciones (botones, links) deben llevar a los mismos sitios.

-Los mismos elementos deben ser iguales en todo el site.

16. El diseño debe ayudar a prevenir posibles errores.

El numero de errores existentes en un site tiene una relación directa sobre el ratio de conversión visita/cliente. Hemos determinado tres “zonas calientes”, más sensibles al error:

-Los motores de búsqueda

-Los formularios de alta

-Las áreas transaccionales

Con respecto a los motores de búsqueda, el error más frecuente es no devolver los resultados esperados. Averigüe lo que sus clientes realmente buscan y adapte la herramienta a sus necesidades. Y asegúrese de que el motor acepta errores ortográficos y que se actualiza periódicamente.

En los formularios de alta, el porcentaje mayor de abandonos lo producen los mensajes inesperados de error o los mensajes mal construidos. El usuario tiene derecho a equivocarse. Es tarea nuestra explicar qué información debería introducirse o cómo solventar el error. Y debemos marcar con claridad todos los campos que consideremos obligatorios.

Los clientes sólo usan el 5% de su tiempo de navegación para realizar transacciones, el 95% restante lo dedican a buscar productos, comparar y otra serie de tareas no transaccionales. De ahí la importancia de que esta fase del proceso de compra esté tan estructurada que no lleve al usuario a cometer errores que agoten el tiempo que está dispuesto a dedicarle a esta tarea en esfuerzos inútiles.

17. Se debe facilitar y optimizar el acceso a los usuarios.

Normalmente existen dos tipos básicos de usuarios: noveles y expertos, y las necesidades de unos y de otros pueden diferir. La tendencia es centrarse en el novel y complicar la navegación al experto. Nuestro consejo es que busquemos un equilibrio para que, sin dificultar la navegación novel, el usuario avanzado encuentre atajos que mejoren su experiencia de uso.

Sobre las áreas cerradas o de acceso restringido, es algo que depende únicamente de la estrategia empresarial de cada compañía. Pero recomendamos flexibilizar el acceso a los contenidos. Restringir el acceso a la información no es beneficioso, sobre todo si no existe un valor real para el cliente registrado.

18. Hay que evitar la información irrelevante y ceñirse a lo necesario.

Lo difícil en este apartado es conocer: ¿qué es lo necesario para el usuario? y ¿cuándo lo quiere? Los errores más frecuentes se encuentran en la ficha de producto.

Debemos ajustarnos al nivel de información demandado por el usuario:

-Ser transparente en los beneficiosos y en los costes del producto.

-Jerarquizar la información de mayor a menor importancia.

-Evitar el ruido visual generado por la acumulación de elementos.

Una buena idea es dosificar la información y no ofrecer todos los detalles de una vez.

9. La navegación debe ser recordada más que redescubierta.

El uso de estándares internos y externos facilita el reconocimiento de la navegación. El uso de patrones coherentes internamente ayuda a automatizar decisiones y evita repensar cada situación. Al mismo tiempo una lógica jerarquización, agrupación y presentación de contenidos ayudará, guiará y evitará la reiterada petición de información en la navegación del usuario.

20. El usuario debe recibir ayuda cuando lo necesita.

En teoría, un site bien hecho no debería necesitar instrucciones de ayuda. En la práctica, son imprescindibles. Para que nuestras ayudas no se conviertan en otro obstáculo más, debemos tener en cuenta dos cosas:

-Que las ayudas sean concisas y directas.

-Y que estén contextualizadas. Es decir, que las ayudas estén situadas en el lugar en el que el usuario las va a necesitar: un texto de apoyo, un ejemplo, etc.

En todos los estudios con usuarios realizados en dnx, la ayuda telefónica se ha revelado como un elemento de seguridad necesario frente a la incertidumbre que produce el proceso de comprar online. Por lo tanto, debemos ofrecer al cliente la sensación de que estamos al otro lado para resolver cualquier duda que se le planteé.

Como hablamos al principio, cada página web responde a una serie de condicionantes fruto de la propia definición empresarial de cada compañía. Esas características propias son las que van a determinar la necesidad, o no, de incorporar estos consejos.

Sin embargo no conviene perder de vista el principio fundamental: el usuario no desea realizar muchos esfuerzos. Cualquier obstáculo o barrera, por pequeña que sea, será suficiente para que el cliente abandone nuestra web para irse a la competencia. Facilitar la navegación y mejorar su experiencia de uso es la mejor manera de garantizar el éxito de nuestro negocio.

21. No hay que olvidar nunca que la WWW es un medio de comunicación hipertextual, no audiovisual. Sin duda en el futuro existirán medios audiovisuales basados en Internet, pero la publicación web seguirá existiendo y siendo hipertextual.

22. Maximizar el espacio de información útil. En configuraciones de 800×600 esta no suele superar la media del 20%, una vez descontado el espacio ocupado por controles de navegación, publicidad, opciones del sitio y el navegador.

23. Maximizar la escalabilidad, tanto de configuración gráfica como de especificaciones de comprensibilidad del código por parte del navegador incluido en el dispositivo utilizado. La desviación en ambas dimensiones tiende a aumentar: Por un lado la tradicional gama de configuraciones de monitor (de 640×480 a 1024×768) ha resultado más persistente de lo que se predecía. En España aproximadamente un 20% del parque de PC’s conectados a Internet trabajan con monitores a 640x 480. Por otro lado la gama de dispositivos conectados a la red es cada vez mayor.

24. Los contenidos tienen que estar optimizados para la web. Ser breves, organizar la información según la regla de la pirámide invertida y utilizar hipervínculos para separar desarrollos y ejemplos del cuerpo del artículo.

25. Utilizar en la presentación y redacción tres características básicas:

  • Texto conciso.
  • Diseño que permita la lectura por encima, como enumerar los puntos, separar títulos y encabezados, utilizar negritas y resaltados o listas con viñetas.
  • Lenguaje objetivo.

26. Integrar los gráficos en el contenido de modo que minimicen “peso”, aporten información útil y permitan con todo que la página sea útil y comprensible.

27. El diseño de los sitios debe orientarse a la simplicidad, con las mínimas distracciones posibles, arquitectura de la información clara y herramientas de navegación adecuadas.

28. La página de inicio del site debe:

  • Ofrecer un directorio de las principales áreas de contenido.
  • Un resumen de las novedades o promociones más importantes.
  • Una opción de búsqueda interna.

29. No usar páginas de bienvenida (páginas previas a la página real de inicio).

30. Vinculación profunda. Es decir, no obligar a los usuarios a entrar por nuestra página de inicio, sino permitirles llegar directamente a los centros de su interés tanto desde los banners como desde links voluntarios. Esto debe integrarse dentro de una estrategia de nominación de URL de sitios y subsitios comprensible por los usuarios.

31. Integración de los contenidos generados por los usuarios. En sitios pequeños se debe buscar la relación personalizada con los usuarios. En sitios grandes moderar chats y grupos de discusión.

32. La navegación dentro del site debe permitir al usuario saber dónde está en cada momento y cómo poder volver allí cuando lo desee.

33. Utilizar los applets de modo que no generen confusión a los usuarios ni mermen el control que ejercen sobre el contenido mostrado desde el navegador. Es decir, los applets no pueden repetir los errores y horrores del Flash.

34. Utilización del standard WAI para facilitar el acceso a nuestro site a usuarios con discapacidades. En términos generales:

  • Hemos de pensar que los ciegos navegan ligando el browser a un sintetizador que procesa el texto y lo lee. El uso por tanto de etiquetas de encabezado en el código y del texto alternativo en los gráficos resulta fundamental para la accesibilidad.
  • Los archivos de sonido con contenido (discursos, declaraciones, etc.) que por otro lado hay que minimizar, deben tener transcripciones disponibles.
  • Hemos de minimizar la dificultad de cualquier tipo de operación a realizar con el ratón o el teclado (atinar en vínculos mínimos en hipertexto o todo tipo de combinaciones de letras o teclas y ratón en applets varios)

35. En la web, más que en ningún sitio es importante seguir la máxima “pensar globalmente, actuar localmente”. Llegar a un público transnacional y con distintos idiomas implica pensar contenidos y estructuras de acuerdo tanto con lo común, como con lo diferente.

36. Hemos de evitar las páginas de entrada cuya única función sea la selección de idioma o país. En realidad no son más que una variedad de las páginas de bienvenida. Por otro lado una estructura de sitio que lo requiera, normalmente lo hará por una mala estrategia de nominación de URL. Una forma de solventarlo aceptable, -aunque no deseable por los problemas de escalabilidad y deseconomía de contenidos que comporta- si se hace imposible el cambio, puede ser el modelo de “página de inicio compartida”.

37. Cuando diseñamos sites corporativos (ya sean intranets o extranets), no hemos de olvidar que el objetivo es facilitar el trabajo y la productividad de todos. El proceso de información es intensivo en tiempo para los humanos, de modo que hay que sustituir por tablones de anuncios y directorios específicos las listas de correo y ordenar las discusiones de modo fácilmente comprensible y visible de un vistazo.

38. En todos los proyectos de red (intranet, comunidad de trabajo, etc.) lo esencial es la comunicación. Las convocatorias para chats y las puestas en común tienen que estar claramente anunciadas. Las reglas de moderación tienen que ser sencillas, pocas y flexibles. La clave del trabajo en red no está en los procedimientos sino en las ramificaciones y los contactos que se establecen entre miembros de los equipos y que muchas veces se desarrollan aparte.

39. Los usuarios definen 4 causas principales para volver a visitar un site:

  • Contenidos y servicios. Tienen que ser ante todo útiles, lo que normalmente no quiere decir exhaustivos.
  • Actualizaciones. Los usuarios sólo piden regularidad y predecibilidad para volver. No les pidas que piensen en ti todos los días, pero tampoco des plazos que hagan que se olviden (como por ejemplo una revista trimestral o incluso mensual).
  • Rapidez. Consigue que tus páginas pesen lo menos posible y si el contenido multimedia o los formatos que usas forman parte de la identidad de tu página, separa todo lo pesado y ponlo en una sección especial de downloads.
  • Facilidad de Uso. Supedita el diseño gráfico a la usabilidad y no al revés.

40. Haz una parrilla de 3 usuarios típicos, descríbelos y piensa como ellos. ¿Qué rutas crees que seguirían? Permite que no encuentren lo que de entrada pueda no interesarles pero nunca que tengan que buscar más de la cuenta lo que buscan. Piensa hipertextualmente, no gráfica ni linealmente.

 

WEBGRAFIA.

1. http://www.posicionamiento.cl/faq_normas_de_usabilidad.php

2. http://www.microsoft.com/spain/empresas/guias/usabilidad/consejos_practicos.mspx

3. http://www.desarrolloweb.com/articulos/normas-maximizar-usabilidad-site.html

 

 

agosto 28, 2008 Posted by | USABILIDAD | Deja un comentario