Krypton Solid

10 consejos de usabilidad para diseñadores web

10 consejos de usabilidad para diseñadores web

Simplemente pon, la usabilidad hace que su sitio web sea 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 empresas multinacionales que gastan miles de dólares en pruebas e investigación de usabilidad, pero para una empresa de todos los días. la usabilidad se puede lograr sin el conocimiento de expertos en usabilidad o sin equipos costosos para realizar pruebas.

Los diseñadores web tienen un trabajo aún más fácil de hacer, con solo leer artículos de usabilidad pueden acumular un conocimiento bastante bueno sobre los conceptos básicos de usabilidad y cómo implementarlos en un sitio web.

1. Incluya un eslogan

Un eslogan es una declaración o un lema que representa la filosofía y misión de una empresa, o en nuestro caso un sitio web. Debería ser el elemento más obvio en la portada 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 navegue 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 internas.

2. Implementar la búsqueda en el sitio

Al igual que con los lemas, 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 pueden ingresar su término de búsqueda.

De acuerdo a De Jacob Nielsen consejos de usabilidad web, haga que este cuadro de búsqueda 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 Patrón F, es decir, de arriba a la izquierda a abajo a la derecha.

Incluya un botón de búsqueda y especifique claramente el texto de búsqueda, no use texto como Ir o enviar, porque estas expresiones tienden a engañar a los visitantes de su sitio web.

3. No utilice gráficos extensos

El uso abusivo de elementos de diseño y gráficos siempre es malo para un sitio web, simplemente engaña a los visitantes del sitio. Solo diseño para mejorar la página web, no solo para decorarla. Desde el punto de vista de la usabilidad, menos es siempre más.

4. Utilice mapas del sitio

Los mapas del sitio son una característica del sitio web relativamente nueva que mejora la navegación de la página web y también la optimización de motores de búsqueda (SEO). Los mapas del sitio, 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, normalmente organizadas de forma jerárquica.

Recientemente, los motores de búsqueda como Google, Yahoo y MSN han comenzado a ofrecer una Protocolo de mapa del sitio que es similar a la página del mapa del sitio de un sitio web, pero los datos están organizados en formato XML. Hay generadores de XML de mapas del sitio que crean estos documentos para una URL específica.

5. No interrumpa el flujo de trabajo

Por flujo de trabajo nos referimos a todas las operaciones que realiza un usuario en un sitio web.. Por ejemplo llenando un formulario, registrándose en un sitio web, navegando por categorías, archivos, etc. No rompa estos flujos de trabajo, deje que el usuario cancele cualquier operación. Al no permitir que el usuario cancele una operación, lo obligamos a finalizarla incluso si no lo desea.

No todas las operaciones en un sitio web son obvias para los usuarios, guíelos a través del flujo de trabajo específico utilizando consejos descriptivos. (por ejemplo, al completar un formulario). Los enlaces de Javascript suelen interrumpir el flujo de trabajo, por lo que no se recomienda utilizarlos 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. Cree páginas web fácilmente escaneables

Las páginas web fáciles de leer juegan un papel importante en 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, buscando títulos, negrita, texto enfatizado 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 comenzando desde la izquierda nuevamente.

Nielsen también establece 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 dos primeros párrafos son esenciales en una página web. Estos deben contener la información más importante que buscan sus visitantes.
  • Los subtítulos y las listas se destacan de los párrafos regulares. Utilice 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 y un primer párrafo llamativos para que los lectores leyeran todo el artículo. Ellos organizar 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 de 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ágina web, componentes y widgets con los que un usuario puede interactuar (por ejemplo, un botón, una lista desplegable).

No diseñe elementos gráficos que parezcan un botón, pero que no. A menudo vemos texto que está subrayado y parece enlaces, pero no se puede hacer clic.

Al no tener la acción que los usuarios esperaban, pensarían que el sitio está roto y eventualmente se irían. Otro consejo de usabilidad importante con respecto a los controles de la interfaz de usuario es la coherencia: Asegúrese de que los controles de la interfaz de usuario sean coherentes.

Yahoo, como también muestra la imagen de arriba, es un buen ejemplo de diseño de control de interfaz de usuario consistente. Cada pestaña de la página se ve y se comporta igual, cada enlace está subrayado al pasar el mouse, todos los botones tienen el mismo aspecto, etc.

8. Dar retroalimentación significativa

La retroalimentación significativa es esencial para un sitio web. Este es el canal de comunicación entre el sitio y los usuarios, con la ayuda de la retroalimentación les informamos a los usuarios lo que está sucediendo en el sitio. En caso de error en su página web, no se limite a imprimir Se produjo un error, en su lugar, escriba mensajes de error significativos que le digan al usuario qué salió mal y qué acciones puede realizar desde allí.

La retroalimentación funciona en ambos sentidos. Cuando un usuario completa un formulario, esencialmente le está dando retroalimentación. No obligue a los usuarios a 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 pregunte por 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 obteniendo estos detalles automáticamente, estamos simplificando todo el proceso.

9. No abusar de Javascript

Con la llegada de Javascript y la técnica AJAX, los diseñadores y desarrolladores web pueden crear sitios web receptivos y transparentes, pero como ocurre con todas las nuevas tecnologías, hay un costo. En nuestro caso, el costo es la inconsistencia del navegador. No todos los usuarios tienen un navegador web actualizado. Es posible que tampoco tengan Javascript habilitado de forma predeterminada.

Al utilizar Javascript en un sitio web de forma extensiva, bloqueamos a estos usuarios. En su lugar use Javascript discreto y Degradación agraciada.

10. Evite los CAPTCHA

CAPTCHA significa prueba de Turing pública completamente automatizada para diferenciar las computadoras y los humanos. Incluso el nombre suena complejo. La forma más general de CAPTCHA es texto incrustado en una imagen y, al probar a los visitantes, podemos separar a los usuarios humanos de los robots de spam.

El problema con los CAPTCHA es que cada forma de El método de verificación humana desencadena un proceso complejo en el cerebro 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 diferentes culturas.. Por ejemplo, los símbolos chinos, los números son diferentes de la mayoría de las letras occidentales y los números arábigos. A los chinos les cuesta mucho más usar formularios en línea «habilitados» con CAPTCHA.

Resumen

  • Incluya siempre un eslogan que debería ser el elemento más obvio en una página web.
  • Implemente una búsqueda de sitio de 27 caracteres de ancho y colóquela en la parte superior de su sitio web.
  • No utilice gráficos y elementos de diseño extensos.
  • Incluya una página de mapa del sitio y registre un documento XML de mapa del sitio en los motores de búsqueda.
  • No interrumpa el flujo de trabajo de un usuario. Permita que se cancelen todas las acciones si es necesario.
  • Cree contenido web fácilmente escaneable 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 son.
  • Presente comentarios significativos y no olvide que los comentarios funcionan en ambos sentidos.
  • Usar Javascript discreto y Degradación agraciada.
  • Evite los CAPTCHA, use más utilizables métodos en lugar de.


¿Sigues estos principios? Agregue sus comentarios y sugerencias adicionales a continuación.

Deja un comentario