Mercadotecnia Interctiva

OPTIMIZACION DE WEB

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.

PRISMA DE LA COMUNICACIÓN

¿Qué es “The Conversation Prism”?

Desarrollado en 2008 por Brian Solis, “The Conversation Prism” es un mapa visual del paisaje de los medios sociales. Se trata de un estudio en curso en la etnografía digital que rastrea las redes sociales dominantes y prometedoras y las organiza por como se utilizan en la vida cotidiana.

Puede utilizar el poster “The Conversation Prism” en un número de maneras …

1. Muestre a su equipo ejecutivo que los medios sociales no son una moda pasajera y que es más grande que Facebook, YouTube, Twitter y Pinterest

2. Compartir con su equipo para motivarlos en las nuevas formas de pensar acerca de los medios sociales

3. Celebrar que está en el mapa

4. Estudiar el paisaje para planificar su próxima estrategia en los medios sociales

5. Mostrar al mundo que aprecia el arte

6. Dé como regalo a todos sus conocidos que ama las redes sociales o que tiene que aprender a amarla

7. Brian Solis y Jesse Thomas han creado una impactante pieza de información gráfica llamada “The Conversation Prism: The Art of listening, Learning and Sharing” .

8. “El Prisma de conversación” clasifica y categoriza una amplia gama de aplicaciones web de social media: redes sociales, marcadores sociales, etc.

9. Las aplicaciones representadas por sus logotipos están organizados en una estructura circular, parecido a una flor,

...