Herramientas para evaluar un diseño web

En la línea de otros artículos sobre herramientas y utilidades para testear nuestros sitios web (Google Site Performance: ¿Cómo de rápido es tu sitio web?, Page Speed: utilidad para comprobar la velocidad de descarga de una página, Tres herramientas útiles para webmasters, Aplicaciones de código abierto para Diseñadores Web, etc), incluimos este listado publicado en pixeros.com con siete herramientas para comprobar como de óptimo es nuestro diseño web en cuanto a la orientación que hacemos del usuario hacia zonas relevantes de nuestras páginas web, la velocidad de carga de los elementos de nuestro diseño web, lo óptimo de los menús de navegación, etc.

1. ClickHeat

ClickHeat

ClickHeat es una herramienta visual abierta que permite ver en qué puntos hacen click  más frecuentemente los usuarios, y cuáles permanecen ignorados. De esta forma nos aporta información sobre que elementos pueden ser eliminados para evitar una sobre carga de la página o bien, darnos cuenta de zonas en las que no tenemos los elementos necesarios para llamar la atención del visitante y que consideramos importantes para la finalidad de nuestras páginas web.

Se implementa cargando un JavaScript en el código de la página que queremos testear.

Página del proyecto en SourceForge: Clickheat en SourceForge.net.


2. Crazy Egg

Crazy Egg

Crazy Egg es un conjunto de herramientas para análisis del uso que de nuestras páginas web realizan los visitantes. Entre otras utilidades destacan:

• Confetti: te permite ver quiénes son los que cliquean de acuerdo a factores tales como su sistema operativo y su proveniencia;
• Overlay: te brinda montones de datos sobre determinados enlaces;
• Report sharing: te permite compartir datos con miembros de tu equipo y clientes.

La versión gratuita sólo permite rastrear 4 páginas.


3. Plugin YSlow para Firebug

Plugin YSlow para FireBugs

De este mágnifico plugin que añade al Firebug (imprescinbile para YSlow y para muchas otras cosas…) ya hablamos en Publicación de un web site: 15 puntos a tener en cuenta.

YSlow Firebug es una herramienta gratuita para Mozilla Firefox que te da información sobre los distintos elementos que componen nuestras páginas para evaluar las mismas desde el punto de vista del rendimiento y la optimización de las mismas.

Está basado en las “Best Practices for Speeding Up Your Web Site” de la red de desarrolladores de Yahoo! (Developer Network), escritas inicialmente por Steve Souders, que fue antes Chief of Performance de Yahoo! y actualmente trabaja en Google en performance web e iniciativas open source.

Para bajar: Firebug extension para Firefox (requerido) y YSlow.


4. clickdensity

Clickdensity

clickdensity es un conjunto de herramientas para analizar la experiencia del usuario y determinar facilidad de uso y otras cuestiones sobre  arquitectura de la información presentada en nuestros sitios web. Entre otras cosas, nos da información sobre usabilidad de nuestras páginas web, sobre zonas donde nuestros visitantes hacen más clicks, etc.

La suscripción gratuita te ofrece 5.000 clicks y solamente una página y un sitio para monitorear.


5. ClickTale

Clicktale

ClickTale ofrece gran cantidad de datos referentes al modo como los visitantes utilizan nuestro sitio web: el tiempo promedio que le lleva a un usuario hacer click en un enlace, la proporción entre la exploración y el click, y mucho más.


6.Clicky

Clicky

Otro conjunto de utilidades interesantes para comprobar y testear nuestros diseño web es Clicky. Entre otras funcionalidades, nos permite el rastreo y la monitorización en tiempo real de elementos de nuestras páginas web.


7. Google Analytics

Google Analytics

Uno de los mejores servicios gratuitos que ofrece Google es Google Analytics. Tiene una utilidad llamada Superposición del sitio (Site Overlay), que te nos ofrece, entre otras cosas,  una representación visual de las zonas más populares de nuestras páginas web, donde a tus usuarios les gusta hacer click. También ofrece datos sobre proporción de saltos (bounce rates) y tus principales páginas de salida (exit pages) (para saber cuáles son las páginas que hacen que los usuarios se vayan).

Google Superposición del Sitio

Estas son, pues, algunas de las mejores herramientas del mercado para ayudarte a solucionar problemas y optimizar el diseño de tu página. Finalmente, es la combinación de un excelente contenido y de la manera en que presentas ese contenido, lo que conducirá a un diseño eficiente.

Podéis encontrar un artículo dedicado a estautilidad de Google en el artículo Google Analytics Site Overlay Trick Exposed!

Fuente: 7 herramientas increíblemente útiles para evaluar un diseño web | Blog de diseño grafico – Pixeros.com.

The Herramientas para evaluar un diseño web by AlmacenPlantillasWeb, unless otherwise expressly stated, is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Spain License.