Usted quiere que su sitio web proporcione una experiencia de usuario (UX) que sea intuitiva, fiable, rápida y atractiva, pero para proporcionar esa experiencia, necesitará tener un profundo conocimiento de los usuarios, lo que necesitan, lo que valoran, sus capacidades y sus limitaciones, teniendo en cuenta sus metas y objetivos de negocio.

UX las mejores prácticas promueven la mejora de la calidad de las interacciones de los usuarios con su producto o servicio y las percepciones de los mismos, y hay muchas cosas que puede hacer para mejorar el UX de su sitio web, como por ejemplo:

• Utilizar los espacios en blanco de manera efectiva.
• Optimizar la velocidad de su página.
• Utilizar llamadas a la acción atractivas y diferenciar los hipervínculos.
• Segmentar la información clave con viñetas.
• Utilizar las imágenes de manera inteligente.
• Incluir bientitulares bien diseñados y redactados.
• Mantenga las páginas web consistentes.
• Atrape todos sus 404 errores.
• Asegúrese de que su sitio web responda y sea apto para móviles.

Otras Consideraciones UX

• Hágalos sentir algo: Quieres un diseño que se centre en la experiencia del usuario, sabiendo que los usuarios a menudo olvidan los datos y puntos destacados del contenido pero recordarán cómo les hizo sentir un sitio web. Sinergice los gráficos, el diseño y el texto junto con su información para proporcionar una experiencia, en lugar de simplemente arrojar un montón de datos en el regazo de un usuario. Los sitios web modernos contienen cualidades más visuales e interactivas con el fin de provocar esa respuesta emocional y destacar de todos los demás sitios web.
• Sitio web escaneable: Ningún sitio web se lee a fondo de arriba a abajo. La gente escanea el contenido en busca de la información que está buscando y se sumerge más profundamente una vez que encuentra lo que le atrae. Romper el texto con encabezados, viñetas, visuales o gráficos mejora la UX.
• Simplicidad y claridad: Mantén tu sitio web simple y deja claro lo que quieres que la gente haga. Utiliza los mismos patrones de color para los botones y enlaces en los que se puede hacer clic y limita el «pedido» de cada página.
• No reinventes la rueda: Hay muchos elementos de diseño comunes que son estándar en todos los sitios web. El menú está arriba, el inicio de sesión arriba a la derecha, la información de contacto abajo, y así sucesivamente. No hagas que tus usuarios aprendan una nueva interfaz de usuario. En su lugar, mantenga la interfaz familiar y guarde su creatividad para los demás elementos.
• Conozca a su público : Querrá saber exactamente quién es su público y cuáles son sus necesidades y deseos para desarrollar un UX que les proporcione un valor excepcional.
• Jerarquía visual: Si está buscando llamar elementos importantes en su sitio web, utilice la jerarquía visual para resaltar lo más importante. Esto se puede hacer con colores, tamaño, imágenes, gráficos, vídeo y botones.

Ahora puede estar leyendo todo esto y pensando: «Sí, sí, sí, totalmente de acuerdo, pero no tengo el tiempo ni los recursos para todo eso. ¿No hay una aplicación o algo que pueda usar que haga todo esto por mí?»

La respuesta corta es no. No hay ninguna aplicación que te ayude a auditar y mejorar tu UX, pero hay varias herramientas que puedes utilizar para ayudarte a mejorar sustancialmente tu UX. Aunque estas herramientas tienen diferentes curvas de aprendizaje y proporcionarán un poco o mucha información dependiendo de sus capacidades, todas ellas son buenos puntos de partida.

Una cosa más antes de saltar a las herramientas disponibles: Antes de mejorar su UX, necesita hacer un balance de la situación actual de su sitio web. ¿Dónde encuentra la gente su sitio web? ¿Qué páginas son las más visitadas? ¿Cuál es su tasa de rebote? ¿Qué tipo de dispositivos se utilizan para ver su sitio web?

Entender la salud actual de su sitio web le dará una buena base y la capacidad de medir su progreso. (Si aún no dispone de una herramienta de análisis web o de la capacidad de realizar un seguimiento de su rendimiento en su automatización de marketing/CMS, es la primera de la lista).

Herramientas de Mejora UX: All-In-One

En lo que respecta a las capacidades, en una herramienta integral generalmente debe esperar:

• Heatmaps: Representación gráfica del comportamiento del usuario utilizando color para indicar la intensidad de la participación del visitante en varias secciones de su sitio web. Esto puede incluir clics, toques y desplazamiento.
• Grabaciones de visitantes: Grabaciones de los visitantes que navegan por su sitio web.
• Embudos de conversión: Una imagen clara de las páginas y las ubicaciones de las páginas donde la mayoría de los visitantes deciden abandonar su sitio.
• Análisis de formularios: Análisis exhaustivo de sus formularios en línea, identificando las partes del formulario que son demasiado largas, qué respuestas se dejan en blanco y dónde exactamente la gente abandona su formulario y su página.
• Encuestas y sondeos de opinión: Un conjunto de preguntas y encuestas dirigidas y personalizadas para los usuarios de su sitio web.

Pero hay algunas diferencias clave a considerar con las siguientes herramientas.

Lucky Orange

Lucky Orange ofrece un conjunto completo de servicios para darle una visión general de su sitio web UX. Algunos de estos incluyen mapas de calor, grabaciones de visitantes, encuestas, y embudos de conversión, que le dicen exactamente donde la gente está entrando y saliendo de su sitio web. Fuera de eso, uno de los mayores beneficios de Lucky Orange es la capacidad de chatear en vivo con los visitantes del sitio web. (¿Qué mejor manera de mejorar su UX que obtener una retroalimentación instantánea?).

Hotjar

Si usted está buscando una solución todo-en-uno que combina el análisis y la retroalimentación para darle una visión general del comportamiento de sus usuarios en línea, Hotjar es una buena opción. (Aunque carece de algunas características clave como el chat y la grabación de vídeo.).

FullStory

Otro contendiente para la herramienta de mejora de UX todo en uno es FullStory. Ofrece una serie de capacidades similares a las de HotJar y Lucky Orange. Un diferenciador clave es que las grabaciones de vídeo están indexadas y organizadas para crear una base de datos completa de cómo la gente navega por tu sitio, dándote la posibilidad de buscar en tu propia base de datos páginas, enlaces y recursos específicos para rastrear la actividad.

Herramientas de Mejora de UX: Plataformas de Pruebas de Usabilidad

Pruebas de Usuario

Las Pruebas de Usuario le proporcionan la habilidad de ver, escuchar y hablar con sus clientes mientras se comprometen con su sitio web.

Se le proporcionarán videos de sus clientes interactuando con su sitio web (Que le darán información en tiempo real sobre dónde se atascan o se confunden), transcripciones de esas interacciones, un conjunto de métricas para revisar, y las respuestas a preguntas personalizadas de opción múltiple, escala de calificación y preguntas escritas abiertas.

UsabilityHub

Al igual que UserTesting, UsabilityHub ofrece la posibilidad de obtener comentarios de usuarios reales y de ajustar los sitios web, la mensajería y la creatividad para optimizar las tasas de conversión. Puedes determinar la efectividad de tus enlaces y la jerarquía de contenido trazando un mapa de la forma en que la gente navega por tu sitio web, desarrollando encuestas personalizadas para los usuarios y realizando pruebas de preferencia (por ejemplo

Userlytics

Userlytics es una plataforma diseñada para permitirle grabar la interacción de los usuarios en su sitio web, utilizando un software de pruebas remotas de imagen en imagen para capturar sus comentarios de audio y expresiones faciales, dándole una imagen completa de sus reacciones en tiempo real. Vea dónde los usuarios tienen dificultad para alcanzar objetivos específicos, y compare con diferentes iteraciones de diseño.

Utilice las percepciones iterativas rápidas para tomar mejores decisiones de diseño y UX y mejorar las conversiones y la satisfacción del cliente. Con Userlytics, puede utilizar su panel mundial (Con filtros demográficos); definir objetivos, tareas y preguntas; y recibir datos cualitativos y cuantitativos e información en cuestión de minutos con su servicio de transcripción con sello de tiempo y buscador para identificar eventos y comentarios clave.

Lookback

Lookback es otra plataforma que le permite registrar la interacción de sus usuarios con su sitio web, y ofrece muchas de las mismas características que Userlytics, UsabilityHub y UserTesting. Lo que diferencia a Lookback de estas otras plataformas es que permite cambiar las pruebas en tiempo real y hacer un seguimiento de los usuarios para recoger sus respuestas a los cambios. Por ejemplo: Si un usuario dice que la paleta de colores le parece llamativa, puede cambiar la paleta de colores y ver si la aprueba o no.

TryMyUI

TryMyUI es otro servicio de pruebas de usabilidad que se centra en ayudarle a mejorar la UX de su sitio web. Le permite configurar sus propias pruebas personalizadas con tareas particulares para los usuarios, encontrar su base de usuarios ideal con filtros demográficos y ver las grabaciones de los usuarios que realizan sus tareas en las pruebas de usabilidad.

Lo que diferencia a TryMyUI es el servicio TryMyUI Stream, que se coloca en el backend de su sitio web para recoger información sobre el comportamiento de los usuarios. Esta ingeniosa capacidad le permite detectar fallos rápidamente con el «buscador de frustraciones» de la IA del Stream. Podrá identificar los caminos que siguen los usuarios, cómo toman sus decisiones y qué les lleva al éxito o al fracaso.

Inspectlet

Inspectlet, al igual que las otras plataformas mencionadas aquí, también registra los visitantes de su sitio web y supervisa su actividad, permitiéndole saber en qué hacen clic, sus movimientos de ratón, sus pulsaciones de teclas y su actividad de desplazamiento. Los mapas de calor de Inspectlet ayudan a identificar las secciones de su sitio web en las que los visitantes están más interesados, lo que incluye el seguimiento de los ojos, detalles sobre lo que más se ha pulsado y hasta qué punto se han desplazado los visitantes por la página. Además, Inspectlet también proporciona análisis de formularios que le brindan información detallada sobre qué partes de sus formularios están incompletas y por qué.

Herramientas de Mejora de UX: Pruebas A/B

Huevo Loco

Huevo Loco proporciona software de mapa de calor para pruebas de usuario para que pueda entender cómo los visitantes interactúan con su sitio web, aprender sobre sus actividades y averiguar por qué sus tasas de conversión son bajas. Le permite ver exactamente cuánto se desplazaron los usuarios hacia abajo de la página antes de abandonarla por completo, cuántas veces hicieron clic en varios elementos de su página y le da la posibilidad de realizar pruebas A/B de varios elementos del sitio web.

Google Optimize

Las pruebas A/B de Google Optimize se integran de forma nativa con los anuncios de Google y Google Analytics para ayudar a mejorar su sitio y las campañas en función de sus objetivos empresariales. Aunque la versión gratuita ofrece algunas capacidades de segmentación, si desea realizar más de cinco pruebas al mismo tiempo u obtener asistencia para la implementación, deberá actualizarse a la versión de pago de Optimize 360.

Optimizely

Optimizely ofrece un conjunto completo de herramientas para probar fácilmente su sitio web. Estas incluyen la capacidad de realizar pruebas multivariadas (Una técnica para probar varias variables en una página web en particular) y crear experiencias personalizadas al revelar nuevos diseños mediante el uso de objetivos demográficos concisos (Por ejemplo, diferentes URLs, navegadores y regiones geográficas).

HubSpot

Aunque no es una herramienta UX oficial, si usted es uno de los 64.000 clientes de Hubspot, la compañía ofrece pruebas A/B de aterrizaje y páginas web.

Herramientas de Mejora UX: General

Lighthouse

Lighthouse es una herramienta automatizada de código abierto que le ofrece consejos personalizados sobre cómo mejorar el rendimiento, la accesibilidad, las aplicaciones web progresivas (PWA) y el SEO de su sitio web. Cuando realice una auditoría en cada página de su sitio web, se le proporcionará un informe detallado sobre el rendimiento de cada página, las áreas en las que se podría mejorar, las mejores prácticas y un curso de acción específico que puede tomar para realizar esas mejoras. Puede ejecutar Lighthouse en Chrome DevTools, desde la línea de comandos, o como un Módulo de Nodos.

Mockplus iDoc

Si es uno de los afortunados con un equipo de desarrollo web completo, entonces definitivamente querrá echar un vistazo a MockPlus iDoc, una increíble herramienta de colaboración. Tanto si está empezando desde cero como si está renovando su sitio web existente, MockPlus iDoc es ideal para optimizar la variedad de sitios web y es una herramienta útil para que los desarrolladores colaboren con los diseñadores y directores de producto para subir, comentar, crear prototipos, probar, compartir y entregar diseños, especificaciones, activos y fragmentos de código. Los usuarios pueden sincronizar sus diseños, crear un flujo de interfaz de usuario y recoger comentarios.