Una gran usabilidad es la clave para el éxito de tu web - cuanto mejor sea la usabilidad, más tiempo pasarán los usuarios en tu sitio web. Sigue leyendo para conocer las 23 cuestiones básicas referentes a la usabilidad.
Mucha gente juzga la calidad de una empresa desconocida basándose en la facilidad de uso de una web. Esto puede no ser justo, pero para las tiendas online, la web es la única manera de conocer a una nueva empresa. Por lo tanto, las empresas deben asegurarse de que los sitios web dejen una buena impresión en los usuarios: una impresión que conduzca a la creación de confianza, la transmisión de valores y la venta de productos y servicios.
La siguiente lista de comprobación, o checklist, puede utilizarse para comprobar rápidamente si tu web cumple los requisitos básicos de buena usabilidad.
La accesibilidad de una web significa que el sitio es utilizable para todo el mundo, independientemente del navegador o dispositivo que utilices y de las deficiencias físicas que puedas tener (por ejemplo, discapacidad visual o daltonismo). Nadie debe ser excluido del acceso a las ofertas de tu web.
Una web debería cargarse rápidamente y sin "efectos de parpadeo", que son causados por imágenes y vídeos que tienen que recargarse. Un tiempo de carga rápido crea una experiencia positiva para el usuario, y en el mejor de los casos, tu web debería cargarse en menos de 2 segundos.
Consejo: La velocidad de la página debe ser probada regularmente, y hay muchas herramientas disponibles para ello, como Google Pagespeed, pingdom.com y Ryte.
Figura 1: Comprueba los tiempos de carga con Ryte
Una vez cargada la página, el usuario comenzará inmediatamente a orientarse. Debe haber un claro contraste entre el fondo y el texto, de lo contrario, la información importante podría perderse y disuadir al usuario de seguir leyendo.
Consejo: Especialmente en el caso de los banners, los textos pueden no ser completamente legibles debido al contenido de la imagen subyacente.
Figura 2: El texto es fácil de leer. (Fuente)
Figura 3: Aquí, el usuario tiene que fijarse más para leer el texto
Además de tener un contraste claro, es importante que el texto sea fácil de leer en términos de fuente y espaciado.
Consejo: Los titulares H1 deben mostrarse en el tamaño de fuente base 3em.
Los desarrolladores de interfaces son actualmente optimistas, ya que casi a diario aparecen nuevas animaciones de JavaScript y CSS como complementos. Como era el caso hace 15 años con Flash, la utilización de estas animaciones tiene que ser equilibrada, y debes considerar cuánta memoria ocupan.
Para los usuarios con ordenadores y smartphones más débiles, las animaciones con uso intensivo de memoria provocan ralentización y mal funcionamiento de la web. Ten en cuenta que las animaciones deben ser implementadas discretamente, de manera que fomenten el aprendizaje y sean técnicamente discretas. En las tablets en particular, el desplazamiento es rápido, y el usuario sólo verá el contenido vacío si la animación de los elementos "en vuelo" no ocurre lo suficientemente rápido.
Consejo: No utilices parallax scrolling de manera innecesaria y animaciones de fundido a través de JavaScript, y trata de reducir el número de librerías JS a 2-3.
Dar una impresión ordenada es también un factor importante para la usabilidad de la web. La página debe estar alineada con una cuadrícula, y todos los titulares y textos deben seguir esta cuadrícula. Esto da la impresión de una web competente y organizada, aumentando la confianza del usuario en la misma.
Asegurarse de que tu web móvil es fácilmente accesible puede hacerse más fácil con marcos y plantillas prefabricadas fáciles de implementar. Pueden producirse errores, especialmente al integrar vídeos, imágenes y tablas. En este caso, debes prestar atención a la representación correcta en el modo vertical en los smartphones, ya que es el más común para el uso móvil. Esto se puede comprobar fácilmente con herramientas como Browserstack.com o testobject.com.
Figura 4: Comprueba la accesibilidad móvil con Browserstack.com
Junto con Coca Cola y Marlboro, Apple es una de las marcas más fácilmente reconocibles del mundo, en particular por su clara gestión de marcas y de CI. Si las webs deben establecerse como marcas, o como una forma de presentar las marcas, es importante observar las directrices para la gestión de la marca - el gran efecto secundario de esto es que las directrices de gestión de la marca también garantizan una mejor usabilidad y orientación al usuario.
Figura 5: Marcas líderes: incluso sin logotipo ni reivindicación, es posible averiguar quién está siendo anunciado aquí.
Cuando los usuarios llaman a una página, sus ojos se dirigen hacia la parte superior izquierda durante unos pocos milisegundos, simplemente para averiguar quién es el proveedor y si han llegado a la página correcta.
Asegúrate de que tu logotipo no sea demasiado pequeño, ya que los logotipos pequeños no se percibirán tan fácilmente. Si tu logotipo no es lo suficientemente visible, los usuarios tendrán menos confianza en tu web.
Un eslogan resume el contenido del sitio en forma condensada, ayudando al usuario a clasificar el contenido. Cuanto mejor entienda el usuario el contexto, antes comprará los artículos.
Figura 6: Sin un eslogan claro, el usuario no está 100% seguro de lo que se ofrece en la página (Fuente)
Las pruebas de usabilidad siempre muestran el mismo comportamiento de usuario en las páginas de inicio. Los usuarios llaman a la página, se desplazan hacia abajo durante 2 ó 3 segundos y luego vuelven a retroceder.
Luego, la fase de exploración comienza en la página de inicio. Los elementos son "aprendidos": los usuarios recuerdan cómo es el texto, las imágenes y los enlaces, cómo funciona la navegación y dónde se coloca el contenido. Los usuarios deberían poder registrar esta información en 5 segundos.
Consejo: Se requiere especial precaución y un buen sentido del diseño para diversos tipos de contenido, como presentaciones de diapositivas o formularios. Estos deben ser reconocidos como elementos interactivos en un plazo de 5 segundos.
Las empresas más pequeñas y menos conocidas suelen ser juzgadas por su página de contacto o "Quiénes somos". Esta página debería ser fácil de encontrar, idealmente como enlace en la navegación principal a la derecha, o al final del menú móvil.
La visita a una web no siempre tiene una finalidad comercial. Es posible que los clientes actuales o futuros deseen ponerse en contacto con una empresa. ¿Se puede acceder rápidamente a los números de teléfono, direcciones, direcciones de correo electrónico u otra información de contacto en la página?
Especialmente en webs con capacidad de respuesta, es muy común, particularmente en el modo smartphone, tener que desplazarse durante mucho tiempo para acceder a la información o a los enlaces que se encuentran en el pie de página. Los números de teléfono también deben mostrarse correctamente para que las llamadas se puedan realizar directamente desde los smartphones; por lo tanto, es aconsejable colocar un botón de llamada junto al menú móvil.
Cuanto más rápido entiendan los usuarios cómo navegar por una página, más tiempo podrán dedicar al contenido y más rápido entenderán de qué se trata. Sólo aquellos que entienden el contenido terminarán comprando.
Elementos significativos que son fáciles de hacer clic en apoyar el user journey a través del sitio web, y por lo tanto hacer más probable las conversiones y compras.
Si la navegación principal se distingue claramente de los elementos circundantes como símbolos de confianza, números de teléfono o espacios publicitarios, estos elementos son mucho más fáciles de reconocer.
Consejo: Un espacio en blanco suficiente alrededor de la navegación principal también puede hacer que los elementos individuales sean más fáciles de reconocer. Ocultar la navegación principal detrás del botón de menú, tal como se utiliza comúnmente en los dispositivos móviles, se ha convertido en una práctica cada vez más extendida en los ordenadores de sobremesa, hace que la velocidad de navegación disminuya.
Para los móviles, el botón del menú se ha establecido como un signo de buen patrón de usabilidad, y por lo tanto, debe ser utilizado.
Un sitio web tiene dos tareas: satisfacer y crear demanda. Los visitantes que saben exactamente lo que quieren usarán la navegación principal o la búsqueda para navegar a través del sitio web.
Consejo: Por lo tanto, es importante que los elementos del menú describan claramente hacia dónde conduce el enlace. Por ejemplo, para la web de un hotel, el elemento del menú "Imágenes" es mejor que "Impresiones".
La memoria humana a corto plazo puede recordar 5 cosas sin mucho esfuerzo.
Sugerencia: Si quieres que los usuarios descubran rápidamente lo que ofrece tu sitio web, debes evitar utilizar más de 7 entradas de menú en la navegación. El número ideal es entre 5 y 7. En DropDowns expandido, puedes usar más a medida que los usuarios tienen un enfoque más fuerte y leen más lentamente.
Se espera que los usuarios puedan acceder a la página principal haciendo clic en el logotipo de un sitio web. Se trata de patrones aprendidos, las llamadas expectativas del usuario.
Consejo: Actualmente hay muchas plantillas que ya no ofrecen esta función. Por lo tanto, deberías verificar esta función en todos los dispositivos y tamaños de pantalla.
Muchas webs utilizan enlaces de texto, botones e imágenes como enlaces. Es importante utilizar siempre la misma variante para la misma función para que el usuario no se confunda. El mejor efecto se consigue con los enlaces de texto subrayados en azul, ya que se trata de una tendencia bien establecida, por lo que los usuarios estarán acostumbrados a ello.
En muchos casos, el contenido es más importante que el diseño y la maquetación. Quien se ocupe de los problemas de los clientes recibirá la mayor atención y será escuchado. Para que los usuarios puedan percibir los argumentos, éstos deben ser claramente reconocibles y fácilmente accesibles.
Los titulares guían a los visitantes. Cuanto más atractivo y emotivo sea un titular, mayores serán las posibilidades de que el usuario lea y permanezca en la página. Esto también se aplica a los segmentos B2C y B2B. Los titulares deben indicar claramente de qué se trata el contenido.
La gente se acostumbra inconscientemente a un cierto ambiente. Los colores y las formas juegan un papel importante en este proceso. Cuanto más armoniosos sean los colores, más ventajosos serán.
Figura 7: El tono de naranja debe ser consistente (Fuente)
Una web debe transmitir organización y orden. Además de la alineación de la cuadrícula, esto puede lograrse utilizando fuentes bien equilibradas.
Consejo: Asegúrate de que cada encabezado (H1 a H6) esté bien definido y de que tenga un tipo de letra estándar y unificado. Se debe utilizar un máximo de 2 fuentes en una página y en las imágenes. Para encontrar los emparejamientos adecuados para las fuentes de Google, puedes utilizar a la herramienta Fontpair.
Las ventanas emergentes o los fundidos en toda la pantalla molestan a la mayoría de los visitantes, especialmente en los móviles. Google también ha reaccionado a esto y ahora devalúa las páginas móviles con pop-ups.
Consejo: Si es necesario, las ventanas emergentes sólo deben utilizarse en aquellas partes del sitio web en las que el user journey y la ruta de conversión no se vean perturbados. Por ejemplo, es esencial evitar las ventanas emergentes en los procesos de pago.
La gente no lee todo en ua web. Ellos hojean el contenido y se detienen para leer algo apropiadamente cuando parece interesante. Por lo tanto, es importante desglosar el contenido en párrafos individuales.
Consejo: Una simple regla de los periodistas es: "Un párrafo por pensamiento."
Para que el usuario pueda introducir y evaluar el contenido de un párrafo antes de empezar a leerlo, tiene sentido dar a cada párrafo un título.
Consejo: El titular debe resumir brevemente el contenido y despertar la curiosidad. Como operador de una web, puedes utilizar los titulares para dirigirte a los usuarios y transmitir de forma más eficaz los argumentos a favor de la compra.
Cuando los usuarios llegan al final de una página web, deben ser dirigidos a otra página. Por lo tanto, los call to action o enlaces adicionales deben ser colocados en la parte inferior de todas las páginas, ya que esta es la única manera para que los usuarios permanezcan en el sitio.
El objetivo de cada sitio web debe ser conseguir que los usuarios tomen una determinada acción: el Call to Action. Una buena usabilidad y la aplicación de estos consejos crea la base para aumentar tu tasa de conversión. Si el usuario encuentra tu sitio fácil y claro para navegar y utilizar, es más probable que permanezca más tiempo en tu sitio web.
Este artículo fue publicado originalmente el Ryte Magazine Alemán por Kai Radanitsch.
Mejora tu usabilidad con Ryte FREE
Escrito el 10.12.2018 por Clara Rubio.
Clara es una apasionada del mundo digital y la tecnología. Desde siempre ha estado interesada en en estos campos, llevándolos por bandera en su vida profesional y personal. Como redactora, escribirá sobre numerosos temas, incluyendo las novedades del mundo SEO y de cómo Ryte te ayudará en tu camino al éxito digital.
Optimice su sitio web con Ryte
Demo gratuita