Una nueva portada y dos técnicas útiles: ‘responsive design’ y ‘unobtrusive JavaScript’

Para la nueva portada del sitio web he utilizado dos técnicas que deberían ser conocidas por cualquiera que se dedique al diseño de webs.

He dedicado los últimos días a crear una nueva home para este mi sitio web personal con el objetivo de simplificar un tanto su contenido y clasificar la información disponible en tres grandes grupos: quién soy, qué hago, y qué escribo. También quería que su diseño reflejara en cierto modo a lo que me dedico, dándole un aspecto parecido al de un boceto o prototipo.

Nuevo aspecto de la home de jordisan.net

Sin embargo, la parte más interesante del nuevo diseño ha sido la posibilidad de utilizardos técnicas que facilitan que la página sea usable y accesible para el máximo número posible de usuarios: ‘responsive design’ y ‘unobtrusive JavaScript’.

(more…)

Usabilidad en formularios de contacto: el caso de Jazztel

El formulario de contacto de Jazztel sirve como ejemplo de los problemas de usabilidad que podemos encontrar en las páginas de ese tipo, por sencillas que parezcan.

El formulario de contacto de un sitio web tiene características que lo diferencian del resto de páginas. Para empezar, se exige un esfuerzo extra al usuario que debe rellenar los campos del formulario, un trabajo (tanto físico como mental) mucho mayor que una simple navegación; además, la actitud del usuario hacia el sistema en ese momento es, probablemente, lejos de ser neutra: puede tratarse de alguien enfadado queriendo notificar una queja, o alguien enviando una sugerencia para mejorar el funcionamiento del sitio web. En cualquier caso, es muy deseable poner los mínimos obstáculos posibles entre la intención inicial del usuario y el envío efectivo del formulario.

Con todo eso, ¿qué problemas puede tener el diseño de un formulario de contacto? Se incluyen los campos para la información que se desea, un botón de enviar, y ¡listos! ¿No es así? Desgraciadamente (o por fortuna), el diablo está en los detalles, algo que es muy cierto en el diseño de interfaces.

Como ejemplo, veamos el formulario de contacto (“hogar”) en la web de Jazztel:

Errores de usabilidad en el formulario de contacto de Jazztel

(more…)

‘El botón de los 300 millones de dólares’, en VLCTESTING

Resumen de la charla sobre usabilidad dentro de VLCTESTING 2011, un evento sobre calidad y testeo de software que ha tenido lugar en Valencia.

El pasado jueves, 10 de noviembre, tuve ocasión de dar una charla titulada ‘El botón de los 300 millones de dólares. Qué es la usabilidad, y por qué debo preocuparme por ella.‘ dentro de VLCTESTING 2011, una jornada sobre calidad y testeo de software organizada por el ITI en Valencia. En el enlace tenéis un resumen de lo tratado y las diapositivas (PDF) utilizadas para la presentación.

Imagen de VLCTESTINGLa charla toma el título de un artículo de Jared Spool en el que explica el caso de un pequeño rediseño en un formulario de pago (básicamente, modificando un botón) que supuso un beneficio extra de 300 millones de dólares anuales para la empresa. Tomando eso como referencia, la presentación empieza por una pequeña introducción a lo que es la usabilidad, para después mostrar algunas cifras y casos concretos que sirven de ejemplo de la rentabilidad de invertir en usabilidad, y dar un par de consejos sobre cómo conseguirla; se incluye también una pequeña referencia a la accesibilidad web y una breve reflexión final.

¿Estás seguro de que tu producto o sitio web no es como uno de estos malos ejemplos de usabilidad? 

Esta intervención contrastó en cierta medida con las del resto de la jornada, dedicada en su mayor parte a las técnicas de pruebas de software y a la gestión de ese tipo de tareas. Es curioso que todo el mundo de la usabilidad (y sus pruebas) sea tan ajeno e independiente al resto de pruebas de software, cuando tienen mucho más en común de lo que pudiera parecer en un principio, y podrían beneficiarse mutuamente si se gestionaran de manear conjunta. Espero escribir sobre eso en algún momento…

Más allá del cuchillo de palo (artículo sobre DCU en Interacción 2010)

"En el presente trabajo constatamos la necesidad de disponer de herramientas que integren diferentes técnicas de ingeniería de usabilidad para mejorar su efectividad, y posteriormente presentamos un prototipo de un desarrollo en ese sentido que ha sido utilizado en proyectos reales y que representa un primer paso para la elaboración de herramientas más completas".

Aquí tenéis el contenido de la presentación y el artículo (escrito junto a dos profesoras de la UdL) sobre una herramienta para Diseño Centrado en el Usuario (DCU) con que participé en el pasado congreso Interacción 2010 en Valencia.

“Más allá del cuchillo de palo: hacia una herramienta integrada para un verdadero diseño centrado en el usuario”

artículo (PDF, 525 KB)

presentación (PDF, 845 KB)

(more…)

Un email para gente mayor

Una interfaz ultra-sencilla para los programas de correo electrónico facilitaría que personas de edad avanzada utilizaran ese sistema de comunicación. ¿Existe algo así?

Scott Adams es conocido por ser el autor de las tiras de Dilbert; pero además es una de las mentes más brillantes de las que he leído en Internet, como demuestra a menudo en su blog.

Precisamente en su blog publicaba hace ya algún tiempo el artículo E-mail for Senior Citizens (“E-mail para ciudadanos mayores”) en el que proponía un software que actuara como una capa de interfaz sobre los sistemas habituales de correo (como Gmail), ocultando los innumerables detalles y funcionalidades de esos sitios, ofreciendo a los usuarios de edad avanzada una interfaz muy, muy simple. Estas son las características que proponía:

  • Tres grandes botones: “LEER”, “ESCRIBIR” y “OTROS”.
  • No necesitar doble-click para ninguna acción.
  • Recibir únicamente correos desde direcciones existentes en su agenda, evitando así el spam.
  • Abrir automáticamente los anexos.

Por supuesto, otros usuarios podrían realizar tareas de soporte, como por ejemplo incluir nuevas direcciones en su agenda.

Scott Adams no es ningún experto en accesibilidad, pero vemos que, con un poco de sentido común y buenas intenciones, es posible idear un sistema que facilitaría que gente de edad avanzada pudiera comunicarse con sus allegados mediante el correo electrónico. Estoy seguro de que casi todos podemos pensar en alguien que conocemos que no utiliza actualmente el e-mail, pero que posiblemente lo hiciera si pudiera utilizar un sistema como el descrito más arriba.

La cuestión es: no parece que un sistema de ese tipo fuera excesivamente complicado de implementar. Entonces, ¿por qué no existe todavía? Y si existe, ¿por qué no es más popular? A veces las ideas más sencillas son las más poderosas.

Una de las tiras de Dilbert, protagonizada por su madre

Lo que la usabilidad no es

Un extracto de diferentes textos en los que se ha utilizado el término "usabilidad" de un modo incorrecto.

El término “usabilidad” se ha convertido (no hace falta decir que por desgracia) en uno de esos que, sin conocer exactamente su significado, se le cuelga a cualquier producto tecnológico para que parezca lo suficientemente sofisticado; otros que le han precedido ya no nos dicen nada: alta fidelidad, modular, multimedia, 2.0, … Casi forman parte de eso que algunos llaman economía de la cancamusa.

Tira cómica sobre 2.0 

Por eso es importante no perder de vista cuál es su verdadero significado. Es fácil encontrar definiciones más o menos oficiales de usabilidad, pero podemos quedarnos con que se trata, básicamente, de que los productos sean fáciles de usar. Aunque quizás sea más ilustrativo señalar algunos casos en los que el término no se utiliza con propiedad.

Usability logo

(more…)

¿Qué podemos esperar de Google Wave?

Todavía no tenemos acceso a Google Wave, pero lo que sabemos hasta ahora de él nos da ya algunas cosas sobre las que reflexionar.

Google ha presentado una nueva sorpresa, y se llama Google Wave. Sólo unos pocos privilegiados pueden ya probarlo, aunque el vídeo de su presentación en sociedad es suficientemente descriptivo:

En realidad, Google Wave no presenta ninguna funcionalidad totalmente innovadora: correo electrónico, mensajería instantánea/chat, compartición de archivos…; todo eso ya lo conocíamos. La verdadera novedad es que todas esas funciones están integradas en una misma interfaz, y que las actualizaciones se realizan en tiempo real. Todo un desafío.

Mientras esperamos a tenerlo entre las manos, hay algunas cosas sobre las que se puede reflexionar:

(more…)

Los hombres lo prefieren más rápido… (o no)

Un estudio sobre preferencias de hombres y mujeres en la visita de páginas web ofrece resultados interesantes, pero... ¿hasta qué punto son válidos?

Leo hoy varios artículos y referencias a un estudio según el cual, a la hora de navegar por Internet, los hombres valoran más que las mujeres la velocidad de descarga, mientras que estas últimas ponen más importancia en la facilidad de uso. No cabe duda de que el titular es lo suficientemente llamativo como para que se haya difundido por la red, pero una lectura más detenida hace surgir algunas dudas (ya se sabe que no se puede fiar uno de la mayoría de estudios que se publican en los medios).

Algunos resultados del estudio
  • Para empezar, cabría preguntarse si las diferencias son estadísticamente significativas; es decir, si la diferencia es suficientemente grande como para que signifique realmente algo, o es simplemente consecuencia de una variación aleatoria.
  • También habría que tener en cuenta la representatividad de la muestra: no se pueden extrapolar los resultados obtenidos de un grupo de estudiantes universitarios a la población en general.
  • Y por último, la más sutil pero no la menos importante: hay una gran diferencia entre lo que las personas dicen, y lo que realmente hacen. Así que no basta con una encuesta para conocer los hábitos de los usuarios; especialmente cuando estamos hablando de usabilidad y experiencia de usuario, se trata de observar lo que hacen, NO lo que dicen.

Siempre es interesante conocer los resultados de este tipo de estudios, pero no está de más ponerlos en cuarentena, especialmente cuando son tan llamativos como en este caso.

¿Cuántos habrán leído realmente el artículo original que da pie a la noticia?

AccUsa: una herramienta de soporte a la ingeniería de usabilidad y accesibilidad

Una herramienta para la documentación y gestión de actividades de usabilidad y accesibilidad.

Hemos publicado (en la web de SQUaC) AccUsa, un prototipo de herramienta para dar soporte a evaluaciones de usabilidad y accesibilidad.

Captura de pantalla de AccUsa

La herramienta está implementada en Microsoft Access y, de momento, sirve de apoyo para la realización de evaluaciones de usabilidad y accesibilidad.

Si estás involucrado o interesado en la temática, seguro que te interesará echarle un vistazo

Reuniendo recursos sobre usabilidad y accesibilidad

Formando equipo Olga Carreras y yo, hemos creado dos lugares en la red para recopilar información sobre usabilidad y accesibilidad, especialmente aquellos que pertenecen al ámbito de habla hispana; las dos aplicaciones son: Usable y Accesible en Netvibes, un repositorio…

Formando equipo Olga Carreras y yo, hemos creado dos lugares en la red para recopilar información sobre usabilidad y accesibilidad, especialmente aquellos que pertenecen al ámbito de habla hispana; las dos aplicaciones son:

  • Usable y Accesible en Netvibes, un repositorio que pretende reunir en un único punto diferentes recursos sobre el tema “desperdigados” por la red: un buscador, una agenda, lo último publicado en blogs, noticias, feeds, etc.
Usable y Accesible en Netvibes
Participa en Usable y Accesible, en Google Groups

Si estás interesado en estos temas, échales un vistazo, únete y… ¡participa!