5 factores de Usabilidad UX que debes tener en cuenta para mejorar tu sitio web

¿Qué es la usabilidad o diseño de Experiencia de Usuario?

De manera muy resumida y a modo de introducción, la usabilidad o experiencia de usuario es la cualidad que tiene un sitio web o aplicación de software para ser utilizado de manera sencilla, con un textos y diseños que facilitan su lectura, presentan la información para que sea descargada rápidamente y contienen funciones y menús sencillos que ayudan al usuario a encontrar el objetivo para el que estaba diseñado este sitio web o aplicación de software.

En definitiva, si un sitio web está diseñado con una correcta usabilidad, los usuarios serán capaces de utilizarlo de manera sencilla, rápida e intuitiva, sin tener que pensar demasiado. De esta manera reducimos la fricción existente entre los usuarios y los objetivos que tenemos propuestos para los clientes en nuestro sitio web.

Factores a tener en cuenta en usabilidad de experiencia de usuario

Cuando una aplicación web esta bien diseñada a nivel de experiencia de usuario, el cliente potencial apenas tiene que pensar para desenvolverse en el uso de este sitio, lo que hace que la experiencia sea mucho más satisfactoria y aumentemos las posibilidades de que este usuario utilice la plataforma con más asiduidad y así tendremos más posibilidades de conseguir nuestros objetivos con cada visita que llegue a nuestra página.

5 factores de Usabilidad UX que debes tener en cuenta para mejorar tu sitio web.

1. Coherencia y estandarización.

Lo que sea que pongas en tu interfaz o menú de navegación deberá de ser constante en todo el desarrollo de los contenidos del sitio web. De esta manera el usuario conocerá perfectamente como desenvolverse durante toda la experiencia de navegación.

applications concept

Estos son algunos detalles muy básicos que siempre deberás tener en cuenta:

  • Etiquetas en los botones: Utiliza siempre la misma etiqueta que explique la acción que realiza dicho botón y mantenla a lo largo de todo el desarrollo.
  • Orden en los menús: Tus clientes potenciales, usuarios, deben acostumbrarse a navegar de forma mecánica e intiutiva por tu sitio web. Esto se consigue manteniendo el orden de los menús de manera estricta en toda la aplicación
  • Posición de los botones: Un mix de los dos puntos anteriores y un punto muy importante para que tu sitio web gane en coherencia, estandarización y mejorará ostensiblemente la experiencia de usuario.

No reinventes la rueda: Es importante que dediques unas horas de tu tiempo para ver que realizan los demás, analiza las webs de los grandes y aquellas que tengan un publico objetivo parecido al tuyo y empieza emulando lo que ellos hacen. Más adelante conseguirás tus propias ideas en base a tu experiencia y podrás aplicarlas de manera eficiente y quien sabe si generar tendencia.

2. La llamada a la acción tipo Fisher Price.

Se han escrito páginas enteras sobre las llamadas a la acción o (Call to action) y con razón, es una de las claves más importantes y en la mayoría de las ocasiones, el puente para que nuestros usuarios alcancen los objetivos que teníamos pensados para ellos.

Un buen botón ayuda mucho a la usabilidad de un sitio web.

Es importante que estos botones o llamadas a la acción destacen por encima del contenido y sean lo suficientemente grandes para que apetezca pulsar en ellos.

3. Qué el usuario reciba Feedback en todo momento.

Es muy importante que el usuario reciba información visual cuando interactúa con nuestro interface de navegación. Hay tres tipos básicos de feedback que le podemos ofrecer:

Es muy importante que el usuario reciba información visual cuando interactúa con nuestro interface web.

  • Proceso Cargando: Cuando alguna de las acciones que el usuario realiza en nuestro sitio web requiere un tiempo de carga o de espera; es absolutamente necesario que le avisemos del tiempo de carga con elementos visuales: (Porcentaje de la carga, ruedecita que se completa, etc…)
  • Proceso realizado correctamente: Siempre hay que mostrar un mensaje de confirmación cuando el usuario completa un proceso de manera correcta. Es también una manera de educarle y llevarlo hacia el camino correcto.
  • Proceso no realizado correctamente: Este quizás sea el más complejo de comunicar. Debemos de transmitir, no sólo que el usuario puede haber fallado, sino además, indicar el motivo concreto del fallo y como puede solucionar esta situación de manera rápida y efectiva.

4. Evita el Scroll

Hay un concepto llamado Above the Fold que se utiliza para explicar que el 77% de los visitantes no verá lo que hay debajo de 768px de alto y que por este motivo en este espacio deberíamos meter lo más importante de nuestro sitio web.

Evita el scroll

Esto no quiere decir que debas agrupar todo el contenido en este espacio, simplemente que tengas muy en cuenta que esa será el área más vista y visitada de tu sitio web y que por lo tanto ahí deberá aparecer la información más relevante.

Los elementos más importantes que deberías mostrar por encime de este Above the Fold y especialmente en una Landing Page son:

  • Nombre de la aplicación, servicio o empresa junto con el logotipo para reforzar la coherencia.
  • La propuesta de valor, es decir, lo más importante de este sitio y que mayores beneficios otorga al usuario que nos visita.
  • Menú de navegación de las secciones principales, bien estructurado y detallando los apartados más importantes del sitio web.

5. Miguitas de pan “All Arround”

Para complementar la navegación de nuestro sitio web, deberemos utilizar elementos como los BreadCurms (Miguitas de Pan o Hilo de Ariadna) que sirven para que los usuarios se hagan una idea de en que punto se encuentran de la navegación de un sitio web y de esta manera aumentar su sensación de control y confianza durante la interacción.

El Hilo de Ariadna es una de las técnicas más utilizadas para ayudar a la Usabildiad

Es también una buena manera de evitar gran cantidad de clicks para los desplazamientos entre las diferentes secciones y que puedan tener en un primer vistazo, muy clara, la jerarquía de navegación.

Un ejemplo de esto sería: Inicio / Productos / Carritos de Bebé / Carrito de bebé modelo uno.

Isidro Pérez

Empresario en Avanza Soluciones, socio tecnológico e inversor en empresas relacionadas con Internet. Ponente y formador en diversos congresos y másteres sobre economía digital, marketing online y productividad. Colaborador semanal en la sección de nuevas tecnologías para Cope Alicante y defensor a ultranza del emprendimiento sostenible, el software libre y de las enormes posibilidades de integrar el ecommerce en la industria tradicional. Ayudo a fomentar el desarrollo empresarial a través de mi pertenencia a la junta directiva de Jóvenes Empresarios de la Provincia de Alicante, ocupando en estos momentos la presidencia en la comarcal de Alcoià i Comtat. También puedes seguir mis momentos inspiradores en #GoToEmpowerment.

Related Posts
  • ¡QUÉ BUENO, ISIDRO! SIEMPRE APORTANDO IDEAS PARA QUE MEJOREMOS NUESTRAS WEB. INTENTARÉ SEGUIR AL PIE DE LA LETRAS ESTOS CONSEJOS.

    • Muchas gracias Baldo, por estar siempre al quite y dedicarme tan buenas palabras. Ya sabes que me tienes a tu entera disposición para cualquier duda que te pueda surgir. ¡Un abrazo fuerte!