10 Consejos de usabilidad web

La usabilidad es la función más importante de cada sitio web. No importa cuán atractivo sea su sitio. Si no es fácil de usar, no involucrará a su audiencia. Si bien los siguientes consejos son las mejores prácticas que he desarrollado durante varios años, están abiertos a la interpretación y son simplemente lo que creo que es generalmente importante. A medida que la tecnología continúa evolucionando, estos consejos también evolucionarán, pero los principales conceptos y principios seguirán siendo los mismos.

1. Tipografía

No puedo estresar La importancia de una buena tipografía suficiente. Su sitio web debe transmitir la información relevante de la manera más efectiva y estéticamente agradable posible. Lo logras a través de un buen tipo. Tamaño: Mientras que los diseñadores aman Pequeño, todas las tapas, sans-serif, Es horrible para la legibilidad en la web, especialmente con el aumento de los usuarios móviles. Para la copia corporal, no recomendaría nada más pequeño que 13px y una fuente serif para la legibilidad general. Espacio: kerning y liderazgo son términos técnicos que se refieren al espacio entre los caracteres individuales y las líneas de texto, respectivamente. Ambos son increíblemente importantes en la legibilidad general, así como la comprensión real del contenido. Así que espacie su tipo, pero no demasiado, y vea cómo sus usuarios realmente leen su contenido. Color: Presta atención al contraste entre tu texto y el color de fondo. La mayor parte de esto es sentido común, pero no desea que sus usuarios se esfuerzan por sus ojos lean su contenido. No use dos colores que tengan croma similar (la intensidad o la saturación del color). Use los colores puntuales para llamar la atención a los titulares importantes o llamar a las acciones, pero no abrume al usuario con demasiados colores o variaciones. Compare Arquitectos de información Tipografía hermosa contra Sección de tecnología de CNN . IA utiliza una fuente enorme de 21px Serif con 32 px-altura de línea para copia corporal.

2. Escaneo y descremado

Desea mantener su contenido lo más conciso posible. Sus usuarios deberían poder esquivar fácilmente su contenido. Esto significa usar títulos, subtítulos, tipo en negrita y color para transmitir la información relevante en la menor cantidad de palabras posible. Se estima que, en promedio, los usuarios solo leen los primeros once caracteres de títulos y llamadas a la acción . No use pelusa, haga que cada palabra cuente. Por ejemplo, en lugar de usar "continuar pagando", use "Choque ahora". Es más corto y al grano.

3. Cosas importantes a la izquierda

En el mundo occidental, los usuarios comienzan a leer instintivamente en la parte superior izquierda de cada página. A medida que las personas se desplazan, también pasan la mayor parte de su atención centrada en el lado izquierdo de la página. Jakob Nielsen estima que Los usuarios pasan el 69% de su tiempo de visualización en el lado izquierdo de las páginas. Entonces planifique en consecuencia. Presente todo con este concepto clave en mente, colocando contenido importante y enlaces hacia la parte superior izquierda de las páginas. "Motores de calor de Estudios de EyerTracking de usuarios de tres sitios web. Las áreas donde los usuarios se veían más rojos; las áreas amarillas indican menos vistas, seguidas de las áreas azules menos visuales. Las áreas grises no atraen ninguna fijación" (Nielsen, 2006).

4. Use Whitespace de manera efectiva

Cuando se usa correctamente, Whitespace hace que su contenido sea más digerible. Los márgenes adecuados para la izquierda y la derecha alrededor de la copia, así como el espacio entre los párrafos, aumentan la comprensión de su audiencia de su contenido. El texto que no tiene espacio para respirar es intimidante y sus usuarios no leen en gran medida. Siempre que pueda, rompa grandes bloques de copia con listas, imágenes y citas. Use el espacio en blanco para agrupar secciones y diferenciarlas de otros para crear jerarquía.

5. Consistencia

Predico la consistencia en todos los ámbitos de la vida. Desde fitness hasta finanzas y diseño web. Hacer las decisiones correctas compuestos con el tiempo. Con los sitios web, desarrolle un sistema y apégase a él. Los sitios web generalmente se componen de un encabezado, algo de contenido y un pie de página. El encabezado y el pie de página deben ser los mismos en cada página. Lo mismo con el diseño de los títulos, subtítulos y botones. No desea confundir a los usuarios cambiando su sistema de página a otra. Desarrolle una estructura de página uniforme para que sus usuarios sepan dónde están todos los elementos de página importantes. El sistema que desarrollamos El nuevo sitio web de Brolik.

6. Diseño receptivo

Los hábitos de consumo de sus usuarios han sufrido un cambio serio en los últimos años. Ha habido un cambio considerable desde las computadoras de escritorio hacia tabletas y dispositivos móviles. Para atraer a esta nueva audiencia, debe optimizar su sitio para estos nuevos dispositivos. El problema es que hay un número cada vez mayor de diferentes tamaños de pantalla. La solución es hacer que su sitio web se adapte perfectamente a cualquier tamaño de pantalla con un diseño receptivo. Responsive Design utiliza consultas de medios para crear una cuadrícula flexible que se adapte al ancho de la pantalla. Las columnas e imágenes se encogerán y, finalmente, se acumularán a medida que el ancho de la pantalla se vuelve más pequeño. Continúe y cambie el tamaño de esta ventana para verla en acción. Este enfoque le permite tener un sitio web, impulsado por un conjunto del código, que se adapta a cualquier tamaño de pantalla actual y futuro con facilidad. Más lectura: Diseño receptivo en el mundo real (Parte 1) Diseño receptivo en el mundo real (Parte 2: para diseñadores y codificadores)

7. Navegación clara y simple

La buena navegación debe ser simple e intuitiva. Coloque en la parte superior de cada página y manténgalo consistente en todo su sitio y limite la cantidad de opciones. No desea abrumar a sus usuarios con demasiadas opciones. Su logotipo debe estar en la parte superior izquierda del menú, no demasiado grande, y debe volver a la página de inicio. No diga "información de la empresa y BIOS del equipo" cuando sea suficiente una simple "sobre". También es bastante común que los enlaces de "registrarse" y "iniciar sesión" estén en la parte superior derecha de cada página si corresponde.

8. Pie de página de contenido rico

Soy un gran admirador de los pies de página informativo. Es espacio libre escondido en la parte inferior de un sitio. ¿Por qué no usarlo en beneficio del usuario? Incluya un mapa del sitio de al menos los principales enlaces del sitio y la información de contacto, con correo electrónico, número de teléfono y dirección física si corresponde. Reforzar la marca con el logotipo, un mensaje legal de derechos de autor y su declaración de misión o una propaganda rápida "sobre". Este es también el lugar para los íconos de las redes sociales y cualquier otra información relevante a la que sus usuarios deseen acceder rápidamente, como una llamada a la acción en todo el sitio.

9. Formas lineales

Desde el registro hasta el visualización, recopilar información del usuario a través de formularios es una parte importante de muchos sitios web. Los usuarios completan sus formularios de arriba a abajo, por lo que tiene sentido que fluyan en consecuencia. Es una buena idea colocar las etiquetas directamente por encima de la entrada relevante. Mantenga los formularios fáciles de evitar distraer a sus usuarios. Además, evite colocar dos formas directamente entre sí. Mientras ahorra espacio, no es un movimiento natural para el usuario. Resalte el campo de forma activa con un cambio de color o una sombra interna o un brillo externo. Marque los campos requeridos adecuadamente. Además, haga que sus formularios sean lo más cortos posible. No necesite un número de teléfono si no tiene que hacerlo absolutamente.

10. URL breves y descriptivas y enlaces permanentes

Tener un nombre de dominio corto y URL claras y descriptivas hacen que su sitio sea más fácil de recordar y vincular. Estás asegurando a sus usuarios lo que están a punto de leer. Si puede, oculte la extensión de la página con su archivo .htaccess. No ganadores, ignore esto:

Rewriterule ^([ ^\.]+) $ $ 1.php [nc, l]

La URL ssanmy.store/about se ve mejor y más profesional que ssanmy.store/about.php.

Conclusión

Cada elemento de su sitio web debe agregar a la experiencia general del usuario. Desde los conceptos clave generales hasta los pequeños detalles, su enfoque principal debe estar en la usabilidad. Creará una experiencia más satisfactoria para sus usuarios que finalmente conducirá a más conversiones. Ahora, analice su sitio y tenga en cuenta estos consejos para ver cómo se mide.