Herramientas de usabilidad y analítica web

Julio 6th, 2010 |

La usabilidad web mide lo intutivo y fácil que es de navegar por una determinada página, la podemos simplificar en tres factores básicos clave que son eficacia – eficiencia – satisfación que estan interrelacionados entre ellas:

Existen numerosas herramientas tanto de pago como gratuitas para medir y poner a prueba la usabilidad de un sitio web. Aquí os dejo algunas de las que más me gustan.

Google Analytics y Google Website Optimizer. La primera es ya todo un clásico dentro de las webs, y la segunda un poco menos conocida pero igual de importante nos vale para mejorar la optimización web.

Website Grader es una utilidad online que realiza informes detallados del SEO y la optimización de una web. Muy buena para arreglar todo tipo de flecos que quedasen sueltos.

Concept Feedback es una herramienta más pensada para diseñadores. Permite subir tus diseños y que la comunidad te los analice para buscar los fallos y en base a ello solucionarlos.

Clickheat nos permite conseguir mapas de calor de cualquier website y en base a ello saber donde hacen click los usuarios de la página.

ClickTale utilidad orientada a la analítica que nos permite registrar y visualizar visitas mediante monitorización de sesiones o mapas de calor. Podemos comprobar los movimientos de ratón de los usuarios, los scrolls… Actualmente esta herramienta es gratuita los 3 primeros meses, luego pasa a ser de pago.

Clixpy es otra utilidad para analítica que nos permite registrar todos los movimientos de ratón que hace el usuario, y en base a ello, podemos evaluar la accesibilidad buscando los puntos flojos.

Feng-GUI otra herramienta gratuita para crear mapas de calor sobre sitios web.

Feedback Army es un test que cuesta 15$ por el que se hacen una encuesta dentro de la página y la responden 10 testers de la herramienta. Orientada a descubrir los fallos principales de usabilidad.

Loop11 es una herramienta de testeo basada en la experiencia del usuario que visita la web; se envian una serie de preguntas con el fin de determinar los puntos fuertes y débiles de la web y un grupo de expertos realizan el testeo de la web y responden a las preguntas.

Morae es un software dividido en cuatro herramientas destinado a test de usuario con perfiles múltiples.

Open Hallway sirve para crear diferentes escenarios de la web a testear, y luego grabar a los usuarios que la usan para en base al video grabado se pueda evaluar los pntos débiles de usabilidad.

Usabilla es otra herramienta online para crear encuestas sobre una web y que los usuarios las respondan.

Userfly otra herramienta que monitoriza las visitas y los hábitos de los usuarios que visitan la web para grabarlo en las estadísticas de la página.

Sí deseas saber más de usabilidad te recomiendo que te pases por “accesibilidad en red (SIDAR)”

Compárteme con el mundo:
  • RSS
  • Twitthis
  • Facebook
  • Meneame
  • Bitacoras.com
  • del.icio.us
  • Print this article!
  • Turn this article into a PDF!
  • E-mail this story to a friend!
  • Google Bookmarks

La retícula

Junio 4th, 2010 |

Me ha gustado esta publicación de Diego Areso que son apuntes de la asignatura diseño de revistas de la Universidad Carlos III.

Para aquellos que desconozcan que es una retícula en diseño, decirles que es un sistema de guías ocultas preestablecidas que ayudan a situar los diferentes elementos de una composición en la maqueta. Herramienta imprescindible en publicaciones grandes como revistas y periodicos pero una gran ayuda para cualquier diseño compuesto de varios elementos.

Compárteme con el mundo:
  • RSS
  • Twitthis
  • Facebook
  • Meneame
  • Bitacoras.com
  • del.icio.us
  • Print this article!
  • Turn this article into a PDF!
  • E-mail this story to a friend!
  • Google Bookmarks

¿Qué sabes de la creatividad?

Abril 22nd, 2010 |

Muy interesante este video sobre la crestividad. A disfrutarlo.

Visto en: http://www.ideacreativa.org

Compárteme con el mundo:
  • RSS
  • Twitthis
  • Facebook
  • Meneame
  • Bitacoras.com
  • del.icio.us
  • Print this article!
  • Turn this article into a PDF!
  • E-mail this story to a friend!
  • Google Bookmarks

Marketing de guerrilla. ¿Qué es?. Las claves y ejemplos

Abril 9th, 2010 |

Para todos los que trabajamos en áreas de publicidad es común oirnos hablar del término Marketing de guerrilla. Aunque su nombre suene así un poco, digamos militarista, no tiene nada que ver con ello. Este término fué acuñado por Jay Conrad Levinson en 1984 en un libro con el mismo nombre.

La situación global.

Vivimos en un mundo donde la publicidad nos invade, se calcula que una persona puede llegar a ver al día más de 1500 publicidades distintas en todos sus formatos. La publicidad convencional (prensa, radio, televisión, internet..) puede ser demasiado global; aunque al realizar una campaña publicitaria en cualquiera de esos medios se trata de dirigirla hacia un publico objetivo concreto, resultan muy globales y que necesitan de una gran cantidad de reproducciones (incrementando el costo) para tener un éxito en la campaña.

¿Qué pretende el márketing de guerrilla?

El márketing de guerrilla se centraliza en llevar a cabo acciones, cuanto más ingeniosas e innovadoras mejor, que, traten directamente de llamar la atención, incluso de causar expectación en saber que es lo que esta viendo o lo que está sucediendo. El márketing de guerrila trata de conseguir los objetivos planteados de márketing a través de medios poco convencionales. En muchos casos, con más imaginación e ingenio que con recursos económicos. Este márketing trata de captar la atención del público, de los medios de comunicación, en definitiva de una acción concreta donde luego sea comunicado por el boca a boca o por diferentes medios hablandod e el (por ejemplo la prensa).

Diferencias márketing convencional con márketing de guerrilla.

El márketing convencional suele ser más costoso económicamente. El márketing de guerrilla suele valer menos economicamente pero sí suele invertir más tiempo y dedicación. Este márketing suele estar dirigido sobre todo a empresas pequeñas o medianas, que no gocen de unos grandes presupuestos destinados a publicidad.

El márketing convencional sigue desde un principio a un fin.  Puede ser una amplia campaña en prensa o radio, que incluso tenga varias partes. El márketing de guerrilla no; suelen ser acciones cortas y consecutivas, tratando de conseguir la máxima eficacia en cada una de ellas. Funcionan como la guerra de guerrilla; llegamos atacamos, conseguimos el objetivo, nos retiramos, preparamos el proximo objetivo.

Las premisas o puntos de partida del márketing de guerrilla.

- Que se dirigan a todos los sentidos del objetivo.

- Que se ciñan al sentido o eje de comunicación de la empresa, no distorsionando su filosofía.

- Que se basen en hábitos y costumbres del público objetivo, no alejandolos de de sus actividades cotidianas (20 segundos de atención en la calle pueden llenar más que 20 anuncios en prensa).

Ejemplo de campañas en imagenes:

yoga

post1661_guerrilla21

post1661_guerrilla17

post1661_guerrilla7

cirugia

2393112985_81706d276e_o

2126373867_33bea462c4_o

2122277233_f134f5a8ff_o

2121946725_afffa54ce5_o1

334090398_fe6c3df28b_b

Ejemplos en video:

Y ya un ejemplo de campaña mucho más grande y con más recursos pero de guerrilla al fin y al cabo

Compárteme con el mundo:
  • RSS
  • Twitthis
  • Facebook
  • Meneame
  • Bitacoras.com
  • del.icio.us
  • Print this article!
  • Turn this article into a PDF!
  • E-mail this story to a friend!
  • Google Bookmarks

Crear cintas adhesivas en Photoshop

Febrero 18th, 2010 |

Voy a ir pasando al blog una serie de tutoriales que tengo hechos, colgados por varios foros y páginas, pero, que los tenía guardados como imágenes, así que me toca rescribirlos uno a uno para pasarlos al blog. Empezamos por un tutorial bastante simple de cómo crear una cinta adhesiva en Photoshop y que nos quede de un modo más o menos realista, este tutorial debe tener ya unos 4 o 5 añitos desde que lo hice.

1º Empezamos abriendo la imagen sobre la que queremos crear la cinta adhesiva y ampliando un poco el tamaño del lienzo (imagen – tamaño del lienzo) para tener unos bordes sobre la imagen donde poder pegar la cinta.

2º Creamos una selección rectangular con el marco rectangular. Luego, con la herramienta lazo borramos (restamos de la selección) algunas zonas del rectángulo para que queden unos bordes rasgados propios de cortar la cinta adhesiva.

3º Creamos una capa nueva y rellenamos la selección con un gris al 50%. He ocultado la foto para que el proceso en las imágenes sea más descriptivo.

4º Ahora toca pintar un poco sobre este gris al 50%. Para ello usaremos las herramientas sub y sobreexponer con la función de dar algunas sombras y luces al gris. Ambas herramientas úsalas sobre los grises medios y a baja opacidad, haz 2 o 3 pasadas sí con una no te llega.

5º Filtro – artístico – plastificado. Hay que jugar un poco con los valores hasta tener un resultado visual que más o menos te agrade. El resultado que obtendrás con este filtro depende mucho de cómo hallas aplicado las luces y sombras del paso anterior; sí no te gusta el resultado jugando con el filtro, rehaz las luces y sombras.

cintas-adhesivas-1

6º Sí has ocultado la capa de la imagen sobre la que aplicar la cinta, es el momento de ponerla de nuevo visible. Ahora solo queda bajar la opacidad de donde está dibujada nuestra cinta adhesiva hasta que tenga un resultado creíble. Yo he dejado la opacidad al 50% en la imagen final para que el efecto quedase más marcado, aunque en condiciones prácticas lo bajaría aún más. También, después de bajar la opacidad, puede que quieras jugar un poco con tono-saturación o curvas para adaptar la cinta un poco a la imagen sobre la que la has puesto.

cintas-adhesivas-2

Compárteme con el mundo:
  • RSS
  • Twitthis
  • Facebook
  • Meneame
  • Bitacoras.com
  • del.icio.us
  • Print this article!
  • Turn this article into a PDF!
  • E-mail this story to a friend!
  • Google Bookmarks
banner. Evolucionando con el diseño