Cómo interpretar los datos para mejorar el diseño y el rendimiento de su sitio web

El diseño efectivo es crucial para los objetivos comerciales de un sitio web. De la misma manera que las personas atractivas tienden a llamar más la atención, un sitio bien diseñado tiene más posibilidades de transmitir su mensaje y canalizar a sus usuarios hacia los resultados deseados. En muchos casos, los propietarios de sitios web se decantan por lo que sienten que es agradable para sus audiencias. Eso, sin embargo, no significa necesariamente que la audiencia esté de acuerdo.

Para que el diseño web se considere realmente efectivo, los datos analíticos deben contar una historia que respalde la afirmación. Internet es uno de esos espacios raros donde los toques artísticos se pueden medir con números duros. Los elementos de diseño se pueden probar, cuantificar y mejorar para capturar verdaderamente el gusto colectivo de una base de usuarios.

Si alguna vez se preguntó por qué Apple y Google lideran el camino en términos de diseño, no es solo porque pueden contratar a las personas más talentosas. Una gran parte de su éxito es su tenacidad para probar cada variable de diseño que utilizan. Afortunadamente, no es necesario ser una megacorporación para hacer lo que hacen estas dos empresas icónicas. Con herramientas simples, sin presupuesto y con un poco de esfuerzo, puede comenzar a refinar la apariencia de su sitio en el camino hacia una mejor usabilidad y tasas de conversión.

Midiendo los Elementos del Diseño Web

El diseño efectivo debe adherirse a los principios básicos de lo que hace que un sitio sea bueno. Hay cuatro elementos que deben tenerse en cuenta en todo momento al armar un sitio: Estos son:

1. Un objetivo claro

Cada sitio necesita enviar un mensaje fuerte pero implícito a los usuarios sobre lo que quiere lograr. Ya sea un argumento de venta, una oferta de suscripción, una invitación para consumir contenido o participar en una discusión, cada página debe reflejar un motivo que sea beneficioso tanto para el visitante como para el webmaster.

El diseño del sitio debe servir como una fuerza guía para los objetivos del sitio: debe ayudar a que la audiencia avance más a lo largo de un embudo de conversión.

Métricas a considerar:

Las siguientes métricas pueden ayudarlo a determinar si su sitio manifiesta o no un objetivo claro o si está ahuyentando a los usuarios con motivos vagos:

• Tasa de rebote : en el marketing tradicional, dicen que una mente confundida siempre dice que no. Aplicando eso al diseño web y la usabilidad, un visitante confundido siempre presionará el botón "atrás" en su navegador. Según el gurú de la analítica Avinash Kaushik, la tasa de rebote es la métrica más sexy de todo el marketing digital. Es simple pero te dice mucho en un solo vistazo.

Un rebote ocurre cuando un usuario aterriza en una de sus páginas y vuelve a la página de referencia sin hacer clic en nada. Sugiere que la intención del usuario probablemente no se satisfizo y que la experiencia del usuario fue en gran medida insatisfactoria. Si su sitio tiene una tasa de rebote del 60% o más, eso puede ser motivo de preocupación. Es una indicación de que su diseño, su mensaje o ambos pueden ser confusos.

La tasa de rebote es el porcentaje de visitas que rebotaron en las páginas de un sitio en comparación con el número total de visitas. Prácticamente todas las plataformas de análisis ofrecen datos de tasa de rebote para un sitio completo y por página. En Google Analytics, su tasa de rebote es una de las primeras cosas que verá en el tablero.

• Tasa de conversión : una conversión ocurre cuando se logra un objetivo del sitio. Esto podría ser una visita a una página, una transacción, una suscripción a una lista de correo, una llamada telefónica, etc. Su tasa de conversión, por lo tanto, es el porcentaje de visitas que se convirtieron en comparación con el número total de visitas al sitio. .

Los objetivos poco claros pueden hacer que la tasa de conversión de un sitio sufra. Ser claro en sus mensajes y tener un esquema de diseño que limite las distracciones puede ayudar a mantener saludable su tasa de conversión. Si la tasa de conversión de su sitio está por debajo del 2%, querrá revisar su diseño y ver si ayuda o perjudica la claridad de los objetivos de su sitio.

2. Contenido atractivo

El contenido es fundamental para la experiencia de cada usuario en un sitio. Ya sea que se trate de texto, video, audio o imágenes, debe diseñarse y formatearse correctamente para atraer la mayor participación de su audiencia. Cuando está debidamente respaldado por un buen diseño del sitio, el contenido se vuelve más fácil de acceder y compartir. Por el contrario, un mal diseño puede limitar la capacidad del contenido para influir en los usuarios y ampliar el alcance de su sitio.

Métricas a considerar:

La mayoría de las plataformas de análisis le brindarán una gran cantidad de datos que le darán ideas sobre el rendimiento de su contenido. Las tasas de rebote a nivel de página, como se describe en la sección anterior, son valiosas para reducir las páginas que pueden tener problemas de diseño. Aquí hay otras métricas a tener en cuenta al tratar de encontrar pistas sobre el rendimiento del contenido con respecto al diseño:

• Tiempo promedio en la página : la duración de la estadía de sus usuarios en sus páginas es una indicación de su nivel de participación. El tráfico no comprometido abandona sus páginas a toda prisa y un mal diseño puede contribuir a su entusiasmo por irse. Si el usuario promedio pasa menos de dos minutos en promedio cuando visita sus páginas, querrá investigar el asunto de inmediato.

Los tiempos promedio en las estadísticas del sitio/página se muestran en Google Analytics y en la mayoría de las otras plataformas. De hecho, puede encontrar esta métrica directamente en el panel básico de GA. Para los promedios de tiempo a nivel de página, puede ir a la sección "Contenido del sitio" de GA y generar informes para todas sus páginas para ver cuáles tienen un rendimiento inferior. A partir de ahí, es posible que pueda detectar puntos en común y patrones que pueden ayudarlo a identificar problemas de diseño.

• Tasa de salida : ¿Qué páginas de su sitio están despidiendo a la mayoría de los visitantes cuando se supone que no deben ser la última parada en un embudo de conversión? Esta métrica te lo hará saber. En el informe "Contenido del sitio" de Google Analytics, puede ordenar las páginas del sitio de acuerdo con las que conducen más a los usuarios fuera de su sitio. Las páginas con tasas de salida anormalmente altas deben investigarse en busca de posibles mejoras de diseño que puedan detener el sangrado de visitantes.

3. Facilidad de navegación

La facilidad de navegación se refiere a la rapidez con la que un usuario puede navegar por un sitio para encontrar lo que quiere ver. El uso estratégico de menús, cuadros de búsqueda y categorías ayudará a facilitar mejores experiencias de navegación. Idealmente, un usuario no debería tomar más de cuatro clics para ir de la página de inicio a la subpágina que aborda su intención. Cualquier cosa más allá de eso generalmente significa que su diseño de navegación es confuso o ambiguo.

Jeff Sauro de MeasuringU escribió una excelente publicación sobre lo que debe tener en cuenta al intentar medir el rendimiento de un esquema de navegación. Éstos incluyen:

• Tasa de Encontrabilidad/Tasa de Finalización
• Hora de encontrar
• Variabilidad en encontrar tiempo
• Clic inicial
• Camino al éxito
• Confianza
• Dificultad:
• Los artículos más difíciles de localizar
• Éxito del primer camino frente al éxito del segundo camino
• Razones de la dificultad

Puede leer la definición de cada uno en la publicación vinculada anteriormente, así como sugerencias sobre cómo recopilar los datos para ellos.

Si está buscando informes de análisis de navegación que sean más fáciles de obtener pero no tan detallados, querrá consultar el Resumen de navegación de Google Analytics. Esta joya oculta se puede encontrar en Comportamiento>Contenido del sitio>Todas las páginas en GA. Muestra cómo los visitantes fluyen de una página a otra para que pueda obtener información sobre qué páginas promueven una buena navegación y cuáles actúan como obstáculos para el tráfico.

En última instancia, el objetivo es asegurarse de que su diseño facilite el movimiento de los visitantes y el descubrimiento de páginas que satisfagan la intención del usuario. Cuanto más rápidas y fáciles sean las rutas de navegación para su audiencia, mejores serán sus grandes números de conversión.

4. Atractivo visual

El atractivo visual se refiere a cómo un sitio tiene un impacto holístico en el visitante. La mayoría de la gente está de acuerdo en que el atractivo visual es una función del diseño, la combinación de colores, las texturas, las fuentes y el uso de medios enriquecidos de un sitio. También es la parte más subjetiva de los cuatro principios que componen un sitio de calidad. Esto significa que es el área donde se deben realizar la mayoría de las pruebas y análisis para ver qué esquema agrada a la mayoría de la audiencia.

En su mayor parte, se realizan dos tipos de pruebas para ver qué elementos visuales funcionan mejor para el diseño general de un sitio. Estos son:

• Prueba dividida A/B : en diseño web y marketing, la prueba A/B es un experimento realizado para ver cuál de las dos variantes obtiene una mejor respuesta de una pequeña parte de la audiencia. Por ejemplo, si elige entre dos colores de botones de llamadas a la acción, querrá realizar este tipo de prueba para ver cuál recibe más clics.

Lo mismo podría aplicarse a elementos como las fuentes. Si desea saber cuál de las dos fuentes promueve una mejor lectura, puede ejecutar una prueba dividida para ver qué configuración produce mejores señales de participación. Los tiempos promedio en las páginas y las tasas de desplazamiento hacia abajo son algunas de las estadísticas que querrá verificar.

El Optimizador de sitios web de Google es una excelente herramienta para realizar pruebas A/B. Es de uso gratuito y es relativamente amigable incluso para los webmasters novatos.

• Pruebas multivariantes : si las pruebas A/B le dicen cuál de los elementos singulares funciona mejor, las pruebas multivariantes le dicen qué combinación de elementos promueve el comportamiento ideal del usuario. ¿El color de ese botón va bien con tu fondo y el estilo de fuente? Deje que el comportamiento del usuario le dé las respuestas más honestas.

Al igual que las pruebas A/B, el Optimizador de sitios web de Google es una gran herramienta para este tipo de prueba. VWO y Optimizely también son excelentes opciones.

Herramientas para ayudar a mejorar el diseño y el rendimiento web

Planificar y ejecutar modificaciones en su sitio web puede ser una tarea abrumadora, pero esto no significa que tenga que empezar de cero. A continuación se enumeran las herramientas que pueden ayudarlo a comenzar.

Establecimiento de objetivos y seguimiento :
Establecer objetivos es una parte integral para realizar mejoras en el diseño web, así como realizar un seguimiento de ellos para ver cómo le está yendo. Google Analytics proporciona una configuración completa para crear objetivos para los cambios que desea aplicar. Con GA, puede crear objetivos personalizados, establecer valores, registrar su estado y compartirlos. También puede usar Goals on Track, una plataforma de análisis alternativa para establecer y monitorear objetivos.

Velocidad del sitio y de la página :
Es probable que los cambios que implementará en su sitio y páginas web afecten la velocidad de carga. Puedes supervisar estas dos actividades usando Pingdom, una herramienta que te dice qué tan rápido carga tu sitio, y PageSpeed, una herramienta creada por Google que ayuda a analizar qué tan rápido aparecen tus páginas web optimizadas.

Mapa de calor :
Los mapas de calor en su sitio le permiten determinar las actividades que realizan los visitantes, como clics y desplazamientos, cuando están en su sitio. Le dice a qué lugares van más y qué áreas reciben menos atención. Identificar el mapa de calor de su sitio le dará una idea de los aspectos de su diseño web que la gente consume más. Las herramientas que te ayudarán a monitorear esto son Crazy Egg e Inspectlet.

Hoja de trucos de codificación
La codificación es probablemente una de las tareas más tediosas cuando se trata de implementar cambios en el diseño web. Afortunadamente, existen amplias guías disponibles para codificadores como jQuery, CSS, HTML5 y Javascript para ayudarlos.

Concluyendo

En última instancia, el diseño web es una cuestión de evolución continua. Es bueno ir con el arte y las mejores prácticas en las fases iniciales, pero el análisis y las pruebas deben impulsar el proceso de optimización. Tener una idea de lo que se ve bien y lo que funciona es bueno; saber con certeza con números que no mienten es aún mejor.