Fundamentos para una buena Experiencia de Usuario (UX) y Usabilidad Web

Si no ha oído hablar del término experiencia del usuario (UX), la clave está en el título. Se trata de crear una gran experiencia para los usuarios de su sitio web. Y no se trata solo de que se vea estéticamente agradable y de que sea más fácil de usar.

El secreto de una buena experiencia de usuario no es hacer que los usuarios tengan que pensar en lo que están haciendo: les resultará natural encontrar lo que buscan e interactuar con su sitio.

En una agencia de diseño web, la experiencia del usuario puede ser responsabilidad del equipo en general o de un diseñador de UX específico. Incluso hay empresas enteras que se especializan en consultoría de experiencia del usuario.

Cualquiera que sea su nivel de experiencia, seguramente encontrará algo aquí que le ayude a comprender y mejorar su técnica.

Fundamentos

  • El diseño se basa en una comprensión explícita de usuarios, tareas y entornos
  • Los usuarios están involucrados en todo el diseño y desarrollo
  • El diseño es impulsado y refinado por la evaluación centrada en el usuario
  • El proceso es iterativo
  • El diseño aborda toda la experiencia del usuario
  • El equipo de diseño incluye habilidades y perspectivas multidisciplinarias

Factores Críticos

El diseño de la experiencia de usuario debe incluir los siguientes factores para ser exitosa:

  • Útil. Su contenido debe ser original y satisfacer una necesidad.
  • Usable. El diseño debe ser fácil de usar.
  • Deseable. Imagen, identidad, marca y otros elementos de diseño se utilizan para evocar emoción y aprecio.
  • Encontrable. El contenido debe ser navegable y localizable dentro y fuera del sitio.
  • Accesible. El contenido debe ser accesible para todos.
  • Creíble. Los usuarios deben confiar y creer lo que les dices.

También existen factores más específicos y técnicos que afectan la Usabilidad, dentro de los cuales los más importantes son:

Consultoría y Análisis de Usabilidad

Recibe una cotización para mejorar la usabilidad de tu sitio.

El proceso de diseño de UX

Aunque no existen reglas estrictas para este proceso, el diseño de UX generalmente ocurre en las siguientes cinco etapas.

Investigación

Para crear una excelente experiencia de usuario, los desarrolladores primero deben tomarse el tiempo necesario para comprender a sus usuarios finales.

La realización de investigaciones ayuda a los desarrolladores a entrar en la mentalidad de los clientes. Los modos comunes de investigación incluyen escuchar y observar a los clientes, entrevistando y ofreciendo encuestas en línea.

Diseño

Una vez que se recopilan suficientes investigaciones, los desarrolladores pueden comenzar a pensar sobre cómo diseñar sus productos. En la fase de diseño, los desarrolladores comienzan a estructurar su contenido y piensan en el “recorrido del cliente”, o la serie de pasos que el usuario final tomará al usar el producto.

Es común usar la “arquitectura de la información”, el proceso de estructurar, etiquetar y organizar el contenido. Esto se hace usando “wireframing”, el acto de crear físicamente una ilustración que demuestra cómo se verá un sitio, programa de software o aplicación.

Estas técnicas ayudan a los diseñadores a aumentar la autosuficiencia del cliente, mejorar la efectividad de la navegación de la página y mejorar la experiencia general del cliente.

Prototipos

En la fase de creación de prototipos, los diseñadores crean una versión borrador del sitio o producto. Los aspectos de la creación de prototipos pueden incluir:

  • Experimentando con diseños
  • Reparación de inconsistencias y errores
  • Desarrollar datos y usarlos para mejorar las ideas originales
  • Demostrando productos a la gerencia
  • Verificando que los productos sean funcionales y utilizables

Los prototipos generalmente ocurren antes de que pueda comenzar cualquier codificación.

Pruebas

Después de construir un prototipo sólido, los desarrolladores pueden probar su producto. En UX, las pruebas pueden ser tan simples como observar las interacciones cliente / producto o tan complejas como presentar diferentes versiones de un producto al público para ver cuál es mejor recibido.

Los desarrolladores pueden ofrecer cuestionarios y encuestas o incluso realizar entrevistas adicionales con los clientes para identificar puntos de dificultad o confusión. Debido a que el propósito de las pruebas es eliminar problemas, lo ideal es hacerlo lo antes posible.

Medición

El hecho de que un producto se lance oficialmente no significa que el trabajo de UX haya terminado. De hecho, UX es un proceso continuo que continúa mientras el producto esté en uso.

Los desarrolladores deben probar continuamente el rendimiento del producto para ver si cumple con la satisfacción del cliente y si se pueden realizar mejoras. Las mediciones pueden incluir elementos tales como la probabilidad de que los clientes recomienden productos a otros y cómo usan el producto en sí.

En última instancia, el verdadero objetivo de UX es permitir que las empresas creen productos que sean útiles y placenteros para que los compren. Cuando se hace bien, UX es uno de los activos más valiosos que una empresa puede ofrecer.

Puedes ver más fundamentos en la guía de consejos para UX de Google.

La importancia de la Navegación

Los diseñadores web usan el término navegación persistente (o navegación global) para describir el conjunto de elementos de navegación que aparecen en cada página de una aplicación.

La navegación persistente dice:

Este elemento está aquí. Algunas partes cambiarán un poco dependiendo de dónde se encuentre en la aplicación web, pero siempre estará aquí, y siempre funcionará de la misma manera

El solo hecho de que la navegación aparezca en el mismo lugar en cada página con un aspecto uniforme le da confirmación instantánea de que todavía está en la misma aplicación, y que solo tienes que descubrir cómo funciona una vez.

Las secciones

Las secciones, a veces llamadas navegación primaria, son los enlaces a las secciones principales de la aplicación, el nivel superior de la jerarquía de la aplicación.

En algunos diseños, la navegación persistente también incluirá espacio para mostrar la navegación secundaria: la lista de subsecciones en la sección actual.

En otros, al señalar el nombre de una sección o hacer clic en él, se muestra un menú desplegable. Y, en algunos casos, al hacer clic se accede a la página principal de la sección, es donde encontrará la navegación secundaria.

Breadcrums

Al igual que los indicadores “Estás aquí”, las rutas de navegación te muestran dónde estás en una aplicación web.

Las migas de pan se explican por sí mismas, no ocupan mucho espacio y proporcionan una manera conveniente y consistente de mostrar una ubicación actual.

Legibilidad

Se ha demostrado que las páginas con texto muy denso, pocas imágenes y con lenguaje muy especializado son pobres en lo que es experiencia de usuario, por lo que siempre es acosejable escribir textos simples y bien estructurados.

Prueba nuestra Herramienta Online de Análisis de Legibilidad.