Trucos Optimización » Usabilidad

Optimizar procesos de navegación con el informe de flujo de objetivos de Google Analytics

Daniel Rodríguez — Thu, 02 Feb 2012 08:50:37 +0000

Recientemente he utilizado los informes de visualización de flujos que Google Analytics introdujo con su versión 5, sobretodo me he centrado en el informe de flujo de objetivos. Y concretamente, he utilizado este informe para tratar de optimizar el proceso de navegación típico que los usuarios experimentan en un portal de reserva de hoteles.
En este post voy a explicar como configurar Google Analytics para conseguir informes de flujo de objetivos, y también cómo extraer conclusiones accionables alrededor de los datos recopilados.

Definición de objetivo

El informe de flujo de objetivos es en realidad una versión muy mejorada del informe de embudos de conversión de Google Analytics. Y del mismo modo que para el informe de embudos de conversión, Google Analytics sólo es capaz de respresentar el informe de flujo de objetivos si hemos definido previamente un objetivo.

La web sobre la que vamos a trabajar es un portal para la reserva de hoteles. Así, el objetivo que se establece en la pantalla de configuración de objetivos de Google Analytics es el de llegar a la página de confirmación de reserva.
Adicionalmente, se definen las páginas que intervienen en el proceso de navegación típico desde la home hasta la página objetivo. Estas son: home, ciudad, lista, ficha, disponibilidad y formulario de reserva. En principio, estas son las páginas por las que un usuario pasaria antes de completar una reserva. Sin embargo, y gracias al informe de flujo de objetivos, ya veremos la cantidad de patrones de navegación que se dan más allá de este proceso lineal. Y es precisamente en estos patrones donde se da la oportunidad de optimización.
Para una buena recogida de datos, se pueden utilizar expresiones regulares que sirvan para agrupar bajo un mismo paragüas todas aquellas páginas que pertenecen a la misma categoría.

Una de las grandes ventajas del informe del flujo de objetivos es su retroactividad. Es decir, una vez se configura el objetivo este aplica también para datos históricos. Lo cual no es posible para los embudos de conversión.

Análisis de datos

De entrada, el flujo de objetivos de conversión para las páginas y objetivo que hemos configurado, se muestra de la siguiente manera:

Visualmente se trata de una representación más orgánica que cualquier representación basada en las tablas a las que estamos acostumbrados. El informe es interactivo, pudiendo así explorar y ver el detalle de cada elemento. A grandes rasgos, el informe permite conocer:

Volumen de tráfico según dimensión (fuente de tráfico, campaña, navegador, etc.)
Ratios de abandono de cada camnino
Desde que paso y hasta que paso definido se dirijen los usuarios
Como interactuan los usuarios con el sitio, incluyendo saltos hacia pasos anteriores. Este es sin duda uno de los puntos fuertes de este informe.

Explorando el informe de flujo de objetivos ya podemos extraer gran cantidad de datos y de una manera muy ágil en comparación con otros informes de Google Analytics. Esta agilidad nos ayudará en la extracción de conclusiones accionables.

En este ejemplo, vamos a ver lo que está pasando en el portal de reserva de hoteles:

El ratio de conversión de usuarios recurrentes es del 0,45%. El ratio de conversión de usuarios nuevos es del 0,26%
La mayoría de los usarios, casi un 40%, acceden directamente a la lista de hoteles desde SEO. Otra gran parte de usuarios, un 30%, acceden directamente a la ficha de hotel desde SEO. Es decir, si inicialmente planteamos un proceso de navegación que parte desde la home, este dato ya revela que la realidad no va es así en la mayoría de los casos. Por tanto, vamos a tener que realizar un esfuerzo en cuanto a imagen y valores de marca dentro de estas landing pages si queremos fidelizar al usuario del mismo modo que puede hacerlo la home.
El mayor ratio de abandono se da en la home con un 64%, independientemente de la fuente de entrada. Sin embargo, en cifras absolutas, la mayoría de usuarios abandonan el proceso en la ficha de hotel. Esta información da pie a realizar un estudio pormenorizado de palabras clave tanto para home como para ficha.
Más de 4 de cada 10 usuarios vuelven a ficha trás realizar una comprobación de disponibilidad. Y prácticamente 3 de cada 10 usuarios vuelven a consultar la lista después de haber consultado la ficha. Este es uno de los datos más atractivos en el análisis, y corresponde con los bucles que se dan durante la navegación habitual de los usuarios. Si vemos que la mayoria de usuarios que consultan la disponibilidad, vuelven a ficha trás hacerlo, hay que permitir la consulta de disponibilidad desde la propia ficha. Si un gran número de usuarios vuelven al listado de hoteles después de revisar la ficha, es necesario incluir salidas de página en la propia ficha del tipo hoteles relacionados.
El comportamiento típico de aquellos usuarios que acceden directamente a la lista mediante SEO, es consultar fichas y volver a los resultados de búsqueda de forma iterativa (79%). Sólo un 24% abandona en ficha. El comportamiento típico de usuarios que acceden directamente a la ficha mediante SEO, es abandonar la ficha (63%). Sólo un 10% consulta la lista de resultados, el paso previo natural. Esto demuestra que los usuarios que acceden a la ficha directamente desde SEO, muestran mayor predisposición para volver hacia los resultados de búsqueda orgánicos en lugar de consultar el listado de hoteles propio del portal. Cabe corregir este fenómeno dando mayor visibilidad al listado del portal.
Un 15% de los usuarios recurrentes que acceden a ficha directamente desde SEO, retroceden al listado. Pero sólo un 7% de los usuarios nuevos que acceden a ficha directamente desde SEO, retroceden al listado.
7 de cada 10 usuarios que acceden al formulario retroceden en su navegación para consultar la disponibilidad. El formulario debe permitir la corrección de fechas.
La pantalla de ciudad genera poco volumen de tráfico. Incluso desde la home, la mayoría de usuarios acceden a listado o ficha, sin previo paso por ciudad. ¿Es esta pantalla prescindible? o ¿El tráfico que recibe es de ayor calidad en cuanto a conversiones?

Conclusión

El informe de flujo de objetivos permite tener una idea bastante aproximada sobre el comportamiento real de los usuarios en nuestra web. Conocer la diferencia entre el flujo de navegación ideal y el flujo de navegació real. Encontrar los bucles entre pantallas y replantear el diseño.
Por ejemplo, viendo el patrón más común del portal analizado, ¿Tiene sentido plantear un portal en el que sólo existiesen las páginas de listado y ficha?

Posts relacionados

¿Cómo conseguir más usuarios registrados en mi web? Imitando a Pinterest

Daniel Rodríguez — Thu, 02 Feb 2012 08:15:00 +0000

Hace un par de semanas Business Insider explicaba que el éxito de la red social Pinterest se debía a su proceso de registro de usuarios. Este post es una revisión del artículo original de Busines Insider, poniendo mayor émfasis en aquellos puntos que hacen especial el proceso de registro de Pinterest y justificando por que es un buen ejemplo a poner en práctica.

Pinterest es una novedosa red social donde organizar y compartir imágenes que nos vamos encontrando por Internet y que nos parecen interesantes.
Según Hitwise, el crecimiento de Pinterest tiene cifras de vértigo y a día de hoy recibe alrededor de 40 millones de visitas cada mes. Según comScore, Pinterest ya cuenta con más de 5 millones de usuarios. Y ha generado según Shareaholic un 3,60% de visitas referencia en enero, prácticamente igual que el 3,61% que ha generado Twitter.
Unas cifras para tener un ojo puesto en esta red social recién salida del horno.

Registrarse en Pinterest

Seguro que el servicio que ofrece Pinterest es un factor importante para el crecimiento de esta red social, como también lo serán el cuidado estético y funcional de esta web. Pero seguro que otro de los factores determinantes para el éxito de Pinterest es lo bien resuelto que tienen el proceso de registro de usuarios.

Estos son los pasos a seguir y los aspectos positivos de cada uno de ellos:

Solicitar invitación: el primer paso consiste en dar nuestro email, quedando a la espera de recibir una invitación para formar parte de Pinterest. Tener que esperar una invitación y no poder registrarnos en el momento puede ser visto como una lacra, pero también el sistema basado en invitación puede ser positivo si está dando a Pinterest una imagen de “comunidad VIP” que despierta mayor interés o curiosidad para formar parte.
Email de invitación: pasados un par de días recibimos en nuestro buzón de entrada un email de Pinterest en el que nos informan que para ser usuarios basta con utilizar Facebook connect o incluso Twitter. Siguiendo el enlace que se incluye en el mismo email vamos hasta una pantalla en la que se nos felicita por la invitación y ya podemos registrarnos con Facebook Connect.
Confirmación de Facebook: tras pulsar el botón de FB Connect vemos un mensaje de información sobre Pinterest, pero lo más relevante y útil para convencernos es ver cuantos de nuestros amigos ya utilizan Pinterest.
Nombre de usuario de Pinterest: finalmente debemos introducir el nombre de usuario que queremos tener en Pinterest, pero prácticamente es como si ya formásemos parte de la red social puesto que gracias a FB Connect Pinterest ya muestra nuestra imagen de perfil. El único punto débil aquí es que este último formulario podría recordar el email del que venimos y con el que ya pedimos la invitación.

Conclusión

Si Facebook es la mayor base de datos de usuarios de Internet con más de 800 millones de usuarios registrados ¿por qué tenemos que crearnos nuevas cuentas de usuario allí donde vamos?
Parece lógico que FB Connect sea una opción que no sólo pero siempre debería estar disponible en cualquier proceso de registro de usuarios. Y esto no tiene nada que ver con el hecho de que Facebook nos guste más o menos, sólo tiene que ver con la utilidad real de este servicio. Además, esta integración también ayuda a persuadir a nuevos usuarios si estos ven que algunos de sus amigos ya utilizan cierta web, sea una red social como Pinterest o un nuevo ecommerce que requiere de créditos para ganar confianza y credibilidad en sus primeros días.

¿Cómo optimizar los errores?

Barbara Posila — Thu, 26 Jan 2012 09:15:52 +0000

Errores 404, errores de formularios, resultados no encontrados, avisos de no disponibilidad del producto. Son algunos de los mensajes que nos pueden aparecer en un sitio web para informarnos que ha habido un error. ¿Cómo tratarlos? ¿Cómo no perder al usuario y sacar provecho de ello? En este artículo os voy a hablar de los trucos que he aprendido leyendo Defensive Design for the Web del equipo de 37signals.

Errores 404

Primero hay que tener control sobre cuántas y cuáles de las páginas nos dan error 404. Lo podemos ver fácilmente desde Google Webmaster Tools, entrando en Diagnóstico y Errores de rastreo. Además de un listado de páginas no encontradas, vemos también dónde se encuentran los enlaces a ellas.

Si en cambio queremos tener información sobre las páginas 404 en Google Analytics, os recomiendo 3 métodos: a través de una URL única, a través de pagename personalizado o implementando un evento. Todo muy bien explicado en trucosgoogleanalytics.com en el post Controlar los errores 404 con Google Analytics. Una vez lo tengamos en Google Analytics, os sugiero también crear alarmas para que no se nos escape este tema.

Pues bien, tenemos todo configurado, tenemos toda la información que necesitamos sobre este tipo de errores y ahora toca aplicar algunas buenas prácticas para optimizar las páginas de error 404:

Reducir el número y corregir los enlaces rotos tanto en nuestra web como en las fuentes externas. Puede parecer muy obvio, pero no hay que olvidarlo!
Crear páginas graciosas. No hay nada mejor que utilizar el humor para dispersar la irritación del usuario. Aquí os pongo un ejemplo de la web Fryewiles.com que a mi me gusta particularmente.

Mantener el mismo diseño que en el resto del site para no despistar al usuario.
Incluir el logo de la empresa.
Explicar por qué el usuario está viendo esta página. Poner ejemplo de errores más comunes.
Dar posibilidades de seguir navegando. Proponer enlaces a la home, a una página relevante, incluir el buscador, emails o otras vías de contacto con la empresa.
Y por último, redireccionar las URLs mal deletreadas. Por ejemplo cuando un usuario pone un “w” más (wwww.ejemplo.com) o uno menos (ww.ejemplo.com).

Errores en formularios

Para mi los errores en los formularios son unos de los puntos más críticos en la web. Sobre todo si el objetivo principal de un site se consigue rellenando un formulario (ecommerce, leads, suscripciones). Mi compañero Dani Rodríguez en su artículo 12 Trucos para el diseño de formularios web habla de cómo diseñar un buen formulario. Es vital para evitar que los usuarios no obtengan demasiados avisos de errores. Aquí os dejo unas reglas para seguir:

Destacar los campos con errores y/o poner el mensaje de error justo al lado de ellos. Este es un ejemplo de mensajes de error desvinculados de los campos a los cuales se refieren.

Marcar campos obligatorios u opcionales con asterisco, texto o negrita.
Validar los campos automaticamente para no obligar al usuario a volver a repasar todo el formulario.
Aceptar diferentes formatos de datos, por ejemplo, el formato del código postal, fechas, tarjetas de crédito, etc. O indicar claramente que formato se requiere.
Eliminar botones “Reset”.
Ofrecer texto de ayuda para los campos más complicados o un desplegable para sugerir opciones

Búsquedas sin resultados

Jakob Nielsen en su artículo Search: Visible and Simple dice que si un usuario no encuentra lo que busca en la primera búsqueda, las probabilidades de que logre encontrarlo con las siguientes búsquedas está disminuyendo. La conclusión: mejorar el motor de búsqueda y la página de resultados. ¿Cómo?

Explicar por qué no hay resultados. En el libro Defensive Design for the Web se presenta un caso de Sears. Buscando la palabra “Nike” aparece la información que los calzados no están disponibles en la tienda online.
Anticipar errores comunes y ofrecer sugerencias tanto para las búsquedas mal deletreadas como para los sinónimos.
Incluir el campo de búsqueda para facilitar al usuario hacer los cambios en los términos que busca o en el alcance de la búsqueda.
Ofrecer filtros para refinar los resultados.

No disponibilidad del producto

¿Os ha pasado alguna vez que estabais a punto de comprar un producto, pero sólo después de añadirlo al carrito resultaba que no estaba disponible? A mi sí. Y no ha sido una experiencia agradable. Además siempre me estaba preguntando: “¿Y cuándo podré comprarlo?”. En estos momentos me gustaría que todos los site siguieran estas reglas:

Dejar claro que el producto no está disponible ahora mismo. Y mejor si lo marcamos ya en el listado de los productos.
Informar cuándo estará disponible de nuevo
Aceptar pedidos anticipados
Ofrecer notificaciones por correo electrónico
Ofrecer alternativas / productos similares

¿Necesitas ayuda con la usabilidad de tu web?

En web-analytics.es tenemos expertos en usabilidad web que estarían encantados de revisar tu web y darte las recomendaciones sobre cómo se pueden resolver las incidencias. ¡Contáctanos para obtener más detalles!

Posts relacionados

11 indicadores de usabilidad web

Barbara Posila — Thu, 12 Jan 2012 08:00:58 +0000

Medir la usabilidad de un sitio web es una tarea muy compleja. Sobre todo, porque no podemos hablar de un indicador que nos lo evalúe todo. Más bien se trata de recoger diferentes métricas y compararlas en diferentes periodos de tiempo.

¿Y cuáles son? Os dejo un listado de 9 indicadores básicos junto con la explicación del SUS (System Usability Scale) y del SUM (Single Usability Metric).

9 Indicadores básicos

Cada vez que hacemos una evaluación de la usabilidad web, deberíamos conocer y utilizar las siguientes métricas. La mayoría de ellas se pueden obtener gracias a un estudio de usabilidad presencial o remoto. Sólo 2 indicadores, los encontraremos en nuestras herramientas de analítica web.

Ratio de compleción de tarea. Es una métrica fundamental para medir la usabilidad web. Puede adoptar dos valores: “éxito” o ”fracaso”. Deberíamos empezar por este indicador. Si el resultado no es satisfactorio, las demás métricas ya no importan mucho.
Número de fallos de usabilidad. ¿Cuántos problemas hemos encontrado durante el test? A cada uno se puede asignar también su importancia y la probabilidad de ocurrencia.
Tiempo de compleción de tarea. La duración de una tarea es en realidad un indicador de su rendimiento. Se tiene que medir desde el momento en que el usuario acaba de leer las instrucciones del test y hasta terminar la tarea.
Dificultad de la tarea. Es una evaluación subjetiva del participante del test que nos proporciona justo después de haber realizado la tarea.
Dificultad del test. Después de haber terminado el test, los participantes deberían evaluar su impresión general sobre la dificultad del mismo.
Errores. Hay que apuntar todas las equivocaciones, errores, omisiones o acciones no deliberadas junto con sus descripciones. Más tarde se puede ordenarlas en categorías y asignar un nivel de importancia.
Expectativas. Los participantes pueden también estimar la dificultad de una tarea basándose únicamente en su descripción. Así es posible comparar la dificultad esperada con la dificultad real.
Páginas vistas / clics. Esta es una de las dos métricas que podemos simplemente sacar de una herramienta de analítica web sin tener que realizar un estudio de usabilidad. Existe una correlación entre el número de clics y el tiempo de compleción de una tarea. Y el primer clic es muy importante para determinar si un usuario acabará completando la tarea o no.
Conversión. Ratio de conversión es también una métrica que podemos encontrar en nuestra herramienta de analítica. Al fin y al cabo este ratio es un indicador de efectividad. Es una variación del ratio de compleción de la tarea, sobretodo para las páginas web de los e-commerce.

System Usability Scale

El cuestionario SUS sirve para complementar los indicadores que acabo de mencionar. Fue desarrollado en 1986 como parte de la introducción de la ingeniería de usabilidad a los sistemas de oficina de Digital Equipment Co. Ltd. Su propósito era proporcionar un test fácil de completar, fácil de puntuar y que permitiera establecer comparaciones cruzadas entre productos.

La escala SUS se utiliza generalmente después de que un usuario ha tenido la oportunidad de utilizar un sistema. La escala SUS es una escala de estilo Likert (de 1 a 5) que genera un único número, representando una medida compuesta de la usabilidad del sistema global sometido a estudio. Está compuesta por 10 preguntas:

Creo que me gustará visitar con frecuencia este sitio web
Encontré el sitio innecesariamente complejo
Pienso que el sitio web es fácil de usar
Creo que necesitaría apoyo de un experto para utilizar el sitio web
Encontré las diversas posibilidades del sitio web bastante bien integradas
Pienso que hay demasiada inconsistencia en el sitio web
Creo que la mayoría de la gente podría hacer uso del sitio web rápidamente
He encontrado el sitio web bastante incómodo de utilizar
Me he sentido muy seguro haciendo uso del sitio web
Necesitaría aprender muchas cosas antes de poder utilizar el sitio web

El participante marca si está de acuerdo o no con estas afirmaciones. Para calcular la puntuación del SUS, hay que sumar primero las contribuciones de cada punto (son diferentes dependiendo de la afirmación) Se multiplica la suma de los resultados por 2.5 para obtener el valor global del SUS. El resultado estará entre 0 y 100.

Pero, ¿cómo interpretar los resultados del SUS? Jeff Sauro, después de haber realizado más de 500 tests, mantiene que la nota media es 68. Un resultado más alto significa obviamente un nivel de usabilidad mejor que el promedio.

Single Usability Metric

¿Y si tuviéramos que elegir sólo una métrica? El SUM (Single Usability Metric) nos podría servir como una métrica única de usabilidad. Es una métrica compuesta que tiene en cuenta 4 indicadores de usabilidad: ratio de compleción de tarea, duración de tarea, satisfacción y número de errores.

Además, se puede descargar una calculadora de SUM creada por Measuring Usability.

¿Una métrica o varias?

Para mi es importante tener dos visiones: una global (SUM o SUS) y otra más detallada (9 indicadores). Un SUS, por ejemplo, nos permite efectivamente comparar diferentes webs o el mismo site a lo largo de tiempo, pero no nos dará información sobre qué tenemos que mejorar, o dónde está fallando la usabilidad de la web.

Y vosotros, ¿qué opináis? ¿Hay una métrica más importante que la otra? ¿En qué os fijáis como indicador de la usabilidad de un site?

¿Qué herramienta de test de usabilidad es mejor: Loop11 o Whatusersdo?

Barbara Posila — Thu, 15 Dec 2011 08:00:05 +0000

Como podéis ver en mi último post hay una multitud de herramientas para el testeo remoto de usabilidad. Esta vez nos centraremos en dos de ellas: Loop11 y WhatUsersDo. La gran diferencia entre una y otra es que Loop11 no ofrece (de manera automática) vídeos de las sesiones de usuarios y los comentarios que hacen en voz alta, mientras que WhatUsersDo sí. En detalle, vamos a ver a continuación las diferencias a nivel de implementación, configuración, informes, reclutamiento de participantes y la usabilidad de herramientas en sí.

Loop11

Implementación:

En principio no requiere ninguna implementación en el site que queremos testear.
Por lo tanto, lo podemos hacer también con las webs de la competencia y aprovechar para realizar un benchmarking.
Sin embargo, a veces navegación a través de Loop11 puede afectar el rendimiento y la velocidad de un site. Si en el preview notamos que es así, entonces tenemos que insertar un código JavaScript.
Lo mismo para las páginas protegidas por un Firewall.

Configuración:

Loop11 ofrece un wizzard que nos guía a través del proceso de configuración del experimento. Tenemos que definir por lo menos una tarea para los participantes (Loop11 nos da consejos sobre cómo hacerlo).
Además se pueden crear preguntas desde las plantillas predefinidas y con ayuda de algunos ejemplos muy útiles.
Para cada tarea opcionalmente se puede definir una URL de la página de éxito (donde se supone que el usuario haya completado la tarea asignada).
Permite guardar el test y volver a editarlo en cualquier momento.
Antes de lanzarlo, podemos verlo en el modo preview.
Si lo buscamos bien, encontraremos una opción cómo grabar los vídeos de los participantes a través de OpenHallway. Es una pena que Loop11 no lo ofrece de manera automática. Y además se requiere una cuenta de OpenHallway.

Reclutamiento de participantes:

Existen varias maneras para hacerlo.
A través de un enlace. Lo incluimos en un mailing o en redes sociales por ejemplo.
A través de un pop-up que podemos implementar en nuestra web e invitar a los usuarios que participen.
Aprovechando un panel de usuarios.
Es más, podemos configurar una pregunta de “entrada” para seleccionar a los usuarios que nos interesa testear. Por ejemplo, preguntando si tienen hijos, viven en una ciudad grande, suelen hacer compras por internet, etc.

Informes:

Los informes son muy visuales y fáciles de interpretar.
Pero no tenemos que obsesionarnos con los porcentajes que muestran. Las pruebas de este tipo de test suelen ser muy pequeñas (5 usuarios), así que es casi imposible traducir los resultados que obtenemos a toda la población de usuarios de la web. Lo que nos interesaría por ejemplo, son las impresiones de usuarios, sus comentarios y sus pensamientos que expresan en voz alta cuando encuentran puntos críticos en la navegación. La forma (cuantitativa) de presentar los datos en los informes de Loop11 no corresponde con el tipo de estudio (cualitativo).

WhatUsersDo

Implementación:

No necesita ninguna implementación.

Configuración:

Es menos flexible que Loop11 a la hora de definir las tareas y las preguntas.
Sólo tenemos disponible un campo de texto donde escribimos las instrucciones y las preguntas.
No se puede guardar un test y volver a editarlo.
Permite testear dos sitios web a la vez y hacer benchmarking.

Reclutamiento de participantes:

Existe sólo la posibilidad de utilizar el panel de usuarios de España, Italia, Alemania, Francia, Estados Unidos e Inglaterra
Los participantes se pueden filtrar por sexo y en el caso de los usuarios de Inglaterra también por edad y estatus socioeconómico
Ofrece también preguntas de “entrada”

Informes:

Sólo tenemos los vídeos. Los participantes no escriben respuestas a las preguntas. Contestan durante la sesión y nosotros mismo tenemos que apuntarlas y analizar.
A no ser que hayamos escogido un cuestionario de Website Usability Scale, cuyos resultados aperecen por escrito.
Existe una posibilidad de descargar los vídeos. Están disponibles también online durante 6 meses.
Además, se puede marcar los momentos clave cuando el usuario encuentra un problema o expresa una opinión interesante. Podemos marcar la gravedad de la incidencia (baja, media, alta) y añadir un comentario.

Resumen

Para mi queda claro que este tipo de test pierde valor si no tenemos acceso a los comentarios de los participantes mientras navegan e intentan completar las tareas. Por lo tanto, por mucho que Loop11 nos facilite la tarea de análisis de datos no conseguimos sacar conclusiones interestantes e incluso sorprendentes a través de esta herramienta.

Si os interesa profundizar un poco más, os aconsejo un artículo que compara Loop11 con otras herramientas del testeo remoto: Test remoto de usuarios. 3 herramientas que cambiarán para siempre la usabilidad

¿Y vosotros?

¿Tenéis experiencia con alguna de estas dos herramientas? ¿Podéis compartir con nosotros vuestras opiniones? ¿Os sirve de algo realizar test remoto de usabilidad?

Posts relacionados

6 trucos para incrementar las conversiones web en un 300%

Daniel Rodríguez — Thu, 08 Dec 2011 08:05:25 +0000

Los siguientes 6 trucos estan basados en las conclusiones de estudios realizados sobre sitios web reales.
Los incrementos en conversiones y ventas proporcionados pueden variar en función de cada sitio web pero, a grandes rasgos, las propuestas enumeradas a continuación garantizan una mejora en el ratio de conversión de tu web.
En el fondo, cada una de las sugerencias satisface necesidades básicas de los usuarios como son: la confianza, inmediatez o accesibilidad.

Trucos para incrementar el ratio de conversión

Incluye vídeos
La introducción de un video en la home o la landing page de tu producto puede llegar a incrementar las conversiones hasta un 200%.
En el caso de Buy Real Twitter Followers, el hecho de añadir un vídeo en la home explicando en que consiste el servicio, significó un incremento de ventas del 216% (Sales increased by 216% after adding introductory video).
Por otra parte, la gente de SixPackAbsExcercise se enteró de que sus competidores habían logrado duplicar las ventas gracias a un video explicativo en la web. Así que decidieron probar con un test A/B en el que se incluyó un video de demostración del producto. El video generó un incremento del 46,15% en usuarios que mostraron interés en el producto, y que luego se traduciría en compras potenciales (Video converts and here is the proof: 46% increase in conversion rate).
Un tercer ejemplo, muestra como un par de e-commerce consiguen incrementar las ventas en hasta un 46% gracias a haber insertado vídeos de producto. Lo llamativo de este caso es que el ratio de conversión se ve incrementado simplemente por el hecho de añadir un video, independientemente de que todos los usuarios hayan reproducido sus contenidos (Videos Sell Products – Even If Users Don’t Actually Watch Them)
Evita el CAPTCHA
El uso del CAPTCHA reduce en un 3,2% el ratio de conversión.
Un interesante estudio demuestra la efectividad del CAPTCHA en términos de elemento que sirve como filtro anti SPAM, pero también de elemento que obstaculiza la accesibilidad y la conversión. Como resultado del test, se deduce que utilizar CAPTCHA se traduce en una pérdida del 3,2% de conversiones. Si bien es cierto que reduce un 88% el SPAM, habría que preguntarse si realmente compensa cuando valoramos la gestión e ingresos asociados (CAPTCHAs’ Effect on Conversion Rates).
Reduce la velocidad de carga
Las conversiones descienden un 1% por cada 0.1 segundos de disminución en el tiempo de respuesta.
Un 18% de compradores online aseguran que abandonaron el commerce donde intentaban comprar debido a tiempos de carga lentos. Sin embargo, el siguiente estudio demuestra como la optimización del tiempo de carga puede llegar a incrementar las conversiones en un 66% (Slow Shopping Cart Pages Are Killing Conversions. An Optimized Page Got a 66% Conversion Lift!)
Otra cifra referencia es la que sugiere Amazon, cuando asegura que las conversiones desciende un 1% por cada 0,1 segundos de disminución en el tiempo de carga de una web (Why a Fast Website Kills Two Conversion Birds With One Stone).
Otra de las ventajas de reducir el tiempo de carga de tu página web es que Google lo tendrá en cuenta a la hora de posicionarte en sus resultados de búsqueda. Mientras más rápido cargue una página web, más fácil es que esta ocupe primeras posiciones en los resultados de búsqueda de Google.
Puedes optimizar el tiempo de carga de tu página web con PageSpeed.
Incluye un live chat
El uso de un live chat supone incrementar las conversiones en un 31%.
Ez Texting, un servicio web de mensajería de texto, probó con un test A/B para averiguar si añadir la opción de chat en la página de suscripción incrementaría el número de registros. La versión de página de suscripción con chat consiguió un 31% más de registros que la versión sin la opción de chat (Live Chat widget increases signups by 31%).
Utiliza fotos de personas
El uso de fotos de caras humanas incrementa el ratio de conversión cerca de un 50%.
El componente humano influye positivamente en la toma de decisiones de los usuarios. Reemplazar la imagen de un teléfono por la imagen de la persona con la que vamos a contactar se tradujo en un incremento de las llamadas del 48%. Del mismo modo, en una web de venta de obras de arte, reemplazar una imagen de ejemplo con la una pintura de un artista por la fotografía del propio artista suposo un incremento del 95% de clics (Do human photos on a landing page increase sales and conversions?).
Añade opiniones
Añadir credenciales del tipo opinión de usuarios y testimonios incrementa el ratio de conversión en más de un 30%.
WikiJobs logró un incremento en ventas del 34% por el mero hecho de añadir 3 opiniones de usuarios en su home (How WikiJob increased sales by 34% by A/B testing customer testimonials). Una muestra más de que el social proof es importante para incrementar las conversiones.

Posts relacionados

38 Herramientas para Optimizar tu Web

Barbara Posila — Thu, 01 Dec 2011 08:37:34 +0000

En nuestro blog hablamos muy a menudo de las diferentes herramientas para optimizar las webs y recomendamos varios blogs o sites donde se habla de testeos, usabilidad, optimización de conversión y marketing online en general. Ha llegado un momento que queremos ordenarlo todo y crear un listado para ponerlo a vuestra disposición. Espero que sea útil y lo consultéis con frecuencia.

Herramientas Testeo de Usabilidad

Existen por lo menos dos maneras para abordar los aspectos de la usabilidad web. Primera consiste en análisis experto, es decir un análisis realizado por una persona que tenga conocimiento de usabilidad. Repasamos un listado de buenas prácticas de usabilidad y apuntamos los fallos que tiene nuestro site. Recursos que nos pueden ayudar:

Libros de usabilidad de autores como Jakob Nielsen o Steve Krug
Los artículos de nuestro blog como por ejemplo: 4 reglas de oro para todo call-to-action, 12 Trucos para el diseño de formularios web, 5 pasos para hacer tu web más legible

El segundo método consiste en hacer pruebas con los usuarios. Y cada vez más, estos tests se realizan online, a distancia. Aquí tenemos un listado de las herramientas que nos pueden facilitar esta tarea:

UserTesting.com – Ofrece videos con la pantalla del ordenador del usuario junto con grabación de voz del usuario.
Userlytics – Además de mostrar la pantalla del participante, graba también su rostro y permite analizar sus reacciones al contenido de la web.
What users do – Una herramienta parecida a UserTesting. Nos deja marcar los momentos clave dentro de los videos y poner comentarios.
OpenHallway – Muy parecido a UserTesting y What users do, pero no tiene su base de testers.
TryMyUI – La hermana de OpenHallway, pero con su panel de usuarios.
Loop11 – No ofrece videos, pero sus informes son muy cuantitativos y tiene un precio bastante bajo.
Pidoco – Una herramienta para testear Wireframes sin instalar ningún software.
Chalkmark de Optimal Workshop – Para testear los diseños con los usuarios antes de maquetarlos y lanzarlos.
Navflow - Permite testear rutas de navegación dentro de wireframes.
Usabilla – Una herramienta que combina el testeo de los usuarios con mapas de clics.
IntuitionHQ – Se parece a Usabilla cuanto a las funcionalidades. No ofrece mucha información, pero es barata, rápida y fácil a utilizar.

Y para profundizar el tema un poco más y daros más contexto, recomiendo que leáis este post: Test remoto de usuarios. 3 herramientas que cambiarán para siempre la usabilidad

Herramientas Encuestas

Son las herramientas que nos permiten conocer las opiniones de los usuarios. Nosotros solemos hablar de ellas como de herramientas de Voice of Customer. Hay una multitud de aplicaciones para realizar encuestas online. Sobre algunas ya hemos escrito en nuestro blog: 2 herramientas para recoger la opinión de los usuarios de tu web: SurveyGizmo y 4Q

Las más populares son:

4Q Online Survey de iPerceptions – La combinación entre datos cualitativos y datos cuantitativos, pero poco flexible ya que tiene 4 preguntas fijas por defecto.
KISSinsights – Se lanza directamente en la web y sirve para hacer preguntas cortas acerca de una página en concreto.
SurveyMonkey – Una herramienta de encuestas muy compleja donde podemos crear cuestionarios extensos.
SurveyGizmo - Parecida a SurveyMonkey, pero la encuentro más fácil a usar y analizar los resultados.
Kampyle – Recoge feedback de los usuarios mientras navegan por la web.
Uservoice – Ofrece, entre otras funcionalidades, un foro para recoger ideas de los usuarios.
Feedback Army – Lanza preguntas directas a los usuarios sobre su experiencia en tu site.
Survey de Omniture – Una herramienta recomendable cuanto a las posibilidades de lanzamiento que ofrece (condicionado con eventos, páginas vistas, flujo de navegación, etc.)

Herramientas Comportamiento de usuarios

Este tipo de herramientas son complementarias a las herramientas tradicionales de analítica web. Presentan datos de manera muy visual y fácil de interpretar a través de mapas de calor. Como introducción a este mundo os propongo el artículo ¿Para qué sirve un mapa de clics?

ClickTale - Para mi la mejor herramienta de comportamiento de usuarios a nivel de las funcionalidades (mapas de clic, de scroll, de atención, de movimiento de ratón, análisis de formularios, embudos de conversión, grabación de videos)
CrazyEgg - Una herramienta más limitada que ClickTale, pero también más barata. Ofrece mapas de clic, de scroll, overlay y confetti.
Mouseflow - Entre CrazyEgg y ClickTale cuanto a las funcionalidades y el precio.
Clickdensity - Una herramienta bastante parecida a CrazyEgg, pero con más posibilidades de segmentación de resultados.
Seevolution – Sirve principalmente para generar heatmaps y análisis del tráfico en tiempo real.
Userfly - Permite reproducir una sesión completa de un usuario en tu web.
ClickHeat de Labsmedia - Una herramienta Open Source gratuita para obtener mapas de clics.
Gazehawk – Una herramienta de eye-tracking. No hace falta decir que es bastante cara, pero la calidad de la información es más elevada que en el caso de mapas de clics por ejemplo.
Attention Wizzard – Simulador de eye-tracking que crea mapas de calor de la web.

Herramientas Experimentos

Una vez hayamos recogido la información a través de las herramientas mencionadas arriba, nos tenemos que poner a testear

Google Website Optimizer – Una herramienta gratuita de Google para lanzar tests A/B y multivariante.
Test & Target de Omniture – A parte de ser una herramienta potente de testing, permite además implementar targeting (personalización del contenido según el perfil del usuario).
Webtrends Optimize – Una herramienta de testing (que ofrece test A/B, MVT full factoral y MVT fractional factoral). También se puede utilizar para el targeting.
Optimizely – Muy fácil a implementar y lanzar los experimentos A/B y multivariante.
Visual Website Optimizer – Además de posibilidad de crear experimentos de manera muy fácil (a través de la interfaz de la misma herramienta), ofrece también mapas de clics y varios recursos sobre la optimización y testeo de las webs.
Unbounce – Fácil a utilizar cuanto a creación de variaciones y lanzamiento de test. Recomendable para experimentos con landing pages.

Si os interesa saber más sobre estas herramientas, hace poco hicimos un post que compara dos de ellas: Conoce Optimizely y no volverás a ver Google Website Optimizer con los mismos ojos

Herramientas Website Speed Testing

Y para terminar os propongo 5 herramientas gratuitas para testear la velocidad de carga de la web.

Page Speed Online de Google – Es la versión web de un complemento para Chrome, muy popular entre los desarrolladores web
Pingdom Tools - Una herramienta que nos da información completa a través de los informes sobre por ejemplo la velocidad de carga de cada objeto de la página (imagenes, ficheros CSS y JS).
Free Website Performance Test de BrowserMob – Proporciona informes interesantes a nivel de visualización (gráficos, pie charts). Hace ping desde 4 lugares diferentes para dar una visión global del rendimiento de la web.
Show Slow – Es la versión web de una aplicación open source para servidores bajo el mismo nombre.
Load Impact – Una herramienta que permite hacer simulaciones de velocidad de carga con 50,000 usuarios.

¿Y vosotros qué herramientas usáis? ¿Nos podeís recomendar algunas o compartir vuestras opiniones sobre las que hemos incluido en el artículo?

Posts relacionados

¿Cómo incrementar el CTR de los anuncios de tu web?

Daniel Rodríguez — Thu, 13 Oct 2011 07:10:57 +0000

¿Tienes publicidad en tu web y tu modelo de atribución es CPC? Aprende a incrementar el CTR.

Si queremos que la publicidad que se muestra en nuestra web se convierta en una fuente de ingresos importante más que anecdótica, no basta con poner AdSense o confiar en un par o tres de banners. Hace falta un trabajo metodológico, técnico, creativo y de sentido común para tener una publicidad que funcione.
Pero más importante aún, hace falta un cambio en la mentalidad de nosotros mismos como anunciantes que ayude a cambiar la percepción que nosotros mismos tenemos como usuarios alrededor de la publicidad. Hay que dejar de ver la publicidad como un elemento superfluo que genera ceguera allí donde se sitúa y hay que empezar a ver la publicidad como algo realmente útil y relevante para el usuario. Los primeros que nos tenemos que aplicar el cuento somos los anunciantes, y sólo así cambiará el estigma o percepción negativa asociada a la publicidad. ¿Cómo? Relevancia y apariencia.

Relevancia

¿Qué sentido tiene un banner de un portal de compra y venta de vehículos de ocasión al pie de un artículo de opinión política? Ninguno.
¿Qué sentido tiene un banner de una oferta de vuelos a Roma al pie de una notícia sobre una avería en una central hidroeléctrica? Ninguno.

Aunque sólo son un par de ejemplos reales, la web está llena de casos como los anteriores. No podemos esperar que alguien haga clic en estos anuncios. Dicho de otra manera, el clic en anuncios como estos será una causalidad. Y precisamente en Internet, nos estamos limitando mucho si dejamos que las cosas sucedan por simple casualidad. Internet es precisamente el medio donde tenemos un elevado control sobre todas las variables, lo que facilita mucho dar en el clavo con lo que anunciamos y donde lo anunciamos. Internet facilita ser relevantes y encajar las cosas en su mejor contexto.

En televisión nos muestran publicidad teniendo en cuenta franjas horarias y programación. Por ejemplo, anuncios de coche en las pausas publicitarias de la Fórmula 1. O por ejemplo, hornos de inducción en las pausas publicitarias de programas de cocina. Hay cierta relevancia, dejando a un lado las madrugadas y la teletienda. ¿Queremos que nuestra web sea la teletienda de Internet? No.

Más allá de franjas horarias y programación, en la web podemos ser relevantes con la publicidad que mostramos si tenemos en cuenta lo siguiente:

Contenidos concretos de la página donde mostramos el anuncio.
Categoría de contenidos a la que pertenece la página.
Contenidos previos que cierto usuario haya podido ver en nuestra web.
Sitios web que el usuario frecuenta, además de nuestra web.
Target que visita nuestra web: edad, sexo, poder adquisitivo.
Día de la semana de la visita.
Hora del día de la visita.
Periodo estacional de la visita (vacaciones Navidad, vacaciones de verano, etc.).

Con la combinación de estos segmentos podemos mostrar anuncios hechos a medida. Por ejemplo, un coche deportivo descapotable con un conductor joven conduciendo cerca de la playa y con un copy mencionando un descuento para menores de 30 años. O por ejemplo, un monovolumen siendo cargado por una joven pareja con 2 hijos, abrigados ya que es Navidad, y con un copy mencionando un descuento para parejas con al menos 1 hijo.

Estos dos casos pueden rozar la utopía, pero las posibilidades que ofrece un medio como Internet están para explotarlas. Internet, como ningún otro medio, permite avanzar en esta dirección. Hay que dejar de apostar por anuncios genéricos que no aportan nada, ni a anunciantes ni a usuarios.

Apariencia

Un ejemplo.

Las siguientes 2 capturas de pantalla corresponden a SERPs para dos portales inmobiliarios diferentes. El primero de ellos opta por mostrar un banner relacionado con el sector y lo intercala entre las entradas de la SERP.

El segundo opta por introducir anuncios de Google con apariencia similar a las propias entradas de la SERP.

¿Qué opción es mejor? Ambas opciones muestran anuncios relevantes, pero en términos de apariencia son claramente distintas. La primera tiene un formato tipo banner al que estamos acostumbrados y la segunda tiene una apariencia similar al contenido de la propia web, camaleonico ¿Intenta confundirnos? Ambas opciones son lícitas. Y si el destino al que nos lleva es relevante y útil para mi como usuario, ¿Qué más da la apariencia?

Lo que si tienen en común ambas opciones es que introducen la publicidad a lo largo del propio contenido. Es decir, prescinden de dedicar una zona a contenidos y otra zona a banners. Y esto es una muy buena práctica.
Además, tener las espaldas cubiertas en cuanto a relevancia justificará según que apariencias. Por ejemplo, podemos introducir la publicidad de forma explícita y persuasiva. A lo largo del contenido principal podemos introducir publicidad con textos cómo “Quizá te interesa…”, “Anuncios interesantes…” o directamente “Publicidad útil…”.

En resumen, si la publicidad es contextual no hay motivos por los que ubicarla en zonas de pantalla secundarias, lejos del foco, como si nos diese vergüenza. Es óptimo dar a la publicidad la visibilidad y apariencia que merece. Ya no estamos tratando con contenedores suprefluos y fuera de contexto, sino que tratamos con contenedores que muestran información útil al usuario y que enriquecen la propia web.

Por cierto, nada de pop-ups

¿Qué opinas?

Posts relacionados

Volando con atrapalo.com y su proceso de compra

Barbara Posila — Thu, 15 Sep 2011 14:38:04 +0000

El proceso de compra o más general, el embudo de conversión, es algo que obsesiona a los departamentos de marketing y ventas, y muy a menudos a los expertos de optimización. Una de las primeras candidatas para hacer experimento en la web, es la página de checkout. Es allí donde el usuario está más cerca de la compra. Sin embargo, antes de lanzarse a preparar wireframes y diseñar alternativas, mejor mirar algunas métricas. Cruzando datos de analítica web, con conocimiento sobre la usabilidad, la persuabilidad y unos testeos de usuarios, podemos llegar a unas conclusiones muy interesantes, que, una vez implementadas en la web, nos aportarán mejor rendimiento. El post sobre la metodología de optimización os podría ser de ayuda.

Este artículo sólo va a analizar aspectos de usabilidad y orientación al cumplimiento de tarea (call to action, indicaciones visuales, pasos del proceso de compra) en caso de la web www.atrapalo.com. Claro, no tenemos acceso a sus datos de analítica
¿Preparados? ¡Ahi vamos!

Aterrizaje en la home

Creo que pocos tienen problemas en identificar el próposito de la web de Atrápalo. “Ocio al mejor precio” es una pista suficiente para darnos cuenta a donde nos hemos metido. Vale, ¿y ahora qué? A mi me tienta “un millón de vuelos desde 29 euros”. (¿Acaso no son todos los que pueden ofrecerme porque no tienen ninguno más barato?)

Pero antes de seguir, nos paramos un momento para cotemplar la home www.atrapalo.com. Los señores / las señoras que trabajan en esta empresa seguro que hayan hecho mucho esfuerzo para conducir el usuario a la acción desde el primer momento.

Lo que vemos encima del pliegue (above the fold) es el buscador, ofertas destacadas y suscripción al newsletter. Si bajas por debajo del pliegue, tu vida va a cambiar para siempre. Te encontrarás en medio de enlaces, promociones y destacados, te volverás loco y huirás al polo norte para vivir con osos polares y nunca jamás navegar por la página de Atrápalo.

La home, encima del pliegue, es bastante enfocada para los usuarios que buscan vuelos (el buscador + algunos destacados). Se podría equilibrar el peso entre la venta de los vuelos y otras ofertas:

reorganizando o quitando el menú horizontal
utilizando el espacio vacío ocupado por la caja roja arriba de la página

Escala en SEO-polis

Nos encontramos en la página de la oferta. Y sinceramente, parece más una página orientada a SEO que a la compra.

¿Dónde está call to action?
¿Por qué la imagen ocupa toda la parte superior?
¿Las condiciones de la oferta son tan importantes como para ponerlas antes de los precios y destinos?

Acabamos haciendo scroll hasta el infinito y a los tigres no les gusta hacer scroll! Aghrr! Pero seguimos. Dirección Mallorca

Escape del tráfico

Llegamos a una página con calendario y buscador a la derecha. Y otra vez, si bajamos un poco en la misma página, encontraremos una multitud de ofertas relacionadas, por suerte, con el destino o con el lugar de salida del vuelo. ¿No es demasiado temprano para una venta cruzada? ¿No se irán los usuarios olvidando por qué han llegado a este paso? Nosotros seguimos, ¡sobre todo porque hay vuelos por 6€!

Letra pequeña

Ya que se trata de un vuelo a Mallorca, nos preguntan si somos residentes o no. No creo que para esto haga falta abrir una página nueva. Quizá una ventana tipo pop-up sería suficiente o un radio button. Pero por el camino se ha perdido la llamada a acción. El botón “continuar” queda por debajo de un texto bastante amplio y sin ninguna indicación visual para clicarlo. Curiosamente, en el siguiente paso, lo que antes era 12€ de ida y vuelta, se convierte en 28,98€. Y ni el desglose de precio te ayudará a entender por qué. Además, en ningún momento podemos ver en qué paso estamos y si nos queda mucho para ~~llegar a Mallorca~~ finalizar la compra.

Lo mejor para el final

En las dos últimas páginas, “Tus datos y pago”, se puede ver que el equipo de Atrapalo ha hecho los deberes. Para recuperar tus datos personales iniciando tu sesión del usuario registrado no te rediregen a otra página. Ponen textos explicativos por qué necesitan tu número de teléfono. Te facilitan rellenar los datos para el vuelo con un sólo clic en el enlace “Usar mis datos”.

Sin embargo, los campos obligatorios y opcionales están mal marcados. Algunos, sin asterisco, si se quedan vacíos te dan error y no puedes avanzar.

¿Vamos a llegar a tiempo?

¿Cuánto hemos tardado en hacer la reserva? Yo menos de 7 minutos. ¿Y vosotros? Os recomiendo esta infografía que se basa en un estudio de las webs de varias compañías aereas para ver cuanto los usuarios suelen tardar en reservar el vuelo. El factor del tiempo también hay que tener presente a la hora de diseñar el proceso de compra. Por eso es muy importante incluir funciones que ayuden al usuario, como rellenar los campos automaticamente, indicar errores o formatos en qué se debe introducir información.

Resumiendo… ¿Qué hace bien atrapalo.com y qué podría mejorar?

+ Ofrece un calendario de precios de vuelos – una manera más visual para escoger las fechas y comparar los precios

+ Ayuda rellenar los datos personales a los usuarios registrados

+ Explica por qué necesita tu número de teléfono

- La landing page de la oferta carece de una llamada a acción

- Lo mismo aplica a la página donde se escoge la opción de residentes y no residentes

- El precio final de vuelo difiere del que se muestra al principio del proceso y no se explica por qué

- Los campos opcionales están mal marcados

- El proceso que he analizado conlleva 6 pasos. ¿No es excesivo?

Y al final os recomiendo otro recurso – tal vez os va a servir a analizar vuestros sites. Es una serie de reglas de usabilidad y pesuabilidad preparadas por Userfocus. Incluso podéis descargar un fichero excel con todas estas reglas y poner nota a cada item que se irán sumando para dar una nota general del sitio. Pero primero, adaptadlo a vuestro caso eliminando reglas que no aplican. ¡Espero vuestros comentarios sobre este fichero y el artículo por supuesto!

Posts relacionados

La importancia del diseño centrado en el usuario

Barbara Posila — Tue, 16 Aug 2011 08:39:23 +0000

Antes de escribir este artículo me puse a buscar información sobre el proceso de creación de una página web. Encontré un montón de informaciones, diagramas, esquemas y descripciones de cada fase. Sin embargo, lo que más me chocó, y de hecho de esto tratará mi post, es que la mayoría de estas fuentes no hablaban del user-centered design. Eso quiere decir que el usuario final no participaba en ninguna fase del proceso. En algunos casos sí que aparecían sugerencias para hacer test antes de lanzar la web, pero eran excepciones.

Desvelando el verdadero proceso del diseño web

Lo que suele pasar en caso de los proyectos de la creación de las páginas web es un escenario parecido a lo que presentó The Oatmeal en su gráfica How a web design goes straight to hell.

Al principio reinan el entusiasmo y la excitación.
La antigua web está condenada a pena de muerte por ser la encarnación de todo el mal del mundo.
El diseñador recibe el briefing del cliente.
Presenta su propuesta.
El cliente pide que cambie algunas “cositas” (hasta que el diseño final ya no se parece nada al que presentó el diseñador).
Todo el proyecto acaba desesperando a ambas partes.
Al fin y al cabo, la única cosa que el diseñador y el cliente tienen en común es lanzar la web YA.

He encontrado otro gráfico y cualquiera que alguna vez haya participado en un proyecto de este tipo puede confirmar que en realidad los proyectos se hacen un poco así. Existen dos flujos paralelos – el teórico y el real. Aunque no es una representación de un proyecto de diseño web, se puede encontrar referencias al mismo muy fácilmente. Y fijaros, al final es verdad lo de quejarse tomando copas y los bocetos en una servilleta

El producto final (una web) es a veces el resultado de lo mejor que se ocurre al diseñador. Si tienes suerte, el diseñador se ha basado en tu briefing, la información sobre la compañía, sus clientes y el entorno. Puede ser que se haya mirado las webs de la competencia, que al final se han diseñado también intentando adivinar el mejor diseño para este caso.

Todo esto es para reírse un poco de cómo se realizan los proyectos de desarrollo web, pero el hecho es que las empresas al final reciben una página web que no rinde. Una web que tenía que aumentar tus conversiones y ingresos, pero no lo hace. ¿Es lo que pasó en el caso de tu web también? ¿Por qué? Puede ser por los factores relacionados con la gestión de proyectos, falta de comunicación o directamente mala comunicación. Pero para mi la respuesta es clarísima – falta un actor: el usuario que va a navegar por este site. ¡Piensa en tus usuarios antes de diseñar tu web y antes de lanzarla!

El diseño centrado en el usuario salva el mundo

Seguro que ya te suena este término. Puede referirse a una filosofía y a un proceso. En el centro de la atención está el usuario, en vez del producto / la web. El proceso se centra en factores cognitivos (como la percepción, memoria, aprendizaje, etc.) que entran en juego cuando interactuamos con objetos.

Fíjate en este diagrama del proceso del diseño web en el cual el usuario está presente en cada etapa. Hay un actor adicional, un especialista de usabilidad, que se encarga de incluir la opinión de los usuarios durante el proceso de la creación de una web. No digo que tienes que contratarlo ahora mismo. Quizás alguien de tu equipo puede asumir algunas de sus responsabilidades. Lo importante es involucrar a los usuarios desde el principio.

Te propongo que empieces con dos herramientas para testear wireframes: Navflow y FiveSecondTest. Te ayudarán a detectar problemas del diseño antes de lanzar la web. Y todo el mundo vivirá feliz para siempre.

¿Dónde está el usuario cuando se lo necesita?

Decir que hay que hacer pruebas con los usuarios ya no es nada nuevo. Todos lo saben, pero pocos lo hacen Por lo que me gustaría una y otra vez recordar porque estos test valen la pena.

Las investigaciones acerca de la usabilidad web se centran en 3 niveles:

Comportamiento general del usuario a través de la mayoría de los sitios
Descubrimientos especializados sobre géneros específicos de sitios
Descubrimientos detallados sobre un sitio específico y sus clientes

Quiero que te quedes con una conclusión muy clara: el diseño centrado en el usuario disminuye los costes, aumenta la satisfacción del usuario y el rendimiento del sitio web. Por mucho que leas y apliques las buenas prácticas de los primeros 2 niveles, no podrás identificar los problemas del último nivel sin la participación de los usuarios.