Ðcorbaxeo

Con estas herramientas podrás medir la usabilidad de tu tienda virtual o sitio web y descubrir que el hermoso jardín que para ti es tu web, es para otros una carrera de obstáculos.

⁓ herramientas de usabilidad

⁓ Navflow ⁓

Es un test de usabilidad para comprobar cómo los visitantes de una página web navegan por el contenido del sitio. Determina exactamente dónde el usuario hace clic y qué caminos sigue al navegar por el contenido, en unos minutos.
Puedes probar lo que quieras, desde sitios web a aplicaciones de escritorio, maquetas…
Sólo hay que subir los diseños de las diferentes páginas que componen una sesión típica de navegación en la web y decidir si queremos usar la comunidad de testeadores de navflow o mantener el proyecto privado para que podamos elegir nuestros propios usuarios.
Podemos participar de cualquier test existente en navflow.
Los resultados se muestran en forma de gráficos, de forma intuitiva y sencilla de entender, perfecto para que podamos tomar decisiones sobre alteraciones en la estructura del contenido.

⁓ UserPlus ⁓

Esta aplicación es una buena herramienta de usabilidad: permite registrar nuestros diseños y responder a una multitud de preguntas relacionadas con la usabilidad, obteniendo a cambio una puntuación que nos será de gran utilidad al presentar nuestro trabajo..
Muy útil como plataforma para tener tener bajo control los elementos clave de un buen diseño.
Hay que pedir una invitación para probarlo.

⁓ 20 herramientas para evaluar la usabilidad ⁓

En User Effect, Dr. Pete recoge 20 herramientas para evaluar la usabilidad, en un documento disponible en PDF.

Están clasificadas en 4 Tipos de herramientas de usabilidad:
I. Mapas de calor - Heat Mapping
Asignación de calor- Simples y accesibles herramientas de mapeo de calor que le permiten comprender visualmente el comportamiento del usuario: miden los clics de los visitantes y crean mapas visuales de la actividad del usuario por zonas..
Simuladores de rastreo ocular-
II. Pantalla de grabación – Screen Recording
Grabadores de pantalla – seguimiento de los visitantes a su sitio web para crear un video simulado de cada una de las sesiones de usuario.
III. Pruebas de usuarios -User Testing
Herramientas de pruebas de usuario – simula las pruebas tradicionales de usabilidad, basadas en tareas.
IV. Comentarios del usuario -User Feedback
Comentarios de los visitantes.

⁓ A destacar ClickHeat, ClickDensity o CrazyEgg ⁓

Con las que podemos obtener un buen informe de anlítica web, el Site Overlay (superposición de sitio): ver sobre la propia página el número de clicks que se han hecho en cada enlace.

Con estas herramientas también puedes segmentar los datos y saber qué hace un segmento de usuarios con respecto a otro. Por ejemplo, los clientes contra los que no lo son. O los que vienen por Adwords contra los que vienen por tráfico directo o por los buscadores.

Gemma Muñoz nos ofrece un interesante artículo sobre la relación directa de la usabilidad con la analítica web.

⁓ Protofluid ⁓

Una herramienta interesante para probar tu web en distintos tamaños y navegadores: Sólo tenemos que indicar la url, el dispositivo y el tamaño, mostrando un popup con el resultado.

Con Media queries para CSS3, trucos y consejos para su correcto uso. Una aplicación que se presenta como una aplicación web en HTML5 y CSS3 para prototipado.

Una buena herramienta para quien trabaja con diseño web.

⁓ Conclusiones ⁓

Una vez probadas estas herramientas de usabilidad en tu tienda o sitio web y entendidas las razones por las que los usuarios salen escopetados al primer intento, deberás pasar a la acción.

No hay problema, para ello te he preparado una lista de control de usabilidad con la que tu trabajo será pan comido.

Y en los resultados lo verás.

Venga! Anímate… todo se arrreglará. ;-))

Velocidad de carga: otro factor de posicionamiento SEO.

Con la inclusión de la velocidad de carga en los algoritmos de Google, los SEO se preguntan ansiosos si acabará primando la velocidad sobre la calidad o la relevancia en los resultados de nuestros amados buscadores.

Obviamente no, pero ha llegado la hora de centrase más en la aceleración de los procesos y reducir el peso del diseño y los tiempos de carga.

El gran éxito de los medios sociales y el que la televisión y radio sean tan populares a estas alturas, nos enseña que las interfaces usables e inmediatas siguen siendo caballo ganador.

En términos de velocidad, las interfaces tradicionales siguen siendo el punto de referencia para diseñadores web.

Apostemos por él: Velocidad y Usabilidad.

⁓ Herramientas para medir la velocidad de carga:

Lo primero es saber qué tiempo tarda nuestra página web en cargarse.

Estas son sólo algunas herramientas gratuitas (hay docenas) que puedes utilizar para medir la velocidad de carga tu sitio:

• Yahoo YSlow: Plugin gratuito de Yahoo para Firefox que se integra a Firebug. Evalúa el rendimiento de las páginas web y sugiere formas de mejorar la velocidad de carga del sitio web.

• Pingdom: Herramienta para medir la velocidad de carga. En Pingdom se guardan los registros de las consultas, por lo que puedes compararlas y comprobar el efecto de tus esfuerzos por mejorar el peso y la velocidad de carga de cada archivo. Puedes filtrar la información también por peso de archivo en vez de por tiempo.
  En su blog, Inkilino nos explica detalladamente su uso.

• WebPagetest Pagetest es una herramienta basada en Internet Explorer desarrollada por AOL. Aunque no es recomendable ejecutar directamente, tienen una versión de acceso público, con unos pocos lugares de alojamiento en todo el mundo. Usa un navegador web real para obtener el contenido por lo que es una medida mucho más precisa de la experiencia real del usuario. No es muy ágil, pero muy útil, (y bonita). Muestra una vista en cascada del tiempo de carga de las páginas y una lista de optimización.

• Google Webmaster Tools: La herramienta de Google muestra estadísticas del rendimiento de tu sitio sobre el total de las páginas web del mundo en un cuadro gráfico. Puedes utilizar esta información para mejorar la velocidad de carga del sitio y para ofrecer un servicio más rápido a los usuarios.

• Google Page Speed: Plugin de Google para Firefox que se integra en Firebug, analiza el rendimiento y también da sugerencias para mejorar la velocidad de carga, ofrece una puntuación según los factores que evalúa. Recomendado por Google.

• Web Page Analyzer: El script calcula el tamaño de los elementos individuales y resume cada tipo de componente de la página web, ofreciendo un análisis y recomendaciones.

• Hammerhead: Plugin que se integra con Firebug y muestra el tiempo de carga de las páginas.

• Webwait, una herramienta que crea una media de la velocidad de carga de un sitio web o un blog en diferentes navegadores mediante la creación de un enlace permanente.

⁓ Cómo acelerar la velocidad de carga de tu sitio web para mejorar el posicionamiento en los buscadores, SEO

1. Utilizar páginas HTML estáticas siempre que sea posible, es mucho más rápido y más fácil para el servidor. (Acelerará bastante la velocidad de carga).
2. Reducir el número de imágenes con CSS Sprites, para minimizar las peticiones HTTP. Se trata de combinar todas las imágenes de tu sitio en una, utilizando la propiedad CSS background-posición para mostrar la parte correcta de la imagen. Es muy fácil hacerlo con un bookmarklet llamado SpriteMe.
3. Optimizar las imágenes. Puedes usar un optimizador de imágenes online, como Webresizer. Las imágenes deben llevar texto "alt" y especificar el ancho y alto en el código.
4. Externalizar imágenes, JavaScript y CSS: Reunir todas las reglas de estilo CSS en archivos externos vinculados al html (hojas de estilo). Lo mismo con todo el contenido de Javascript que podemos externalizar (no el de Google Analytics, TweetMeme, etc). Las imágenes deben ser llamadas con reglas CSS.
5. Unir todos los archivos CSS externos en uno sólo: En lugar de un archivo CSS que importe tres, uno grande con el contenido de todos (copiar y pegar).
6. Unir todos los Scripts externos en uno sólo. (Anieto2k explica una buena forma de hacerlo). Esto acelerará bastante la velocidad de carga, si hay muchos.
7. Hojas de estilo en la parte superior. Scripts en la parte inferior. (En el caso de G. Analytics, además sólo contabilizará las visitas que dejen cargar toda lapágina).
8. Comprimir el CSS – Podemos mejorar también la velocidad de carga comprimiendo el CSS, por ejemplo con CSSDrive.
9. Minimizar los DNS Lookups y las redirecciones: Cada nombre de host adicional añade una consulta DNS para buscar su dirección IP, lo que suma un costo de 20-120 milisegundos por DNS. Esto incluye los nombres de host utilizados en la URL de la página, imágenes, archivos de script, hojas de estilo, objetos flash… Reducir el número de nombres de host único reduce el número de búsquedas de DNS.
10. Rutas relativas en vez de rutas absolutas: el servidor no tendrá que volver a establecer una conexión para cada imagen en la página.
11. Añadir un encabezado de expiración con una fecha futura lejana, para el almacenamiento en caché y reducir el número y tamaño de las peticiones HTTP, permitiendo que las páginas se carguen más rápido. (Esto tiene sentido si tu audiencia es mayoría de visitantes asíduos).
12. Comprimir con componentes Gzip: La compresión reduce los tiempos de respuesta al reducir el tamaño de la respuesta HTTP, esto acelera bastante la velocidad de carga.
13. Instalar el WP Super Cache. Es fácil de configurar y es más rápido que WP-Cache. Te permite administrar los archivos CSS y JavaScript por página. Este plugin genera archivos HTML estáticos desde tu blog WordPress dinámico, lo que ayuda a mejorar la velocidad de carga.
14. Optimizar nuestro theme de WordPress. Todas las consultas que tengamos dinámicas hay que ponerlas estáticas. Reemplazar todas las lineas dinámicas del header.php y el footer.php principalmente, (podemos copiar las rutas estáticas de Ver código fuente en el navegador).
15. Evitar las cookies.
16. Tener un buen Hosting, que proporcione la velocidad de carga necesaria, es fundamental para mejorar el posicionamiento SEO. Si es necesario, trasladar el sitio a un servidor dedicado con una conexión más rápida.

⁓ Algo a tener en cuenta:

El botón TweetMeme saca un archivo de JS de tweetmeme.com que a veces tarda más de cinco segundos en cargar. Si tienes unos cuantos en una página… suma.
Cada vez que alguien integra algunos contenidos en una página -YouTube, Google Analytics, Tweetmeme … – el tiempo total de carga de tu página está a su merced.

Desde el punto de vista de la experiencia del usuario vale la pena invertir algo de tiempo en mejorar todo lo que se pueda la velocidad de carga de las páginas web. Pero, sobre todo, para mejorar el funcionamiento global de la Web.

A correr!!

No queremos el Todo Gratis!: Más soluciones y menos leyes

Desde hace tiempo, desde que empezó esto de poder descargarse archivos gratis, se veía venir el problema que ahora tan chapuceramente intentan arreglar unos y otros. Y, cómo no, lo primero es crear confusión.

No sé cómo lo verán los entendidos en estos temas, pero los que leemos, amamos la música, el cine, el teatro… venimos advirtiendo desde antes de las descargas, de lo escandalizados que estábamos todos de sus abusivos e injustos precios. Y además de escandalizados, claro, hartos.

No he visto en tantos años ni la mínima reacción a estas quejas. Ahora sí, todos se quejan y nos llaman piratas, lo menos malo. Pero (hay que ser cerrado), aún no han entendido que, ante su indiferencia, teníamos que luchar. ¿O debíamos privarnos de disfrutar de las obras culturales (los que no teníamos dinero), y llenar los bolsillos de los intermediarios (los que tenían)?

Al final, los perjudicado: los creadores y los amantes de las creciones. Por esto creo que los creadores deberían estar con nosotros y no en contra. Porque no queremos el Todo Gratis. Esta reacción de "pues ahora me lo bajo gratis" ha sido nuestra forma de luchar ante los desvergonzados abusos de las compañías responsables, intermediarios.

En vista de los resultados esta "revolución" no ha cumplido su objetivo: bajar los precios. Así que hemos seguido bajándonoslo gratis. Y me siento orgullosa ya que internet ha sido una herramienta que nos ha permitido luchar contra un sistema injusto, y me ha permitido el acceso a toda la cultura, arte y saber que yo tanto anhelo y amo.

Pero igual que nosotros la hemos usado en nuestro favor, ellos, los creadores, pueden hacer lo mismo en vez de quejarse, cruzarse de brazos, y (lo más absurdo) culpar a Internet de su ruina. Es como echarle la culpa a El Corte Inglés.

Han tardado en entender que antes de poder apoyarnos en Internet, los que teníamos poco dinero, mangábamos discos y libros en los grandes almacenes, no porque tuviéramos morro, sino porque era la única alternativa. Con la llegada de las descargas, los grandes almacenes se habrán alegrado, (algo es algo).

Han tardado. Y ese es el segundo problema que veo. Y ahora me meteré un poquito con los creadores, pero sólo en ésto: Parece que tan preocupados por crear sus obras, no les queda ninguna creatividad para evitar que se nos sangre con el uso de sus creaciones, en cuanto que no mueven un dedo por cambiar el sistema. Parecen decir "que me lo solucione el gobierno", me parece una postura poco creativa, la verdad.

En tanto tiempo no han hecho nada, las pocas propuestas de soluciones razonables que he visto han venido (casi todas), de fuentes ajenas al mundo del arte. Habiendo excepciones y modelos a seguir, como Coldplay, Spotify, Itunes, Radiohead,

No es una solución perfecta, pero tampoco lo es que paguemos el pato los consumidores, cuando ya estamos pagando un injusto impuesto llamado canon de no sé qué. Ni lo es que los creadores no obtengan nada por su trabajo. Ni que se forren los que menos se lo merecen.

Y me parece poco razonable que se pongan contra nosotros, y mucho menos contra Internet, en vez de buscar soluciones. O tendrán que venir otros a hacer negocios en internet?

Hay puntos que a menudo se olvidan, (mayormente quien no tiene ni idea de Internet, p2p, cultura…) Como que los usuarios de p2p a menudo somos grandes devoradores de literatura, cine, música, juegos… Y también hacemos donaciones, aparte de muchas descargas legales y compras en Amazon, Itunes… Y pagamos lo mismo por las pelis subvencionadas que por las que no lo están (es justo?) Por no hablar de la promoción gratuíta que les hacemos, y sin regalito a cambio, (como dice Enrique Meneses en su magnífico artículo que debería leer todo el mundo antes de tratar estos temas)

Lo que pasa es que las muchos no quieren ver que ese tipo de negocio ya no vale y tienen que innovar. Si no lo hacen ellos vendrán de fuera y se comerán el pastel. Como le pasó a Correos: no veía poner un servicio de email, cuando lo tenía todo a huevo, ¡hay que ser miope!, ¡que lo ponga Google!

Mientras tanto se rascan los webis y nos culpan a nosotros.

Y seguimos abiertos a más alternativas pero que se mojen ya! Que miren a Internet de frente! Más soluciones y menos leyes!

No soy entendida en el tema, ni periodista ni escritora. Esto es sólo una opinión personal, aunque hablo en plural, sólo incluyo a las personas conocidas personalmente. Me he permitido expresar aqui mi opinión, sólo porque no me he podido resistir. En fin, perdón por la intrusión y los errores, defectos estilísticos, etc.

• Si quieres leer artículos de calidad, aquí te dejo tres de los más sensatos e inteligentes que he leído:

por Yolanda González, Tinta al Sol: Mi manifiesto
por Eenrique Meneses: Puertas para el campo
por Miguel del Fresno, Quor 2.0: El #manifiesto y el peluquero de Eric Clapton

imagen de Tyrexito