Iván Louzán – Opinguino

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)”

http://quewifi.es es un proyecto colaborativo destinado a crear , mediante Google Maps un mapa interactivo de las redes wifi abiertas disponibles en España. La idea es que los usuarios vallan añadiendo aquellas redes abiertas disponibles que se encuentren para crear un mega mapa y tratar de buscar una conexión wifi halla donde te encuentres.

Una muy buena iniciativa que esperemos prospere adecuadamente.

Analizando los datos de mi ciudad, Coruña, me resulta simplemente vergonzoso y ridículo que una ciudad como esta, no disponga ni de 10 puntos de zonas de “libre conexión” para los ciudadanos; parece que la tecnología todavía no ha a los coruñeses, y que, seguimos a la cola de la evolución tecnológica.

VMN Toolbox es una aplicación gratuita muy poco conocida, pero, que un día me llamó la atención; desde ese momento es imprescindible en mi PC. Aparece como una barra flotante, tipo widget de windows vista y es un pequeño menú con varias aplicaciones independientes muy útiles:

- Notas sobre el escritorio. La típica notita sobre el escritorio en la que te puedes apuntar diversos recordatorios, aparte, la nota la puedes ocultar y desplegar cuando quieras con un simple clic. Puedes crear más de una nota sí es necesario.

- 2 reglas una horizontal y otra vertical. Para mí,  la parte más grande de este programa. Son dos reglas muy precisas, que las mueves a voluntad por la pantalla y miden en px exactos. Las uso muchísimo, para maquetar en web ya no hay que calcular ni un margen ni un relleno; ya no tengo que andar moviendo las reglas de los programas… para mi, se han convertido en imprescindibles y de uso prácticamente a diario.

- Capturador de color. El popular tintero tipo photoshop pero para cualquier punto de la pantalla.

- Capturador de pantalla. Que guarda en JPG o BMP. Aquí echo en falta el PNG en algún momento pero generalmente con grabar en JPG suele ser suficiente. Aparte, podemos regular la calidad del JPG en cada captura.

- Lupa. Una lupa para ampliar aquellas partes que necesitemos ampliar muy rápidamente. Se complementa bastante bien con los programas de diseño (photoshop, illustrator…) y nos evita tener que usar el zoom para una cosa expecífica y luego reducirlo.

- Radio. Solo la he usado un par de veces, porque no suelo escuchar emisoras de radio por internet, ya que prefiero servicios de música bajo demanda y elegir yo mismo lo que va a sonar, pero, para los que le guste la radio propiamente dicha, es una opción.

Podéis descargaros esta genial herramienta desde la web: http://toolbox.vmn.net/

Peter Ammentorp Lund ha dejado en su cuenta en Vimeo un interesante video de como crear un avatar en photoshop. Ya me parecía que tardaba demasiado alguien en publicar un tutorial de como se hacía.

Birth of an AVATAR from Peter Ammentorp Lund on Vimeo.

Una de las claves para el éxito desde el inicio de cualquier proyecto web es la realización de un correcto briefing al cliente. ¿Qué es un briefing?, pués básicamente una serie de preguntas que tienen un objetivo claro;  conocer al cliente y a  la empresa, descubrir sus necesidades y como satisfacerlas.

Cada diseñador o empresa, dispone de un briefing propio, acorde a sus necesidades, conocimientos o simplemente a lo mejor que lo ha podido desarrollar. Tras algunas pruebas y la experiencia adquirida hoy en día, realizo el siguiente briefing para los clientes que quieren realizar una web.

Nombre de la Empresa/contacto

Dirección

Teléfono/mail

1º Categoría web:

1a- ¿A qué categoría de negocio pertenece la empresa?

1b- ¿Cuales son las particularidades de esta categoría?

1c- ¿Quiénes son los líderes del sector?

1d- ¿Qué los hace diferentes?

2º La empresa en el mercado:

2a- Describa cuál es el problema de la empresa/producto

2b- ¿Cuales son las virtudes?

2c- ¿Cuál es la diferencia de su marca frente a otras marcas/productos?

2d- ¿Dónde está su empresa en el mercado?

2e- ¿Qué mensaje está tratando de entregar a sus clientes / usuarios finales / y demanda?

2f- ¿Qué tendencias o cambios afectan a su línea de negocio?

3º La empresa:

3a- ¿Cuando fue creada?

3b- ¿Qué se busca transmitir con el nombre y el logo que la representa?

3c- ¿Cuentan con un manual de identidad gráfica? (tipografías, colores, etc.)

4º Acciones en la comunicación:

4a- ¿Hacen publicidad?

4b- ¿En qué medios?

4c- ¿Qué mensaje buscan transmitir a través de la web?

4d- ¿Cuál es el target? (sexo, edad, profesión, perfil, etc.)

4e- ¿Ya desarrollaron acciones en internet? ¿Cuál fue el resultado?

4f- ¿Cómo mide el éxito de una página web?

5º Internet:

5a- ¿Cuál es el objetivo de su página web?

5b- Qué sitios web de la competencia ¿no le gustan y por qué?

5c- Qué sitios web de la competencia ¿le gustan y por qué?

5d- ¿Qué colores y estilo prefiere?

5e- ¿Qué papel deben desempeñar los gráficos y fotos en su sitio web?

5f-¿Qué papel desempeñarán los textos en su sitio web?

5f- ¿Qué otro tipo de directrices tiene usted con respecto a su sitio web?

Una vez recopilada toda esta información, de seguro que será mucho más facil encaminarse a la creación de su página web y saber por donde van los tiros. Es evidente que faltan preguntas dirán muchos, es posible, como dije cada uno usa su propio briefing, para otros es posible que sobren la mitad.

También, he de decir que este briefing, generalmente lo hago despues de analizar las necesidades del cliente, es decir, en una reunión inicial se comentan las necesidades del cliente, analizar que es lo que quiere, aconsejarle y recomendarle de como ves su idea y que cambiarías. Después, de conocer y evaluar sus necesidades, es el momento de presentar el briefing.

La realización de este briefing, no sigue un orden especifico, es muy posible, que tras analizar al cliente muchas respuestas ya esten respondidas, por lo cual, sol nos quedaría completar lo que falta. Generalmente, no suelo seguir un orden establecido a las preguntas, prefiero que vallan surgiendo solas, y a medida que avance la conversación, siempre ir completando las respuestas.