10 consejos de usabilidad para diseñadores web
En pocas palabras, usabilidad hace que su sitio web sea más fácil para que sus visitantes encuentren la información que necesitan cuando la necesitan .
Un error común sobre la usabilidad entre las empresas web es que la usabilidad es costosa. Sí, hay compañías multinacionales que gastan miles de dólares en pruebas de usabilidad e investigación, pero para una empresa cotidiana, la usabilidad es factible sin el conocimiento de expertos en usabilidad o sin costosos equipos para realizar pruebas .
Los diseñadores web tienen un trabajo aún más fácil de hacer, simplemente leyendo artículos de usabilidad pueden acumular un conocimiento bastante bueno sobre los principios básicos de usabilidad y cómo implementarlos en un sitio web.
1. Incluye un lema
Un eslogan es una declaración o un lema que representa la filosofía y la misión de una empresa o, en nuestro caso, un sitio web. Debe ser el elemento más obvio en la página principal de un sitio web y debe describir claramente el sitio web en una frase.
Las estadísticas muestran que un sitio web tiene solo 8 segundos para captar la atención de un visitante para que pueda navegar más por el sitio. Sin un lema claro, un sitio web tendría dificultades para mantener a los visitantes el tiempo suficiente para navegar por las páginas interiores.
2. Implementar la búsqueda en el sitio
Al igual que con los eslóganes, la búsqueda de sitios es un elemento muy importante en un sitio web. Cuando los usuarios buscan algo, normalmente buscan un campo de texto donde puedan ingresar su término de búsqueda.
De acuerdo a Jacob Nielsen consejos de usabilidad web, haga que este cuadro de búsqueda tenga 27 caracteres de ancho para que el texto sea claramente visible y fácil de usar. Coloque el campo de texto de búsqueda en la parte superior de su página web , porque los usuarios tienden a buscar en un sitio web de acuerdo con el patrón F , es decir, desde la parte superior izquierda a la parte inferior derecha.
Incluya un botón de búsqueda y especifique claramente el texto de búsqueda, no use texto como Ir o Enviar , ya que estas expresiones tienden a confundir a los visitantes de su sitio web.
3. No use gráficos extensos
El uso abusivo de elementos de diseño y gráficos siempre es malo para un sitio web, simplemente engañan a los visitantes del sitio. Solo diseñe para mejorar la página web no solo para decorarla. Desde el punto de vista de la usabilidad, menos es siempre más.
4. Usa los mapas del sitio
Los mapas de sitios son una función del sitio web relativamente nueva que mejora la navegación de la página web y también la optimización del motor de búsqueda (SEO). Los mapas de sitios en esencia son una representación estructural de las páginas y la arquitectura de un sitio web. Puede ser un documento en cualquier forma, o una página web que enumera las páginas de un sitio web, generalmente organizado de manera jerárquica.
Recientemente, los motores de búsqueda como Google, Yahoo y MSN han comenzado a ofrecer un protocolo de Sitemap similar a la página de un sitio web, pero los datos están organizados en formato XML. Hay generadores XML de Sitemap que crean estos documentos para una URL específica.
5. No rompa el flujo de trabajo
Por flujo de trabajo nos referimos a cada operación que un usuario está haciendo en un sitio web . Por ejemplo, completar un formulario, registrarse en un sitio web, explorar categorías, archivos, etc. No rompa estos flujos de trabajo, deje que el usuario cancele ninguna operación. Al no permitir que el usuario cancele una operación, estamos forzándolos a terminarla incluso si no lo desean.
No todas las operaciones en un sitio web son obvias para los usuarios, guíelos a través del flujo de trabajo específico mediante el uso de consejos descriptivos. (por ejemplo, al completar un formulario). Los enlaces de Javascript generalmente rompen el flujo de trabajo, por lo que no se recomienda su uso en su sitio web.
Otro error es no cambiar el color de los enlaces visitados , esto da como resultado la ruptura del diseño de navegación. Permita que los usuarios sepan dónde han estado y dónde se encuentran en un sitio web.
6. Crear páginas web fácilmente analizables
Las páginas web fáciles de leer juegan un papel importante para mantener la lealtad de los visitantes, mantenerlos en su sitio y leer su contenido. Las pruebas de usabilidad muestran que la mayoría de los usuarios no leen páginas web, las escanean y buscan títulos, negritas, textos destacados o listas.
Los estudios de seguimiento ocular realizados por Jakob Nielsen muestran que los usuarios leen contenido que se asemeja a una forma de F, lo que significa que la lectura comienza desde la esquina superior izquierda de la página web, luego se mueve un poco hacia abajo desde la izquierda nuevamente.
Nielsen también afirma las implicaciones de este patrón de lectura:
- Los usuarios no leerán el contenido de una página web palabra por palabra, extraerán párrafos importantes, texto en negrita, etc.
- Los primeros dos párrafos son esenciales en una página web. Estos deben contener la información más importante que sus visitantes están buscando.
- Los subtítulos y las listas se destacan de los párrafos regulares. Use estos elementos para notificar a los usuarios sobre información importante.
Un método importante que podemos aprender de los periódicos impresos tradicionales es que los periodistas pensaron en un titular pegadizo y en un primer párrafo atractivo para que los lectores lean todo el artículo. Organizan el contenido en un formato de pirámide invertida , solo imagina una pirámide al revés. La base amplia representa la información más importante en todo el artículo y la punta estrecha representa la información menos importante.
Podemos utilizar este formato para organizar el contenido web colocando las piezas más importantes en la parte superior y las menos importantes en la parte inferior , pero ¿cómo sabemos qué información es importante y cuál no? Con la ayuda de valores de noticias .
7. No diseñe controles de IU engañosos
Por controles de interfaz de usuario (UI) nos referimos a elementos de páginas web, componentes y widgets con los que un usuario puede interactuar (por ejemplo, un botón, lista desplegable).
No diseñe elementos gráficos que parezcan un botón, pero no lo es . A menudo vemos texto que está subrayado y parece enlaces, pero no se puede hacer clic.
Al no tener la acción que esperaban los usuarios, pensarían que el sitio está roto y, finalmente, se irán. Otra sugerencia de usabilidad importante con respecto a los controles de la interfaz de usuario es la consistencia: asegúrese de que los controles de la interfaz de usuario sean consistentes .
Yahoo , como también se ve en la imagen de arriba, es un buen ejemplo de diseño de control de UI consistente. Cada pestaña de la página se ve y se comporta de la misma manera, cada enlace está subrayado al pasar el mouse, cada botón se ve igual, etc.
8. Dar comentarios significativos
Comentarios significativos son esenciales para un sitio web. Este es el canal de comunicación entre el sitio y los usuarios, con la ayuda de los comentarios les informamos a los usuarios qué está pasando en el sitio. En caso de error en su página web, no solo imprima el error. En su lugar , escriba mensajes de error significativos que le digan al usuario lo que salió mal y qué acciones pueden realizar desde allí.
La retroalimentación funciona de ambas maneras . Cuando un usuario rellena un formulario, básicamente le está dando retroalimentación. No haga que los usuarios tengan que completar la misma información dos veces. Por ejemplo, si un usuario se ha registrado en un sitio web y necesita completar un formulario en algún momento, no pida su nombre o cualquier otra información que ya haya proporcionado, porque estos detalles ya existen en algún lugar de un archivo o base de datos. Simplemente al obtener estos detalles automáticamente, estamos simplificando todo el proceso.
9. No use en exceso Javascript
Con el advenimiento de Javascript y la técnica AJAX, los diseñadores y desarrolladores web pueden crear sitios web receptivos y transparentes, pero al igual que con todas las nuevas tecnologías, hay un costo. En nuestro caso, el costo es la incoherencia del navegador. No todos los usuarios tienen un navegador web actualizado. También es posible que no tengan Javascript habilitado por defecto.
Al utilizar Javascript en un sitio web extensamente, bloqueamos a estos usuarios. En su lugar use discreto Javascript y Degradación agraciada .
10. Evita los CAPTCHA
CAPTCHA significa Prueba de Turing pública completamente automatizada para distinguir computadoras y humanos. Incluso el nombre suena complejo. La forma más general de CAPTCHA es el texto incrustado en una imagen y al probar a los visitantes podemos separar a los usuarios humanos de los bots de spam.
El problema con los CAPTCHA es que cada forma de método de verificación humana desencadena un proceso complejo en los cerebros de los usuarios (por ejemplo, descifrar el texto distorsionado, agregar dos números, etc.).
Otro problema con los CAPTCHA son las inconsistencias con respecto a las diferentes culturas . Por ejemplo, símbolos chinos, los números son diferentes de la mayoría de las letras occidentales y números arábigos. A los chinos les cuesta mucho más utilizar los formularios en línea habilitados por CAPTCHA.
Resumen
- Siempre incluya un eslogan que debería ser el elemento más obvio en una página web.
- Implemente una búsqueda de sitios de 27 caracteres de ancho y colóquela en la parte superior de su sitio web.
- No use elementos gráficos y de diseño extensos.
- Incluya una página de mapa del sitio y registre un documento XML del mapa del sitio en los motores de búsqueda.
- No rompa el flujo de trabajo de un usuario. Permita que cada acción sea cancelada si es necesario.
- Cree contenido web fácilmente explorable y coloque la información más importante en la parte superior de su página web.
- No diseñe elementos gráficos que parezcan un botón, pero no lo es.
- Presente comentarios significativos y no olvide que los comentarios funcionan en ambos sentidos.
- Utilizar discreto Javascript y Degradación agraciada .
- Evite los CAPTCHA, use más usable métodos en lugar.
¿Sigues estos principios? Por favor, agregue sus comentarios y sugerencias adicionales a continuación.