7 ventajas rápidas de la experiencia del usuario para mejorar su sitio web 30 de agosto de 2016

Como especialista en marketing digital, trabaja constantemente en la optimización de su sitio web. Por medio de las estadísticas web, desea obtener información sobre cuántos y dónde abandonan el sitio los visitantes. Las estadísticas no siempre brindan información sobre la razón por la cual las personas se van. La investigación en línea, y en particular la recopilación de comentarios en tiempo real, puede ofrecer mucha información valiosa sobre los motivos del visitante.

Desde mi rol en Mopinion frecuentemente hago análisis del feedback que reciben nuestros clientes. Estos análisis muestran que a menudo queda mucho por ganar en términos de experiencia de usuario . En este blog, proporcionaré siete puntos focales que usted, como especialista en marketing, puede utilizar para lograr ganancias rápidas para mejorar la experiencia del usuario de su sitio web.

---

¡COMIENZA TU PRUEBA GRATIS !

Prueba Mopinion ahora

• Recopile comentarios ilimitados
• ■
• Prueba gratuita de 14 días

---

Consejo 1: El tiempo de carga de la página

Esto parece ser un punto obvio. Sin embargo, a partir de los comentarios que recopilamos para nuestros clientes, parece ser un gran problema. No solo se menciona con frecuencia (en algunos casos, aproximadamente el 30% de los comentarios recibidos), sino que también obtiene una puntuación muy alta en el medidor de molestia. Especialmente para las empresas que trabajan de manera orientada a la promoción o con ciclos mensuales, puede ver que están luchando para lidiar con ciertos picos en la cantidad de visitantes. Por ejemplo, pensemos en sorteos de loterías o proveedores de hipotecas que tienen que tramitar muchas mutaciones en momentos fijos del mes.

Además, a menudo muestra que las herramientas en línea más complicadas, por ejemplo, un configurador de automóviles en un automóvil, exigen mucho ancho de banda de la conexión a Internet o tienen un impacto en el procesamiento de imágenes de la computadora u otro dispositivo. Por supuesto, estas herramientas pueden ofrecer un valor añadido para el visitante, pero al mismo tiempo también conllevan un riesgo cuando el proceso no se desarrolla de forma rápida y fluida.

Alojamiento
Usted puede pensar: ¿qué puede hacer al respecto? El primer paso es verificar si tiene suficiente ancho de banda disponible. Eche un vistazo a las soluciones de hospedaje flexibles y escalables, como el hospedaje en la nube de Amazon o Rackspace. Mapee el campo en el que tiene la mayor cantidad de visitantes y asegúrese de estar ejecutando las herramientas de monitoreo adecuadas en esa área, como Pingdom o Google Pagespeed. Asegúrese de saber de lo que está hablando cuando se reúna con el departamento de TI...

Activos
Puede encontrar una solución más cercana a su hogar en los activos que utiliza. Según Yahoo atascos de tráfico como imágenes, css y javascript documentan el 80% del tiempo de carga de la página. Por lo tanto, asegúrese de no cargar basura innecesaria y de que los archivos necesarios se minimicen y compriman correctamente.

Además, a menudo muestra que los widgets y complementos se cargan en lugares innecesarios. Por lo tanto, verifique cuidadosamente lo que necesita y dónde lo necesita. Cuando solo necesita un complemento en 1 página para una herramienta específica, no tiene que cargarlo en otros lugares.

El almacenamiento en caché también puede ofrecer una solución. Eche un vistazo a las herramientas que garantizan que el visitante no tenga que cargar innecesariamente los mismos activos a menudo. Cuando su sitio web se ejecuta en un marco o CMS desconocido, por ejemplo, WordPress, a menudo hay opciones de almacenamiento en caché disponibles en forma de complementos como W3 Total Cache.

Consejo 2: El procedimiento de inicio de sesión

Lamentablemente, los problemas de inicio de sesión siguen estando a la orden del día. La provisión de servicios en línea es para muchas empresas una parte importante del contacto diario con clientes existentes y nuevos. Solo piense en todas las tiendas web, bancos, compañías de energía y proveedores de telecomunicaciones en los que inicia sesión regularmente para utilizar la provisión de servicios en, por ejemplo, el entorno de compras o mi entorno.

Una gran parte de los comentarios que procesamos (aproximadamente el 5%) proviene de páginas relacionadas con el procedimiento de inicio de sesión.

Desafortunadamente, muchas personas tienen dificultades para recordar la gran cantidad de nombres de usuario y contraseñas. Aparte del factor humano, muchas cosas salen mal durante el proceso de inicio de sesión. Para muchas personas, trabajar con una dirección de correo electrónico es más fácil de recordar que un nombre de usuario separado. Evite el uso de números de clientes complicados o nombres personales.

dejar de recargar
El uso de validaciones en el front-end puede garantizar una mayor facilidad de uso (es decir, no recopilar información a través del servidor/base de datos sino directamente en el navegador, por ejemplo, a través de Javascript y/o Ajax). Una ventaja es que la página no tiene que recargar. Un ejemplo: un cliente que escribe accidentalmente "[email protected]" en lugar de ".com" como dirección de correo electrónico.

Con una validación de Javascript o Ajax, puede proporcionar inmediatamente al usuario comentarios sobre la entrada incorrecta de la dirección de correo electrónico. Al aplicar este tipo de trucos, facilita el inicio de sesión del usuario. Una molestia aún mayor es que todos los campos están completamente vacíos después de un inicio de sesión incorrecto y que todo debe completarse nuevamente.

¿Olvidaste algo otra vez...?
Un próximo obstáculo a menudo es la recopilación de una contraseña olvidada. Se ha vuelto más o menos estándar dar a los usuarios la posibilidad de restablecer la contraseña o solicitarla por correo electrónico. Puede parecer bueno mostrar esa opción solo después de que el usuario haya intentado iniciar sesión incorrectamente.

Finalmente: el mensaje de error. Para muchos usuarios es bastante molesto que algo haya salido mal. Trate de evitar mensajes similares a los de un robot, como "contraseña no válida". Visita a ese simpático colega del departamento de comunicación… Puede que recibas una gran alternativa que se adapte al tono de voz de la empresa. Una sugerencia para el mensaje anterior: "Parece que ha escrito una contraseña incorrecta". Ya suena mucho más amigable, ¿verdad?

Consejo 3: formularios

Probablemente muy reconocible: ha realizado una selección, ha establecido filtros o ha introducido datos en un formulario y en la página siguiente todo desaparece y tiene que volver a escribir la misma información. Una gran irritación entre los visitantes de su sitio.

El 9% de los comentarios del sitio web que nuestra plataforma analiza diariamente está relacionado con formularios. Las mayores molestias son el envío de información que ya se ingresó una vez o tener que realizar las mismas acciones varias veces dentro de formularios y selecciones. A veces conduce a pequeñas irritaciones, pero generalmente a grandes molestias.

Los formularios son útiles cuando los visitantes buscan información, para pedir productos y para generar clientes potenciales. Por lo tanto, es crucial que sus formularios funcionen correctamente. En general, se aplica que cuantos menos campos solicite completar en un formulario, mayor será la conversión (considerando el hecho de que algunos datos son realmente esenciales). Tiene sentido que se deban completar más campos en el caso de un pago o un pedido que cuando se trata de un simple formulario de generación de clientes potenciales.

Cuando el usuario aún tenga que proporcionar mucha información, ofrezca también la posibilidad de guardar el formulario a la mitad. De esta manera, el usuario podrá completar el formulario más adelante.

Mapea tus viajes
Mapea los viajes más importantes dentro de tu sitio web y marca el área donde quieres que los usuarios brinden información o donde deben ingresar datos. Recicla esos datos.

¿Sabe quién es su visitante? Asegúrese de que sus preferencias se guarden y se puedan reutilizar. También use herramientas inteligentes para completar o complementar automáticamente ciertos campos en un formulario.

¿Se trata de visitantes que aún no son clientes? También puede hacer una distinción entre visitantes repetidos y visitantes nuevos. Cuando, por ejemplo, ofrezcas la posibilidad de descargar contenido sobre tu producto, solo solicita la información necesaria la primera vez. Cuando el visitante regrese y complete otro formulario, asegúrese de que solo tenga que completar nuevos campos y ocultar todo lo que ya sabe.

Formularios responsivos
Dado el hecho de que el uso de dispositivos móviles es el más popular en línea (en 2014, el uso de dispositivos móviles superó al de escritorio), existe una gran posibilidad de que su visitante use un teléfono inteligente o una tableta. Así que considere cuidadosamente el espacio disponible, la interfaz táctil y la longitud del formulario. Los formularios de varios pasos ofrecen una solución porque, de hecho, corta el formulario en partes y solo muestra 1 o 2 campos por pantalla. Puede ser útil probar múltiples variantes con herramientas como Optimizely.

Consejo 4: Encontrar la página o información correcta

El 22% de los comentarios que nuestro software analiza para los clientes implica el hecho de que un visitante no puede encontrar la información correcta. En el peor de los casos, la información necesaria no está disponible y el visitante se retira por completo.

Muchas grandes empresas y tiendas web simplemente proporcionan una gran cantidad de información, a veces solo por la gran variedad de productos. Este problema no se puede resolver muy fácilmente. Sin embargo, tengo una serie de consejos, basados ​​en experiencias anteriores, para seguir mejorando la experiencia del usuario .

Un primer paso para abordar este problema común es mapear los viajes en línea. Compruebe usted mismo qué objetivos tienen en mente los visitantes cuando visitan su sitio web. Los visitantes a menudo tienen que pasar por una serie de pasos para lograr su objetivo. 'Mapear' el viaje lo ayuda a comprender mejor los problemas que experimentan los visitantes y dónde necesitan cierta información.

Comportamiento de clics
Además, puede utilizar el comportamiento de los clics para analizar dónde se van las personas. Sobre estos puntos puede ser útil obtener también retroalimentación cuantitativa. Esto descubrirá las razones detrás del comportamiento de los clics. Puede hacer que el formulario de comentarios aparezca de forma activa cuando, por ejemplo, señale un comportamiento repetitivo, como ir y venir dentro de un determinado flujo. Una métrica lógica para hacer preguntas aquí es la tasa de finalización de objetivos (GCR). La pregunta suele ser algo así como: "¿Pudiste lograr tu objetivo?", con las opciones "Sí", "No" o "Parcialmente". Informa el porcentaje "Sí" como el GCR. Obviamente, es aconsejable pedir una explicación abierta después de la pregunta GCR.

Consejo 5: texto poco claro

Aproximadamente el 7% de los comentarios que analizamos a diario se relacionan con contenido web poco claro. Esto puede incluir información del producto, pero también el contenido de un flujo de pedidos o una página de autoservicio, como las preguntas frecuentes.

Las personas buscan información en su sitio web con un objetivo determinado en mente. Ese objetivo suele ser encontrar la respuesta a una pregunta.

Los visitantes y clientes leen la información, buscan algo en una tabla o miran un video. Por ejemplo, para saber si un producto cumple con los deseos, si el modelo de precios es adecuado o para resolver un problema relacionado con el soporte.

Aparte del hecho de que la información tiene que ser clara y no demasiado larga, los visitantes también quieren poder encontrarla inmediatamente. Por lo tanto, asegúrese de que el contenido se pueda escanear fácilmente y omita información innecesaria, para que las personas puedan darse cuenta de los asuntos importantes.
Agregue imágenes y videos para que el conjunto pueda absorberse fácilmente.

Respuesta a tu pregunta?
En páginas donde es necesario ofrecer mucha o más complicada información, siempre es recomendable averiguar la forma en que el visitante experimenta la información. Esto se puede hacer por medio de sencillos formularios de retroalimentación integrados en los que se hace una pregunta: ¿Esta información es satisfactoria? Las opciones de respuesta son “sí” o “no”, con la posibilidad de dejar un comentario abierto. El visitante puede indicar aquí, por ejemplo, qué información falta o qué no está claro exactamente.

Estos comentarios se pueden utilizar para recopilar información accesible sobre la medida en que los visitantes aprecian su contenido, si el contenido es adecuado y qué puede hacer para mejorar la calidad de su contenido.

Consejo 6: errores en todas partes

Demasiado. Los errores no se pueden evitar. Siempre encontrarán la forma de colarse….

No te asustes: hay más de mil combinaciones navegador/plataforma en circulación. Por lo tanto, el riesgo de que aparezca un error en su sitio en algún lugar es grande. Herramientas como Browserstack ofrecen la posibilidad de probar su sitio web en casi todas las combinaciones posibles. Luego, generalmente involucra errores en el front-end. En el propio software de back-end, todo tipo de cosas también pueden salir mal (piense, por ejemplo, en validaciones de formularios, problemas relacionados con los derechos o problemas con la salida de una base de datos).

Incluso con las pruebas más exhaustivas, es posible que se produzcan errores después de que se haya puesto en marcha. Sus clientes suelen ser los que los descubren primero. Por lo tanto, es aconsejable darle al visitante la oportunidad de informar fácilmente sobre un error, además de todos los comités de prueba que organice usted mismo.

Cuando ofrezca la posibilidad de informar esto a través de un formulario de comentarios, verá que obtiene información relevante rápidamente. Aproximadamente el 20% de los comentarios que analizamos para nuestros clientes están relacionados con notificaciones de errores. Por lo tanto, no deje la oportunidad de permitir que el cliente ayude a señalar errores sin usar.

Consejo 7: ¿Móvil primero?

También he indicado el ejemplo para optimizar sus formularios para "móvil" en el consejo 3 . En todo el ancho de la experiencia en línea se aplica que el móvil todavía está algo descuidado. Eso es extraño considerando el hecho de que un promedio de más de la mitad de las visitas en línea se realiza a través de un dispositivo móvil.

Alrededor del 6% de los comentarios que recibimos en nuestra plataforma están relacionados con problemas en un dispositivo móvil. En varios blogs se menciona el móvil como un importante punto de atención cuando se trata de asuntos como la optimización de motores de búsqueda (SEO). Por lo tanto, no solo es de gran importancia para la experiencia del usuario , sino también para la capacidad de encontrar su sitio.

Un punto importante es el uso de imágenes. Comience con las "ventanas de visualización" más pequeñas y luego avance hacia las pantallas más grandes. Asegúrese de que el contenido también se adapte perfectamente a las pantallas Retina con un dpi más alto.

Como mencioné anteriormente en este blog, los tiempos de carga prolongados tienen un efecto negativo en la experiencia del usuario, así que asegúrese de que sus archivos no se vuelvan demasiado grandes y solo cargue los tamaños correctos. Cuando trabaja mucho con ilustraciones e íconos, también puede echar un vistazo al uso de SVG (Gráficos vectoriales escalables). Estos son, de hecho, archivos de línea que se escalan fácilmente junto con su diseño.

Texto y fuentes
También preste mucha atención al uso de su texto y fuentes. Esta es también una de las áreas en las que a menudo vemos que las cosas van mal al analizar la retroalimentación. Manténgase alejado de fuentes demasiado delgadas y complejas. Las personas a menudo tienen que leer en una pantalla más pequeña cuando usan su teléfono inteligente. Aumente la legibilidad manejando el espacio entre las letras y las líneas de manera inteligente. También verifique el diseño de su texto en diferentes ventanas gráficas. Aquí encontrarás más información sobre la composición proporcional ideal del texto frente al contenedor .

Navegación móvil
Finalmente, a menudo notamos bastantes obstáculos cuando se trata de navegación móvil. Por suerte muchos menús de móviles ya se han embebido en las conocidas plantillas de, por ejemplo, sistemas como WordPress. Pero en caso de que no quieras usar esos sistemas, asegúrate de empezar desde una pantalla pequeña. El espacio es limitado y se supone que se utilizarán de forma táctil . Las pautas de Apple indican un “dedo” promedio de 44 píxeles.

Asegúrese de que sus páginas más importantes se puedan abordar rápidamente y limite la cantidad de opciones.
Puede encontrar más información sobre el diseño de la navegación móvil, por ejemplo, aquí.

Como consejo final: los navegadores móviles también se pueden probar perfectamente con el Browserstack mencionado anteriormente.

NOTA: Los porcentajes sobre la cantidad de comentarios que hemos analizado pertenecen a una investigación que realizamos con nuestros propios datos de comentarios en 2015. Si desea ver todos nuestros hallazgos, lea esta publicación de blog.