Inclusión. Accesibilidad y Usabilidad web.

18 cosas que hacer y no hacer para mejorar la usabilidad de su web

Fuente: 18 Do’s and Don’ts Of Usability On The Web

Este artículo nos da 18 consejos de cosas que debemos hacer y de otras que debemos intentar evitar para diseñar una página web usable.

1. No utilice una rejilla para su diseño web: Las estructuras demasiado rígidas pueden condicionar el diseño y la distribución de los contenidos
2. No olvides el formulario de búsqueda: Sobre todo si tu web tiene muchas páginas. Si son pocas páginas no pasa nada si la arquitectura de la información y la navegación es correcta
3. Haz la navegación sencilla para encontrar y leer
4. No untilices el enlace mailto:  para el contacto: Mejor siempre un formulario.
5. Utiliza las aplicaciones web que sea posible para testear la experiencia de usuario: Un par de pruebas de la web, puede ayudarte a corrgir una gran cantidad de errores.
6. No inundes las barras laterales con widgets: que no aporten valor al contenido de la página
7. Comprueba que tu web se bien en diversos navegadores
8. No hagas al usuario saltar al vacío al rellenar un formulario: Simplifica los formularios al máximo para que el usuario los puedas rellenar fácilmente.
9. Dales a tus páginas una estructura consistente
10. No olvides una hoja de estilos para los usuarios que quieran imprimir una página
11. Asegurate que tu página es fácil de hojear: A los usuarios les gusta “echar un ojo” rápido a la página web al llegar. Usar encabezados (h1,h2,), y cuadros destacados y de resumen facilitarán al usuario encontrar los contenidos que busca.
12. No introduzcas mas contenido en un espacio que el quepa comodamente.
13. Introduce la miga de pan en tus diseños: La miga de pan ayudará al usuario a saber entodo momento donde está y como volver al nivel anterior
    
14. Utiliza colores y contrastes adecuados para centrar la atención
15. No te olvides de revisar los enlaces rotos
16. No desprecies el pie de página y el poder que tiene: Aprovecha el pie de página para ofrecer enlacse a los artículos destacados, formularios de subscrición etc.
17. Utiliza wireframes en el proceso de diseño
18. No escribas para los buscadores, escribe para los lectores

---

Lo más leído

• ¿Cómo adapto un interfaz web para móvil?
• Landing Page. La primera impresión es lo que cuenta. 30 Tips
• Cómo maquetar un correo electrónico HTML para los distintos clientes
• Diseño de botones call-to-action, las claves del éxito

¿Disfrutaste esta entrada? Por qué no dejas un comentario abajo y continúas la conversación, o te suscríbes a mi feed y obtienes los artículos como este enviados automáticamente cada día hacia tu lector de feeds.

Inclusión. Accesibilidad y Usabilidad web.