Categorías: Herramientas, Usabilidad

38 Herramientas para Optimizar tu Web

Publicado el 01 diciembre 2011 por .

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?

10 Comentarios

  1. Rémi Dice:

    Hola,

    Dentro de los Herramientas Experimentos, te invito a añadir http://www.abtasty.com
    Es el primer Herramientas de testing desarollado por una empresa europea.
    Dentro de poco nos vamos a traducirle en castellano.

    Rémi

  2. Daniel Rodríguez Dice:

    Gracias por la recomendación Rémi ;)
    AB Tasty tiene buen aspecto. ¿Qué ventajas ofrece respecto a otras herramientas de test tipo WYSIWYG como Visual Website Optimizer o Optimizely?

    Un saludo.

  3. Rémi Dice:

    - Tenemos un interfaz de reporte mucho mas avanzadas. Podemos filtrar con cualquier aspectos (Palabras claves de procedencia, pagina de destinación, navegador etc…)
    - Ademas, en nuestra interfaz la información es mucho mas destacadas así que es útil para los non geek pero igualmente para los usuarios avanzados.
    - Por fin, dejamos la posibilidad de guardar en linea la variación que quieres. Así que cuando tu prueba se acabo, no necesitas intervención de tu webmaster. Eso sin gasto.

  4. Barbara Dice:

    Suena bien! Vamos a echar un vistazo. ¿Vais a proponer también alguna opción de behavioural targeting? En mi opinión es lo que falta en el mercado actual. Una herramienta fiable y eficaz de targeting… Saludos!

  5. francisco Dice:

    Me gusta este blog, muchas gracias por compartir estas herramientas

  6. Adams J Ruiz Dice:

    Les muestro una herramientas de experimentos nuevo que pueden incluir en este o otros artículos, se trata de 7 A/B Test, en http://7abtest.com esta herramienta se puede instalar en el propio servidor web, con esto proporciona mucha flexibilidad, ademas de poder hacer registrar datos en a/b test en donde las otra opciones no del mercado no son buenas, como lo es medir el tiempo de visita como un factor de conversión, y otras opciones, es muy interesante, ademas de que se puede descargar gratis.

    El mundo del a/b test es muy fascinante, yo recomiendo usar solo a/b test o a/b/z test para tener máyor control sobre lo que esta pasando, y dejar el multivariante para casos muy específicos.

    Y por otra parte recomiendo las encuestas pequeñas incorporadas directamente en la misma pagina web, algo así como lo hace la wikipedia para evaluar la calidad de sus artículos…

  7. Jose Alfonso Suárez Moreno Dice:

    Buenísimo. Gracias.

  8. Funomy Dice:

    En el blog de Funomy en http://www.funomy.com/blog se publican entradas sobre técnicas de optimización Web (WPO) que pueden ser útiles para mejorar la experiencia del usuario y acelerar la Web.

    Esperamos que os resulten interesantes.

    Saludos.

  9. Barbara Posila Dice:

    Gracias por la recomendación. Echaremos un vistazo.

  10. Mónica Dice:

    Hola, os dejo una muy sencilla pero muy buena para optimizar la velocidad. Lo que hace es reducir el tamaño de los elementos estáticos como imágenes, js, css, etc. http://optimizesuite.net/

2 Trackbacks

  1. 38 Herramientas para Optimizar tu Web | apuntes Dice:

    [...] http://www.trucosoptimizacion.com/index.php/2011/12/01/38-herramientas-para-optimizar-tu-web/ Me gusta:Me gusta Cargando… Esta entrada fue publicada en Uncategorized. Guarda el enlace permanente. [...]

  2. Importancia de una web optimizada, Internacionalizar vs Multilingüismo y E-commerce | Enpresakide Dice:

    […] temas. Por un lado terminamos con la parte de analítica web, después nos metimos en el tema de optimización web y finalmente hablamos sobre […]

Deja tu comentario