Asier Marqués » Usabilidad

Experiencia de usuario en dispositivos móviles para diseñadores web

Asier — Sun, 08 Mar 2009 23:02:17 +0000

Pocas presentaciones de las que he visto últimamente tienen tan buena calidad y provocan tanta reflexión como esta de Rachel Hinman, directora de experiencia de usuario en Adaptative Path, sobre usabilidad en desarrollo de aplicaciones para dispositivos móviles.

Consejos y un nuevo punto de vista a la hora de afrontar el diseño de interacción en este tipo de proyectos, con respecto a los proyectos web habituales.

Mobile User Experience: What Web Designers Need to Know

View more presentations from Rachel_Hinman. (tags: adaptivepath webdirectionsnorth)

Elegant Web Typography de Jeff Croft

Asier — Sat, 01 Nov 2008 11:26:38 +0000

Me ha encantado la presentación de Jeff Croft, de Blue Flavor, sobre tipografía para web.

Merece la pena echarle un vistazo, sobre todo si te preocupa el diseño y la usabilidad para web.

Elegant Web Typography

TimesMachine, la máquina del tiempo del New York Times

Asier — Fri, 23 May 2008 04:25:28 +0000

En el sitio web de New York Times han abierto una nueva sección llamada TimesMachine, en la que sus suscriptores de este periódico pueden acceder a todos los ejemplares publicados desde el número 1, del 18 de Septiembre de 1851.

Los que no somos suscriptores podemos acceder a 6 de estos ejemplares.

Lo que me ha resultado interesante no es solamente la cantidad de información que sirven gracias a los servicios EC2 de Amazon, sino a los grandes detalles en cuanto a usabilidad y experiencia de usuario se refieren.

El menú para navegar a través del tiempo y localizar los ejemplares es sencillamente genial.

Otro detalle increíble aparece al situar el cursor sobre una página del documento. Al hacerlo, nos sale un extracto del texto sobre cada una de las columnas de la misma y un enlace al final que nos permite descargar un pdf de la página que estamos ojeando.

Desde mi punto de vista, este sitio representa toda una lección para los que tengan que afrontar un reto similar a la hora de desarrollar una aplicación web.

Making the Most of Maps, trucos para mejorar la experiencia e interfaz de usuario con Google Maps

Asier — Fri, 18 Jan 2008 10:35:47 +0000

Pamela Fox ingeniera de soporte del servicio Google Maps, hizo una presentación en el Sillicon Valley Web Builder User Experience Bar Cam llamada “Making the Most of Maps”, donde expuso los puntos más importantes para conseguir buena implementación de Google Maps cara al usuario en nuestras aplicaciones web.

[youtube VGazSZUYyf4]

Presentación sobre usabilidad de Daniel Torres Burriel en el Congreso de Webmasters

Asier — Sun, 25 Nov 2007 17:04:10 +0000

Daniel Torres, presidente de UPA Spain, hizo una muy buena y amena ponencia sobre usabilidad en el Congreso de Webmasters. Para los que no pudisteis asistir, la ha colgado en su blog junto a una crónica de todo el evento.

La presentación es la siguiente:

[slideshare id=172443&doc=pensar-en-las-personas-experiencia-de-usuario-en-proyectos-web-1195509825469237-4&w=425]

Técnica para grabar movimientos del ratón mediante javaScript

Asier — Wed, 07 Nov 2007 10:45:35 +0000

En pure.rednoize.com veo un interesante post con un muy buen ejemplo, de cómo grabar los movimientos del ratón de nuestros usuarios.

Para ello usa las librerías prototype, script.aculo.us y un backend en php que es el encargado de guardar los datos (en el ejemplo en un variable de session).

Ésta técnica me resulta francamente útil para recopilar información precisa y real sobre la experiencia de los usuarios que usan nuestras aplicaciones.

Links interesantes

Asier — Mon, 05 Nov 2007 14:47:12 +0000

Ésta es una selección de links que no me da tiempo a postear en profundidad y he encontrado interesantes.

Desarrollo: Microsoft pure code. Desarrolla con tecnologías microsoft, sin abandonar tu plataforma/lenguaje preferido.
Desarrollo: Comenzar con tres conocidos frameworks de php, primera parte del tutorial de Duane O’Brien publicado en IBM
Herramientas de test: mysqlsla (MySQL Statement Log Analyzer). Herramienta para el análisis de logs (slow y generales) de mySQL
Herramientas de test: restTest, herramienta para testear peticiones asincronas via XmlHttpRequest
Usabilidad: Eye-Tracking en Interacción Persona-Ordenador, un muy buen artículo sobre la ténica eye-tracking para testear usabilidad de sitios web

fValidator, validación javascript de formularios pero sin molestar en nuestro código HTML

Asier — Sat, 26 May 2007 17:15:07 +0000

Quien halla tenido que escribir código javascript para una pre-validación de un formaulario antes de enviar la información facilitada en él, habrá comprobado que hay que andar con cuidado a la hora de cambiar el diseño o reutilizar ese formulario en otras aplicaciones o proyectos.

fValidator es una librería que nos permite hacer validaciones en campos de formulario sin tener que añadir eventos a los mismos o capas vacias para mostrar los errores. Simplemente se lo indicamos mediante una clase tipo css class=“fValidate['required']“.

FireDoodle

Asier — Mon, 26 Mar 2007 19:59:53 +0000

Firedoodle es un plugin para firefox que nos permite dibujar anotaciones sobre las webs que visitemos.

Podemos guardarlas y recuperarlas más tarde. Es una herramienta muy útil para presentaciones y estudios de usabilidad.

[youtube KEzjEtFxKuM firedoodle]