Es la facilidad con que las personas pueden utilizar una herramienta particular o cualquier otro objeto fabricado por humanos con el fin de alcanzar un objetivo concreto. La usabilidad también puede referirse al estudio de los principios que hay tras la eficacia percibida de un objeto. (Wikipedia)
¿Por qué la usabilidad?
Si el cliente no puede encontrar de manera sencilla y rápida lo que está buscando:
1. No podrá comprar lo que se está vendiendo.
2. No regresará a un sitio que no cumple sus necesidades.
3. Es tan fácil ir a cualquier parte que la experiencia del usuario debe ser siempre óptima.
Diseño de Página
- Es la parte más visible del diseño web.
- Cuidar la apariencia superficial de cada una de las páginas.
- Mantener únicamente la información, imágenes que sean necesarios.
- Evitar la saturación de elementos.
- Importancia de los espacios en blanco para ubicar los objetos existentes.
- Preferir espacios en blanco sobre líneas gruesas de división.
- Mantener menús de navegación menores al 20% del contenido del sitio.
- Simplicidad, revise el sitio y quite cualquier cosa que esté demás.
- Trabajar con modelos y diseños básicos, limpios y claros, cuidar la velocidad de carga del sitio.
- Trabajar con elementos estándar que funcionen en los principales navegadores. (realizar pruebas).
Diseño del Contenido
- Programar Títulos, subtítulos, texto de imágenes y contenidos adecuadamente.
- Cuidar el tiempo de respuesta de las tipografías e imágenes.
- Facilidad para navegar entre páginas (vínculos, home, contacto, etc.).
- Rastro de navegación (breadcrumbs) el usuario sepa en donde está y en donde ha estado.
- Color azul y subrayado para los vínculos (canon).
- Colorear los vínculos visitados.
- Utilizar URL’s congruentes para generar confianza en los usuarios.
- Generar una gran cantidad de vínculos internos, manteniendo la relevancia.
- Cuidar: vínculos externos, vínculos publicitarios, vínculos a suscripciones, vínculos a registros.
- Estandarizar el diseño de todas las páginas, coherencia del sitio.
- No utilizar marcos o usar marcos sin borde.
- Un buen diseño web, genera credibilidad y confianza en los usuarios
- Simplicidad, Rapidez y enfoque en el contenido.
Diseño de los textos
- Escribir para la web, brevedad, claridad, uso de viñetas, listados y enumeraciones.
- Textos breves
- El texto web debe sólo el 50% del texto para una publicación impresa.
- Uso de hipertexto, dividir un contenido en varias páginas.
- Revisión ortográfica
- Facultad de hojear, primer enunciado del párrafo debe contener la idea general de todo el párrafo.
- Encabezados significativos, poco rebuscados, impactantes y concretos.
- Importancia de un lenguaje claro, conciso y limpio.
- Fragmentación de páginas cuando sean textos largos.
- Títulos de página, “escribir para ser encontrado” buscar palabras relevantes y de acuerdo con el contenido.
- Legibilidad, velocidad de carga, compatibilidad de fuentes, estandarización del diseño.
- Evitar la necesidad de tener una página de ayuda.
- El contenido es lo más importante de todo sitio web.
- El usuario debe ser perfectamente capaz de distinguir el contenido por sobre todos los elementos.
- La calidad del contenido se medirá por lo relevante que este resulte para el usuario.
Multimedia
- Que el contenido multimedia no afecte el desempeño (velocidad) del sitio.
- Utilizar solo los elementos que sean necesarios.
- Reducir formatos de imágenes, trabajar con JPEG’s, GIF’s y PNG’s.
- Evitar las animaciones, sobre todo si son muy rápidas y/o llamativos.
- Avisar al usuario cuando un sitio o aplicación dentro del sitio, está cargando.
- Los videos deben ser online streamings siempre, no videos descargables.
- No debe haber audio que inicie de forma automática.
Diseño del sitio
- Es la base que sostiene al diseño y al contenido.
- Su función debe ser perfecta.
La página de inicio (homepage)
- Su diseño debe variar del resto de las páginas dentro del sitio.
- Debe responder inmediatamente a las preguntas: ¿En dónde estoy? Y ¿Qué hace este sitio?
- Lo anterior puede ser la función más importante de una página de inicio.
- Es el lugar ideal para presentar, noticias, promociones o novedades dentro del sitio.
- Indispensable una opción de búsqueda, mejor situarla en la esquina superior derecha.
- Tres características básicas de la página de inicio:
1.- Directorio de páginas del sitio.
2.- Resumen, noticias, novedades, promociones etc.
3.- Opción de búsqueda.
- Nombre y logotipo, grande claro y con descripción.
- Preferir el ancho sobre el largo de un sitio.
- No utilizar páginas de bienvenida.
Las páginas interiores
- Vinculación profunda entre páginas.
- Ser literal para describir los elementos del sitio.
- Debe tener todos los elementos necesarios para llegar a la página principal
- Muchos usuarios acceden al sitio por las páginas interiores.
- La página de inicio siempre debe estar a un clic de distancia.
- El logo siempre debe tener un vínculo a la página de inicio.
- Mantener la misma línea de diseño.
- Deseable una rastro de navegación (breadcrumbs)
Navegación
- Debe responderse en todo momento a las preguntas:
1.- ¿Dónde estoy?
2.- ¿Dónde he estado?
3.- ¿A dónde puedo ir?
- Vínculos incrustados: textos subrayados que indican una extensión del contenido.
- Vínculos estructurales: señalan los diferentes niveles dentro del sitio, pueden ser las categorías.
- Vínculos asociativos: textos subrayados o cajas de vínculos que añaden información, coloquialmente identificables con leyendas como “véase también”.
Estructura del sitio
- La mayoría de los sitios poseen una estructura jerárquica.
- Algunos sitios trabajan con estructuras tabulares.
- La estructura debe reflejar el punto de vista del usuario sobre el sitio.
- Planificar dicha estructura facilita la operación, el mantenimiento y crecimiento de dicho sitio.
- La estructura del sitio no necesariamente representa la estructura organizativa.
- Visión del usuario sobre la visión de la empresa. Trabajar siempre desde el punto de vista del usuario.
- La estructura del sitio debe estar determinada con base en las necesidades, tareas y actividades del usuario en el sitio.
- Una estructura lineal suele ser señal de pésima usabilidad.
- Anchura siempre frente a profundidad.
- Es mejor tener muchas páginas concretas que pocas llenas de información variada.
- Recordar que el usuario controla la navegación, es mejor que domine dicha navegación
- Por lo tanto está debe ser simple, predictiva e intuitiva.
- Mantener una estructura del sitio, permite una mejor navegación.
- Determinar en qué punto es necesario crear un subsitio.
Opciones de búsqueda
Esta es la primera parte del resumen del libro de Jakob Nielsen, más adelante publicaré el resto del contenido.
Si necesitas más información sobre Usabilidad y diseño de sitios web, puedes ponerte en contacto conmigo a:
edgar@blinkdr.com
o al: 2973 2207 ext. 14
www.blinkdr.com
Espero les resulte útil.
buen post, muy completo, despues lo termino de leer
ResponderEliminar