Blog de Aula CM

Community Manager, Marketing de Contenidos, Blogs y SEO

usabilidad-web-en-15-pasos-pruebas-y-test-de-accesibilidad.svg

Usabilidad Web en 15 pasos: pruebas y test de accesibilidad

Si tienes un sitio web, además de conseguir visitas, también querrás que quienes lleguen hasta allí pasen el mayor tiempo posible y, sobre todo, que interactúen con la web de la forma que tú quieres. Comprando si tienes una tienda online, leyendo y compartiendo los artículos si es un blog o suscribiéndose a la newsletter… Cada uno tenemos un objetivo distinto con nuestras webs y para conseguir que esto sea más sencillo todos debemos tener en cuenta el concepto de “Usabilidad web”.

“En Internet, la usabilidad es una condición necesaria para sobrevivir”. Ésta es una de las frases más repetidas por Jakob Nielsen, considerado el rey de la usabilidad. En un momento en el que los usuarios de una web son multitarea y en muchas ocasiones hacen varias cosas a la vez, quien visita nuestra web debe poder leer la información de forma clara y encontrar aquello que está buscando de una forma sencilla. Y si nosotros no se lo ofrecemos en nuestra página la abandonará y visitará otra en la que sí pueda encontrarlo.

 

Definición del término: ¿qué es usabilidad?

Según la Wikipedia este concepto “se refiere a 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”. Aplicado a un sitio web, se refiere a la forma de diseñar y estructurar el contenido de una web de modo que los usuarios encuentren lo que buscan y necesitan de la forma más sencilla posible. Por ejemplo, que un usuario que llega a una tienda online pueda efectuar la compra de un producto de una forma clara, entendiendo en todo momento qué está haciendo y cómo tiene que finalizar esa compra.

Vale, la teoría está muy bien. Pero, ¿y la práctica? ¿Qué tenemos que tener en cuenta para que quien llegue a nuestro sitio web pueda interactuar de forma correcta? Intervienen varios elementos, pero a la hora de diseñar un nuevo sitio o rediseñar uno existente, debes tener en cuenta que con una página amigable es más sencillo evitar los rebotes, fidelizar a los usuarios y conseguir que vuelvan a visitarnos.

 

15 Recomendaciones de Usabilidad:

Presta atención al contenido

Usabilidad Web en 15 pasos: pruebas y test de accesibilidad1. Propósito del sitio: debe quedar claro en un primer vistazo “de qué va” nuestro sitio web. Si es una tienda, un blog, una web corporativa… Evita los elementos que puedan confundir y sitúa en la portada aquello que quieras destacar. Por ejemplo, si es la web de una clínica dental, está muy bien que tenga también un blog  (en este artículo conocemos más sobre la importancia del blog), pero cuando alguien llegue a tu web debe ver en portada información sobre la clínica y no una entrada del blog.

 

Usabilidad Web en 15 pasos: pruebas y test de accesibilidad2. Equilibrio entre diseño e información: no debe primar ninguno de los dos, sino que deben “colaborar” para construir una web amigable. Además, hay que vigilar la cantidad de información que hay en el sitio, porque es mejor calidad que cantidad. No hace falta tener una web sobrecargada en la que el usuario no sepa por dónde empezar. Y si es necesario que tu sitio contenga gran cantidad de información, ésta debe estar muy organizada.

 

Usabilidad Web en 15 pasos: pruebas y test de accesibilidad3. Cuida los enlaces: vigila que no existan enlaces rotos. Puede que en un artículo que escribiste hace tiempo añadieras algún enlace que ya no existe. Esto da mala imagen, nos penaliza en los buscadores y, sobre todo, hace que la web sea menos confiable para el visitante. Puedes analizar la web con herramientas como W3C Link Checker.

 

Usabilidad Web en 15 pasos: pruebas y test de accesibilidad4. Introduce llamadas a la acción: está comprobado que los usuarios no leen la página, sino que la escanean buscando lo que les interesa. Por eso conviene ayudarles en esta tarea con destacados o botones identificables mediante los que realizar una acción (en lugar de textos tipo “pinche aquí”, los botones pueden llevar textos como “añadir al carrito” o “descargar”). Y recuerda que estos objetos deben estar bien visibles.

 

Cuida la forma, o sea, el continente

Usabilidad Web en 15 pasos: pruebas y test de accesibilidad5. Diseño de calidad y coherente: esto incluye una estructura de contenidos sencilla y lógica, y un diseño común en todas las áreas que “colabore” con la información que hay en el sitio web. Es conveniente que la paleta de colores sea coherente y que los enlaces se diferencien del resto del texto. Es mejor una web sencilla, con una estructura clara y con pocos colores que una multicolor y con diferentes diseños, que lo único que consigue es distraer al usuario y no permitirle navegar de forma cómoda.

 

Usabilidad Web en 15 pasos: pruebas y test de accesibilidad6. Legibilidad: las tipografías deben ser claras, los textos deben estar escritos en un color que contraste con el fondo, que sea fácilmente legible y que no moleste (porque hay colores que resultan muy cansados cuando se trata de leer un texto). Además, el tamaño de la letra también debe ser adecuado. Ten en cuenta que cada vez más gente accede a Internet desde smartphones o tabletas, y en estos dispositivos las pantallas son más pequeñas que en un ordenador.

 

Usabilidad Web en 15 pasos: pruebas y test de accesibilidad7. Usa los espacios en blanco: ayudan a estructurar la página, a diferenciar entre unos contenidos y otros, a separar secciones, columnas… Y también permiten un “descanso” para el usuario que visita el sitio web.

 

Usabilidad Web en 15 pasos: pruebas y test de accesibilidad8. Dar a las imágenes la importancia que tienen: es cierto que las imágenes ayudan a posicionar y a hacer la web más confortable para el usuario, pero no debemos poner cualquier imagen, sino aquéllas que vayan acordes con el tema del sitio web. Por mucho que una imagen de gatitos sea muy mona y que mucha gente la vaya a compartir en Facebook, si tu web no es de una clínica veterinaria o una tienda de productos para animales seguramente no tendrá mucho sentido. Cuidar el contenido de las imágenes, su calidad y su tamaño también otorgará un aspecto de seriedad a nuestra página.

 

Facilita el manejo de tu web

Usabilidad Web en 15 pasos: pruebas y test de accesibilidad9. Interfaz sencilla e intuitiva: los usuarios que llegan por primera vez deben aprender fácilmente cómo funciona el sitio y dónde encontrar cada cosa. Y quienes vuelvan deben recordar sin esfuerzo cómo navegar por la web. Vamos, que si tienen que registrarse lo puedan hacer de forma sencilla y cuando regresen puedan conectarse sin tener que buscar el botón por la web.

 

Usabilidad Web en 15 pasos: pruebas y test de accesibilidad10. Menú de navegación claro: debe estar bien estructurado y diseñado de una forma lógica, con los contenidos agrupados. Además, no debe ser muy extenso y es recomendable que no contenga muchos submenús. También es aconsejable añadir un menú en el pie de página o footer en el que se incluya alguna información básica de la web como la política de privacidad o el aviso legal.

 

Usabilidad Web en 15 pasos: pruebas y test de accesibilidad11. Acceder al contenido en el menor número de clicks: hay que intentar aplicar la ley de los 3 clicks, que el usuario sea capaz de encontrar lo que quiere o necesita en solo tres clicks. Esto es especialmente importante a la hora de diseñar una tienda online, porque si el usuario tiene que dar muchos pasos antes de llegar al producto puede abandonar el proceso de compra sin completarlo.

 

Usabilidad Web en 15 pasos: pruebas y test de accesibilidad12. Tiempo de carga y peso de la web: debe ser el mínimo posible. Como norma general, el sitio web no debería tardar más de cinco segundos en cargar. Es posible que algunos usuarios no se esperen a que termine de cargar y, además, una web que tarda en cargar nos penaliza en materia de SEO. Recuerda que quienes acceden desde el móvil o desde una tableta tienen los datos más limitados, y una web con mucho peso puede consumir muchos recursos y provocar que no vuelvan a visitarnos. En GTMetrix puedes analizar el tiempo de carga de tu sitio web y qué partes son las que más tardan.

 

Usabilidad Web en 15 pasos: pruebas y test de accesibilidad13. Compatibilidad con navegadores y dispositivos: es lo que se denomina diseño responsive, que se adapta a las diferentes pantallas. Además, a la hora de diseñar la web debemos tener en cuenta la diversidad de sistemas operativos y los navegadores que tiene cada uno. Existen herramientas, como Screenfly, que nos muestra la apariencia de la web en diferentes dispositivos.

 

Usabilidad Web en 15 pasos: pruebas y test de accesibilidad14. Buscador: debe situarse en el lado superior derecho. Y, aunque parezca una tontería, asegúrate de que funciona. En general, la parte superior derecha es la mejor zona para colocar los elementos que requieren interacción, como los iconos de redes sociales, contacto o el carrito de la compra.

 

Usabilidad Web en 15 pasos: pruebas y test de accesibilidad15. Respeta los estándares de accesibilidad publicados por el World Wide Web Consortium (la W3C), el máximo organismo, dentro de la jerarquía de Internet, que se encarga de promover la accesibilidad. Evidentemente, para conseguir que nuestro sitio tenga unos altos estándares de usabilidad debemos diseñarlo para todo el mundo, y hay gente que tiene determinadas necesidades a la hora de acceder a Internet. Hace unos meses ya escribí sobre algunas recomendaciones para desarrollar un sitio web accesible. Generalmente pensamos que una web accesible beneficia sólo a las personas con algún tipo de discapacidad, pero no es así. Una web accesible beneficia a todo el mundo.

 

Consejo importante antes de publicar

Al finalizar el desarrollo de la web y antes de publicarla definitivamente en Internet, es recomendable realizar un test de usuario con alguien que no conozca el sitio, para ver cómo se desenvuelve, si encuentra las cosas rápidamente y en qué zonas hay más complicaciones. Esto te ayudará a detectar y corregir posibles errores antes de tener la web publicada.

¿Qué otras recomendaciones seguirías para mejorar la usabilidad de una web?

 

Si quieres mejorar tu marketing, aquí te proponemos 615 acciones de marketing y publicidad según 25 expertos

Usabilidad Web en 15 pasos: pruebas y test de accesibilidad
Te recomendamos leer estos artículos relacionados
Filter by
Post Page
Marketing SEO Posicionamiento Web Community Manager Wordpress y Blogs SEM Marketing Online
Sort by

Acciones para mejorar la conversión de un negocio digital, con Ricardo Tayar

En abril del año pasado se celebró la 1ª edición del 
2024-03-03 00:00:00
arantxa

8

20 éxitos y fracasos de las estrategias de Maketing Online – 2ª Reunión de Agencias

Cinco agencias nos cuentan las estrategias de Marketing Online que mejor y peor
2024-02-28 00:00:00
aliciaro

8

20 claves + 10 estrategias del Marketing Turístico en 2024

El Marketing Turístico ha cambiado muchísimo los últimos años. Sobretodo debido a internet y a los móviles, que han c
2024-02-27 00:00:00
claudioinacio

8

Sonia Sánchez LlamasUsabilidad Web en 15 pasos: pruebas y test de accesibilidad

14 comentarios

Únete a la conversación
  • Fernando Rubio - 14 julio, 2014 responder

    Hola Sonia, felicitaciones y muchas gracias por el post. Es muy útil y esclarecedor. Aclara muchos aspectos a tener en cuenta a la hora de mejorar la arquitectura y usabilidad de nuestra web. Un saludo

  • Elena Charameli - 15 julio, 2014 responder

    Felicidades Sonia, me ha encantado el post. Vas al grano y cada uno de los consejos son totalmente aplicables. ¡genial! Además aquí tengo a mano y recopiladas herramientas de análisis para la web. Muy útil la verdad, ¡gracias!

  • Alfonso - 15 julio, 2014 responder

    Interesante artículo. La verdad es que hay dos cosas que la gente está dejando de lado en aras del SEO/SERP. Una de ellas es la Accesibilidad y la otra es la rapidez de la página.

    Las normas CUA no fueron creadas sencillamente para aterrorizar a la gente, son básicamente unas normas con muchísimo sentido común de como hacer las cosas (dejan de tu lado el decidir cómo) y otra es la rapidez de respuesta del servidor.

    Esto desgraciadamente, se vuelve en contra de los propios dueños de los sitios que van buscando el alojamiento el servidor mas baráto (cuanto mas económico, mejor) y no se dan cuenta que básicamente se están metiendo en problemas ellos mismos.

    Hablas de 5 segundos. Eso ya para muchas personas y determinados ambientes es una ‘eternidad’ y son oportunidades de conversión perdidas. El club de los 3 segundos (o menos) cada vez tiene mas socios. La gente quiere servidores cada vez mas rápidos, potentes y desgraciadamente, mas baratos. No me canso de repetirles lo mismo:

    Rapido, Estable, Barato: Quédate con dos opciones y escoge tu veneno.

  • Alberto de la Torre Gil - 17 julio, 2014 responder

    Muy bueno el post Sonia. Una muy buena guía donde tener a mano los recursos necesarios cuando analizamos las webs de los clientes. ¡Gran trabajo!

  • Cinzia - 8 agosto, 2014 responder

    Gracias por este post Sonia, lo consultaré varias veces porque es una guia clara y sencilla que hay que tener en cuenta a la hora de realizar una web.

  • programarivm - 3 septiembre, 2014 responder

    Hola a tod@s,
    Antes de todo daros las gracias por compartir esta información, ciertamente la usabilidad es muy importante.

    Quisiera extender un poco más los puntos 3. Cuida los enlaces y 6.Legibilidad, invitándoos cordialmente a leer esta entrada

    http://programarivm.com/2014/08/hadouken-enlaces-en-negrita-y-subrayados-combo-seo-y-usabilidad-para-daltonicos/

    Resulta que actualmente es una práctica habitual SEO el utilizar la negrita en palabras y frases clave, pero eso puede dificultar al 9% de la población daltónica si 1 no toma medidas para evitarlo, porque muchas veces los enlaces se ponen también en negrita.

    1 solución es subrayar los enlaces, solo aportar esto :D, que un 9% de población daltónica es mucho y una web usable debería pensar en ell@s.

    Gracias de nuevo y saludos,

  • Andres Iwan - 27 marzo, 2015 responder

    Buen post Sonia, me gusta sobre todo el punto 2. ¿De dónde has cogido las imágenes?

  • Rubén - 31 diciembre, 2017 responder

    Enhorabuena por el post!. Yo añadiría aspectos de confiabilidad tales cómo testimonios de clientes, reseñas, sellos de confianza online (Adigital), variedad en medios de pago (ecommerce), etc. Saludos, Rubén

  • Consejos de usabilidad y diseño web - 17 octubre, 2019 responder

    Recoge los aspectos mas importantes a tener en cuenta en el desarrollo de la web. La parte mas importante tal y como comentas, es realizar un test think aloud ya que muchas veces la vemos perfecta nosotros mismos y luego comprobamos que podríamos mejorar en algunos aspectos UX. Gran articulo!!

  • Cupo en dolares - 22 octubre, 2019 responder

    El tiempo de carga y la adaptabilidad para mi es sumamente importante.

  • empresa de diseño web - 13 noviembre, 2019 responder

    Muy buenos consejos. Las líneas generales básicas. Quienes estéis empezando en esto del diseño web debéis tenerlo todo muy claro.

  • indumab - 21 noviembre, 2019 responder

    excelente articulo.

Únete a la conversación

RESPONSABLE: WEB Y CONTENIDOS SL FINALIDAD PRINCIPAL: Envío de nuestros artículos del blog, así como el aviso de nuevas actividades, algunas de las cuales podrían ser de carácter comercial LEGITIMACIÓN: Consentimiento del interesado. DESTINATARIOS: No se cederán datos a terceros, salvo autorización expresa u obligación legal DERECHOS: Acceder, rectificar y suprimir los datos, portabilidad de los datos, limitación u oposición a su tratamiento, transparencia y derecho a no ser objeto de decisiones automatizadas. INFORMACIÓN ADICIONAL: Puede consultar la información adicional y detallada sobre nuestra Política de Privacidad y Aviso Legal