La usabilidad es una característica fundamental para que tus usuarios y clientes visiten, aprovechen y regresen nuevamente a su sitio, incrementando el éxito de tu estrategia en Internet.

Un portal con usabilidad puede:

• Incrementar visitas de forma sustancial (típicamente suben más de 100% tras el rediseño del sitio de acuerdo a estudios diversos sobre el tema).
• Reducir tiempos y costos para el usuario y para el dueño de la página.
• Transparentar la información (al poder realmente encontrarla y consultarla).
• Agilizar la distribución y manejo preciso de información.

Tradicionalmente en el mundo físico, un cliente compra un producto o servicio y luego conoce a fondo todo lo que este le puede ofrecer durante el uso. En Internet, un visitante lo primero que hace es buscar y conocer rápidamente acerca del producto o servicio, si este no es encontrado fácilmente y presentado de forma adecuada, el cliente simplemente sale del sitio y busca otra opción; difícilmente regresa nuevamente y su organización pierde sus clientes con la competencia.

La usabilidad es una característica que mide qué tan intuitiva y fácil de usar es una página web para el usuario común. Mide los siguientes 3 aspectos:


A continuacion se presentan diez principios basicos para lograr la Usabilidad en un sitio Web.

1. Ubicación y Estado actual. Trata siempre de que las personas sepan en donde están y que está pasando en cada momento.
2. Semejanza al mundo real. La interfase debe ser consistente con el mundo real. Se debe usar un lenguaje familiar a los usuarios. Hay que seguir los estándares del mundo real, haciendo que la información aparezca de una forma natural y con un orden lógico.
3. Libertad y Control. El usuario debe de tener libertad para recuperase de sus errores sin tener que llevar acabo un proceso largo. Se debe poder “deshacer” y “rehacer”.
4. Consistencia y estándares. Los usuarios no tienen por que preguntarse si el significado de palabras, situaciones o acciones tienen un significado similar. Debe haber una consistencia en ello.
5. Prevención de errores. Aun mejor que los buenos mensajes de error, es la prevención de los mismos.
6. Reconocimiento contra Memoria. Haz que los objetos, acciones y opciones sean visibles. Los usuarios no tiene porque recordar información de una pantalla a la siguiente. Las instrucciones deben ser visibles y fáciles de encontrar.
7. Flexibilidad y eficiencia de uso. El sistema debe permitir el uso eficiente tanto a usuarios nuevos como a los que ya tienen más experiencia.
8. Minimalismo. Incluye sólo la información necesaria, no incluyas cosas irrelevantes o de poca utilidad.
9. Ayude a los usuarios a reconocer, diagnosticar y recuperarse de sus errores. Los mensajes de error deben ser claros, explícitos, precisos y sobre todo, deben sugerir una solución.
10. Ayuda y Documentación. A pesar de que está comprobado que los usuarios raramente visitan las secciones de ayuda en el Web, si la tienes, que sea clara y que la información sea fácil de encontrar. Enlista los pasos que deben seguirse y se breve. No olvides los mapas del sitio muy utiles para un usuario extraviado.

Afortunadamente este tema esta ampliamente documentado, asi que si te interesa ahondar mas, puedes visitar los siguientes sitios, solo por mencionar algunos.

• Wikipedia. Usabilidad
• Pagina personal de Jakob Nielsen, padre de la Usabilidad
  
• No Solo Usabilidad. Revista en linea acerca del tema
  
• Diseño Web Centrado en el usuario. Excelente libro en linea que trata la Usabilidad y Arquitectura de la informacion.
  
• Ergoestudio. Ofrece un acercamiento hacia el análisis visual y evaluación de usabilidad y comunicación en Internet

Como parte de la Usabilidad (diseño de un sitio Web considerando que sea fácilmente compresible su navegación y organización) dejo aquí algunos buenos consejos para ir creando enlaces a otras páginas desde un documento HTML. Originalmente son once, pero me gustan más los números con más de dos múltiplos jeje, en pocas palabras me incomodan los números primos.

. . .

1. Tamaño de los enlaces. La imagen o texto del enlace deberá ser lo suficientemente grande para que sea posible hacer clic sobre él sin problemas. Si el diseño no permite aumentar el tamaño agrega bordes para tratar de obtener un área aceptable del enlace.
2. La regla del primer enlace. El primer enlace va a llevarse la mayor parte de la atención del lector y el mayor porcentaje de clics. Elige tu primer enlace cuidadosamente. Empieza por lo importante y no lo malgastes en una trivialidad.
3. No saturar de enlaces el texto. Utilizar demasiados enlaces en el texto lo volverá confuso y tal vez el usuario se vea tentado por dirigirse a alguna de esas páginas que se le ofrecen y olvidar el origen. Enlaza sólo las cosas lo suficiente importantes para merecer un enlace. Por ejemplo una cita, la definición de un concepto que pueda causar duda, etc.
4. Mantener un comportamiento uniforme y sencillo en los enlaces. Me molestan (y no creo ser el único) los clásicos enlaces doblemente subrayados y de color llamativo que te invitan a explorarlos, de tal manera que cuando pasas el puntero por encima aparece una imagen enorme con una foto de la pagina que esta enlazando. Como lo menciona el articulo original, todo esto de las paginas Web (y a la postre Internet) nació teniendo en mente los Hiperenlaces (HTML -> Hiper Text Markup Language). Modérate con la funcionalidad adicional de los enlaces.
5. No titular un enlace como 'clic aquí'. Huumm creo que si he cometido este error, lo mas recomendable es utilizar títulos descriptivos, el usuario debe saber hacia donde lo lleva ese enlace. Como editor ocasional de sitios soportados por Geeklog, debería tener esto en cuenta siempre, ya que la herramienta automáticamente toma los enlaces del artículo y los agrega al final como 'información adicional'.
6. No hacer el contenido dependiente de los enlaces para funcionar. No todo el mundo va a pulsar en tus enlaces. Pueden estar muy ocupados para hacer clic en cada uno de los enlaces que les pongas enfrente, o quizá están leyendo el artículo en otro formato en el cual no pueden hacerlo: impreso, offline, en un móvil. De todas formas es importante ofrecer el contexto necesario para hacer el contenido entendible sin la necesidad de visitar todo lo que está detrás de los enlaces.
7. No ocultar los enlaces. Los enlaces deben lucir como verdaderos enlaces. Dales un estilo distintivo que no pueda ser confundido con ningún otro elemento o texto de la página. Usa un color único, distintivo, no usado en ninguna otra parte de la página y considera usar el viejo hábito de subrayar el enlace.
8. No mezclar anuncios y enlaces. Aparentan ser enlaces pero son anuncios. ¿Cual es el anuncio y cual es el enlace? De nuevo: ¿qué es un enlace y qué no lo es? Y… ¿qué va a pensar acerca de esto el usuario?
9. No tratar de engañar con los enlaces. Los usuarios pueden querer ver previamente hacia dónde van a ser enviados con tu enlace poniendo el cursor encima del mismo y viendo la dirección en la barra de estado. Evita utilizar redirecciones y servicios abreviados de URL's que hacen la URL totalmente ilegible. Los usuarios no deberían tener que lanzarse al vacío y tener fe de que irán donde creen cuando hacen clic en tus enlaces.
10. No enlazar cosas que el usuario puede querer seleccionar y copiar. Pobre usuario (jaja pobre? son los causantes de nuestras desgracias) el que tenga que seleccionar y copiar texto enlazado. Esto requiere de un complejo conjunto de movimientos precisos del ratón para funcionar correctamente.

Articulo original en ingles en CodingHorror.com y su traducción al español en Sigt.net en este par de paginas también hay imágenes que muestran ejemplos de cada consejo.

Bueno, pues ahora dejo por aquí los 10 errores más comunes en el diseño de sitios Web, esto es una traducción del Top Ten Web Design Mistakes publicado por Jacob Nielsen en su sitio www.UseIt.com.

1. Problemas de legibilidad. Problemas de legibilidad derivados del uso de tipografías no adecuadas, cuerpos pequeños, falta evidente de contraste con el color de fondo.

2. Enlaces alejados de su formato estándar. Hay que hacer obvios los enlaces, hay que diferenciar los links visitados de los no visitados, usar textos descriptivos del enlace que contienen, no abrir enlaces en nuevas ventanas, etc.

3. Flash. Hay un uso de esta tecnología que se debe encauzar hacia objetivos más acordes con las potencialidades de ésta. Úsese para hacer lo que el html no puede hacer, en lugar de para dar más alegría a los sitios web

4. Contenido no escrito para la web. Hay contenido que se publica en la web de forma poco adecuada para el medio en que se está. Los textos han de ser cortos, concisos, que se puedan identificar con un golpe de vista, y vayan al grano.

5. Búsquedas deficientes. Las búsquedas son uno de los elementos fundamentales de un sitio web. Hacerlo bien es complejo y es uno de los factores principales de una experiencia de usuario positiva. Todos los años se recalca este hecho.

6. Incompatibilidades entre navegadores. Mientras a principios de año parecía que no era necesario invertir tiempo de los proyectos para compatibilizar el código y éste fuera multinavegador, el uso de navegadores diferentes a Internet Explorer hoy día hace que se deba volver atrás y no se excluyan usuarios sólo porque usen una plataforma diferente.

7. Formularios incómodos. Se identifican muchos problemas relacionados con la complejidad y uso de los formularios. Éstos se usan con mucha frecuencia en la web y muchos de ellos son excesivamente largos y complejos de rellenar (usar) por parte de los usuarios.

8. Ausencia de vías de contacto con los responsables del sitio web. Uno de los signos de credibilidad y por tanto de confianza que se puede dar al usuario es mostrar una dirección (postal) física o un teléfono de contacto. Es fácil pensar que una empresa de la que no se ofrece la dirección de su ubicación difícilmente puede recibir pagos de sus clientes por una falta de confianza de éstos en aquélla.

9. Maquetación con ancho fijo. Con las desventajas que esto acarrea, tanto si tenemos un monitor demasiado grande y no podemos leer bien los textos si no aumentamos su tamaño, como si nuestro monitor, o resolución, es demasiado pequeño, que nos encontramos con un desagradable scroll horizontal.

10. Ampliación inadecuada de las imágenes. Este puesto en realidad estaba reservado para desaconsejar de nuevo el uso de pop-ups, pero Nielsen lo deja en la costumbre que algunos tienen de mostrar la misma foto tanto cuando se trata de un thumbnail como de la imagen ampliada.

El diagnóstico de Nielsen: Back to Basics in Web Design (volver a los principios del diseño web). Habla, en mi opinión muy acertadamente, de que a los técnicos se nos llena la boca de la web 2.0, pero a los usuarios lo que les importa es que las cosas funcionen y se comprendan mejor; en definitiva, esas cosas que son la base del diseño web, siempre según Nielsen:

1. Que el texto sea legible

2. Que los contenidos respondan a sus expectativas

3. Que los sistemas de navegación y búsqueda les ayuden a encontrar lo que buscan

4. Formularios más cortos y simples

5. Que no haya cosas que no funcionen, enlaces que no lleven a ninguna parte, contenido desactualizado

Un saludo y agradecimiento al buen Pablo de www.IngeniaGroup.com.