Usable y accesible

Reseña "WCAG 2.0 made easy" de Olga Revilla

2011-01-29T10:32:00.017+01:00

Autor: Olga Revilla

Nº páginas: 157

Formato: papel y ebook

Idioma: inglés

Web: WCAG 2.0 made easy

Referencia online: One Guideline a Day

Por fin tuve tiempo de leer con calma "WCAG 2.0 made easy" de Olga Revilla, que aunque está escrito en inglés es una lectura ágil, más aun si estás familiarizado con la temática.

"WCAG 2.0 made easy" es un libro muy práctico que recomiendo sin duda no sólo a todos aquellos que quieran comenzar con las WCAG 2.0, sino también a los que ya están trabajando con ellas, puesto que resulta una referencia rápida de gran utilidad (tanto como lo fue su iniciativa One Guideline a Day)

En la primera parte del libro se introducen de forma general las WCAG 2.0 y se explican de forma muy clara aspectos que siempre generan dudas, como son la declaración de conformidad o el tema de las tecnologías compatibles con la accesibilidad.

En los capítulos posteriores aborda cada uno de los criterios de conformidad (agrupados en sus correspondientes principios y pautas) de manera muy didáctica, pues resume las técnicas aplicables a cada uno en:

You must... (Sufficient Techniques)
You should... (Advisory Techniques)
Don`t do! (Commun Failures)

Lo cual resulta, como digo, muy útil y práctico.

No se incluyen las técnicas Flash, que se listan al final del libro en un apéndice. A los que os interese el tema os recomiendo complementariamente Checklist para validar contenido Flash de acuerdo con las WCAG 2.0

Al final del libro incluye otros recursos como una checklist de validación, una tabla de correspondencias entre los puntos de verificación de las WCAG 1.0 y los criterios de conformidad de las WCAG 2.0 así como herramientas de validación. Este apartado es el que quizás podría ampliarse más.

Incluyo otras recomendaciones para el apartado de recursos:

La checklist de validación de Roger Hudson tiene a su favor que incluye las técnicas que se pueden aplicar a cada criterio de conformidad (aunque hay que recordar que el documento de las técnicas está en constante evolución): WCAG 2.0 Checklist
Como alternativa a la tabla de correspondecias entre las WCAG 1.0 y las WCAG 2.0, podéis consultar una en la que además se incluye la correspondencia con los requisitos de la norma UNE 139803 en: Correspondencia entre los requisitos de la Norma UNE 139803, los puntos de control de las WCAG 1.0 y los criterios de éxito de las WCAG 2.0
Sobre los validadores podéis consultar una lista más completa en: WCAG 2.0 Validar de acuerdo a las WCAG 2.0

Felicito desde aquí a Olga por su trabajo y le agradezco las palabras que en él me brinda, así como el ejemplar dedicado.

Artículos relacionados:

Reseña "Just Ask: Integrating Accessibility Throughout Design"

2009-11-10T12:30:00.017+01:00

Artículos relacionados:

En este artículo voy a resumir los puntos esenciales del libro "Just Ask: Integrating Accessibility Throughout Design" de Shawn Lawton Henry (2007), el cual está disponible en versión online en español ("Simplemente pregunta: Integración de la accesibilidad en el diseño").

El libro trata sobre los fundamentos de la inclusión de la accesibilidad en los procesos de Diseño Centrado en el Usuario (UCD).

Este libro es recomendado como guía de referencia por la WAI.

Matizan, como también se hace a menudo a lo largo del libro, que incluir a las personas con discapacidad en la evaluación reporta muchos beneficios pero no determina por sí mismo si un sitio es accesible, siempre debe combinarse con la evaluación conforme a las WCAG.

Principios básicos

Integrar la accesibilidad al principio y a lo largo de todo el proyecto.
Tener en cuenta la accesibilidad al principio en un proyecto de diseño es mucho más fácil, eficaz y barato que hacerlo posteriormente.
Contar con la participación de personas con discapacidad en tu proyecto
Los estándares y pautas son sólo una parte de la ecuación en lo que se refiere al adecuado desarrollo de productos accesibles. La otra parte es comprender los problemas de accesibilidad, y la mejor forma de hacerlo es trabajar con personas con discapacidad para saber cómo interactúan con tus productos.
Relacionarse con personas con discapacidad. Recomendaciones para relacionarse con las personas con discapacidad

Contexto: Accesibilidad en el Diseño Centrado en el Usuario

En este capítulo se introducen los conceptos básicos de accesibilidad, usabilidad y DCU.

El objetivo de incorporar la accesibilidad al Diseño Centrado en el Usuario es seguir un "proceso de creación de productos (dispositivos, entornos, sistemas y procesos) que sean usables para personas cuyas capacidades estén dentro del segmento más amplio posible y que se encuentren en situaciones (entornos, condiciones y circunstancias) dentro del espectro más amplio posible, siempre y cuando sea práctico desde el punto de vista comercial".

El proceso de Diseño Centrado en el Usuario se divide en tres fases principales: análisis, diseño y evaluación.

El DCU es un proceso para diseñar productos usables y la accesibilidad de los interfaces de usuario puede considerarse un subgrupo dentro de la usabilidad. Por tanto, se deduce que los diseñadores pueden utilizar el DCU para diseñar productos que sean accesibles. En la práctica, las técnicas de diseño accesible encajan bien con los procesos de DCU ya establecidos.

Después de añadir y adaptar algunos aspectos, los equipos de diseño pueden utilizar las prácticas típicas del DCU para centrar el diseño en la accesibilidad. Integrar la accesibilidad al DCU significa que los diseñadores deben tener en cuenta la muestra de usuarios y situaciones más amplia posible.

Análisis

Es la primera fase de un proceso de DCU.

Ten cuidado y no des por sentado que los comentarios de una persona con discapacidad se pueden aplicar a todas las personas con discapacidad. Una persona que tenga una discapacidad no tiene por qué saber necesariamente cómo van a interactuar otras personas con su misma discapacidad con esos productos, ni tiene por qué saber lo suficiente sobre otras discapacidades como para poder proporcionar consejos válidos sobre otros problemas de accesibilidad.

En este apartado se aborda cómo tener en cuenta los aspectos relacionados con la accesibilidad en la definición de perfiles de grupos de usuarios, en la creación de personajes y en la creación de escenarios.

Diseño

Es la segunda fase de un proceso de DCU.

Los diseñadores de productos a los que se les exige que cumplan con unos estándares de accesibilidad específicos suelen pasar directamente a la parte técnica del estándar sin llegar a entender los problemas de accesibilidad. Intentar cumplir con los estándares de accesibilidad sin entender qué es la accesibilidad no es sólo frustrante, sino que no da resultado.

[...]

Usar estándares y pautas te ayudará a garantizar que se tienen en consideración todos los problemas de accesibilidad y contar con la colaboración de personas con discapacidad te ayudará a abordarlos de una forma eficiente y eficaz.

[...]

Evaluar prototipos iniciales te ayudará a validar ciertos aspectos del diseño que funcionan correctamente y a encontrar barreras potenciales de accesibilidad en un momento en el que todavía es relativamente fácil y poco costoso arreglarlas.

Evaluación

Es la tercera fase de un proceso de DCU.

La evaluación de la accesibilidad suele verse limitada a la comprobación de la conformidad con los estándares de accesibilidad.

La conformidad con estos estándares es importante: en algunos casos es un requisito legal y en otros es sólo una buena forma de comprobar que se han tenido en cuenta, adecuadamente, todos los problemas de accesibilidad.

Sin embargo, cuando se presta atención solamente a los aspectos técnicos de la accesibilidad, el factor de la interacción humana puede llegar a perderse. Los métodos de evaluación de la usabilidad pueden comprobar la accesibilidad usable para garantizar que tus soluciones de accesibilidad son usables para las personas con discapacidad.

Técnicas de filtrado

Las técnicas de filtrado implican la utilización de estrategias de adaptación, dispositivos de ayuda y tecnologías de apoyo.

Por ejemplo, que un diseñador de software apague su monitor y utilice un lector de pantalla para interactuar con su aplicación o que un especialista en usabilidad utilice un puntero bucal o desenchufe su ratón para hacerse una idea de cómo de usable es su producto para las personas que no puede usar los brazos o las manos.

Las técnicas de filtrado no son simulaciones de discapacidades. Es probable que a las personas con discapacidad les resulte más fácil utilizar el producto que a las personas que estén utilizando técnicas de filtrado.

Se utilizan porque son fáciles, rápidas y económicas y identifican problemas potenciales de diseño en la fase inicial, lo que evita altos costes de rediseño y retrasos en el proceso.

Por ejemplo en "Preliminary Review of Web Sites for Accessibility" de la WAI se citan determinadas técnicas de filtrado.

Planificación de las pruebas de usabilidad

Los cuatro grupos más habituales de discapacidades (visuales, auditivas, físicas y cognitivas) no son suficientes para categorizar las características de los participantes en un estudio de usabilidad, debido a la diversidad que existe dentro de cada categoría (la discapacidad puede ser temporal o permanente, puede haber nacidocon ella o no, pueden usar diferentes tecnologías de apoyo, etc.).

Por otra parte, el número de participantes con discapacidad que forman parte de una prueba de usabilidad concreta suele estar determinado por los limitados recursos de un proyecto.

Teniendo en cuenta estas dos variables, el autor nos da una serie de consejos sobre la selección de las personas, siendo importante recalcar que hay que evitar cometer el error de pensar que un participante los representa a todos.

Cómo completemento proporciona un Formulario de selección de participantes que se utiliza para determinar si un participante potencial encaja con las características de usuario definidas en el protocolo de la prueba de usabilidad

A la hora de decidir dónde se realizan las pruebas de usabilidad es importante tener en cuenta las tecnologías de apoyo, por ejemplo puede que los participantes no sepan cómo configurar las tecnologías de apoyo en tu laboratorio para poder trabajar, porque están acostumbrados a que funcionen de una forma determinada en sus sistemas.

También es importante planificar el tiempo y los descansos en base a las características de cada discapacidad.

Preparación de las pruebas de usabilidad

En este capítulo se dan muchos consejos prácticos para la preparación de las pruebas (instalaciones, materiales, etc.)

Realización de las pruebas de usabilidad

En este capítulo se abordan las cuestiones que permitirán realizar con éxito las pruebas (acondicionamiento de la sala, orientación del participante, recogida de datos, etc.)

Elaboración de informes

Para analizar los datos y realizar informes sobre un estudio de usabilidad que ha contado con participantes con discapacidad, hay que tener en cuenta las siguientes consideraciones:

Distinguir entre los problemas de usabilidad (es decir, que influyen a todos los usuarios por igual, independientemente de sus características) y de accesibilidad (es decir, reducen el acceso de las personas con discapacidad a un producto).
Incluir parámetros relevantes del estudio, por ejemplo las estrategias de adaptación y tecnologías de apoyo que utiliza cada usuario y su experiencia con productos similares.
Tener cuidado con las categoriaciones y las comparaciones, especialmente si la amplitud del muestreo es pequeño.
Elaborar conclusiones claras. Hay que dejar claro qué afirma el informe y qué no. Por ejempplo, unos resultados positivos en las pruebas de usabilidad no garantizan que el producto sea accesible para todas las personas con discapacidad, ni que cumpla los estándares de accesibilidad.
Utilizar un lenguaje apropiado para referirse a las personas con y sin discapacidad.

Lista de verificación para las pruebas de usabilidad

Este apartado es muy útil porque resume todos los puntos tratados en los capítulos referidos a la fase de Evaluación en una checklist.

Recursos

Selección de recursos y enlaces de interés (no se actualiza desde 2004)

Artículos relacionados:

Reseña: "Accesibilidad a los contenidos audiovisuales en la web"

2009-04-12T15:54:00.025+02:00

Artículos relacionados
[6-02-09] Reseña: "Cómo escribir para la Web" de Guillermo Franco

Título: Accesibilidad a los contenidos audiovisuales en la web. Una panorámica sobre legislación, tecnologías y estándares (WCAG 1.0 y WCAG 2.0).

Autores: Lourdes Moreno, Belén Ruiz, Paloma Martínez, Juan Manuel Carrero y Juan Ramón Martínez.

Fecha: noviembre de 2008 (primera edición)
Nº páginas: 102
Editado por: Real Patronato sobre Discapacidad

Descarga gratuita: "Accesibilidad a los contenidos audiovisuales en la web" en formato PDF (3MB)

Es uno de esos libros imprescindibles que recomiendo tener a mano. Resulta de especial utilidad las checklist de comprobación de un contenido audiovisual así como la "Tabla Resumen (WCAG 1.0/WCAG 2.0) de la accesibilidad a los contenidos audiovisuales en la web" (acceso al libro en ventana nueva, PDF de 3MB ).

El libro se estructura en tres partes:

Parte 1. Introducción

Este apartado es una introducción a los conceptos básicos relacionados con la accesibilidad. Se incluye un resumen de la legislación vigente en España y una aproximación a las metodologías y certificaciones de accesibilidad.

No resumiré este apartado porque dicha información se encuentra mucho más desarrollada en diversos artículos de este blog [1]

En cualquier caso es una gran introducción a la accesibilidad web donde se recoge de manera muy clara y completa los conceptos y la información básica sobre el tema.

Parte 2. La cadena de accesibilidad de los contenidos audiovisuales en la web

Para proveer de accesibilidad a los contenidos multimedia audiovisuales hay distintos componentes de desarrollo web e interacción que deben trabajar conjuntamente para conseguirlo, es lo que denominan "cadena de accesibilidad de los contenidos audiovisuales en la Web", cadena que consta de los siguientes eslabones:

Contenido en sí: el contenido en sí mismo debe ser accesible, lo que significa proveer de alternativas sincronizadas como el subtitulado, la audiodescripción o la transcripción, entre otros, que cumplan con lo establecido en las WCAG.
Cómo llegar al contenido: el acceso al contenido debe ser accesible, puesto que según cómo se implemente este acceso puede provocar barreras de accesibilidad.
Visualización del contenido: hay que ofrecer alternativas atendiendo a las preferencias del usuario, y la interacción para acceder al contenido debe ser usable. El acceso al contenido ha de ser, además de posible, intuitivo en la interacción, por lo que hay que ofrecer usabilidad, aportando accesibilidad en cómo mostrar al usuario la información de acceso y control.

Primer eslabón: el contenido ha de ser accesible

En este apartado se citan las pautas de las WCAG 1.0 y de las WCAG 2.0 relacionadas con la accesibilidad de los contenidos audiovisuales, su correspondencia, y las técnicas de las WCAG 2.0 y SMIL asociadas.

Consultar la "Tabla resumen 2: Correspondencia de las pautas WCAG 1.0 con las WCAG 2.0 en relación a los contenidos multimedia" (acceso al libro en ventana nueva, PDF de 3MB )
Consultar la "Tabla resumen 3: Técnicas del WCAG 2.0 y SMIL para la pauta 1.2" (acceso al libro en ventana nueva, PDF de 3MB )
Consultar la "Tabla Resumen (WCAG 1.0/WCAG 2.0) de la accesibilidad a los contenidos audiovisuales en la web" (acceso al libro en ventana nueva, PDF de 3MB )

A continuación tratan el tema de las herramientas de autor, entre las que hay que distinguir:

Lenguajes y formatos para sincronizar: QuickTime, SMIL, SAMI, Timed Text.
Reproductores: Real Media, QuickTime, Windows Media.
Editores de subtitulado y/o audiodescripción para contenidos audiovisuales: MAGpie, Hi-Caption Studio, Captionmenow.
Reproductores para contenidos multimedia realizados con Flash accesible de Adobe.

Se incluye un "Anexo: Listado de herramientas" (acceso al libro en ventana nueva, PDF de 3MB ) donde se realiza una breve descripción de estas y otras herramientas.

El apartado dedicado al primer eslabón termina con una serie de buenas prácticas:

Buenas prácticas de subtitulado

El documento de referencia son las "Buenas prácticas de subtitulado" del CESyA, basadas en la "Norma UNE 153.010 Subtitulado para personas sordas y personas con discapacidad auditiva. Subtitulado a través del teletexto."

También destacan las "Best practices in online captioning" de Joe Clark.

En el libro se hace un pequeño resumen donde se tratan temas como el color de los subtítulos, la localización en pantalla, la alineación, el número de líneas, la velocidad, consejos ortográficos y gramaticales, etc.

Buenas prácticas de audiodescripción

El documento de referencia son las "Buenas prácticas de audiodescripción" del CESyA, basadas en la "Norma UNE 153.020 Audiodescripción para personas con discapacidad visual. Requisitos para la audiodescripción y elaboración de audioguías".

La audiodescripción permite compensar la falta de percepción de imágenes con descripciones sonoras complementarias (sobre situación espacial, vestuario, gestos, actitudes, paisajes, etc.)

Si no has oído nunca una audiodescripción, puedes consultar el siguiente ejemplo: "Nicolás" (serie de dibujos animados), ejemplo de contenido multimedia accesible disponible en el portal del CESyA.

En dicho portal puedes consultar otros contenidos multimedia accesibles.

En este apartado del libro repasan los seis requisitos necesarios para audiodescribir.

Buenas prácticas para la lengua de signos española

El documento de referencia es la "Norma UNE 139804:2007. Requisitos para el uso de la Lengua de Signos Española en redes informáticas".

En este apartado se trata la presentación del vídeo (tamaño, calidad, tipo de ventana) así como aspectos relativos al propio vídeo (encuadre, apariencia del signante, etc.)

Segundo eslabón: el acceso al contenido multimedia debe ser accesible

Se repasan las distintas formas de ofrecer un contenido multimedia audiovisual en la Web:

Mediante descarga directa.
Es la opción más accesible siempre y cuando se proporcionen todos los elementos necesarios en la descarga (por ejemplo los subtítulos y la audiodescripción si no vienen integrados en el vídeo) y siempre y cuando se elabore adecuadamente el enlace que activa la descarga y su etiquetado.

A pesar de ser la opción más accesible no es la más utilizada, pues es más usable, más sencillo para el usuario, que la difusión del contenido se haga a través de un reproductor, integrándolo en la propia página.
Emisión en descarga progresiva (falso streaming) y streaming [2]

En ambos casos se puede implementar mediante la activación de un enlace o integrándolo mediante el elemento OBJECT.

En el primer caso habrá que etiquetar adecuadamente el enlace.

En el segundo caso se nos presenta el problema de que usando OBJECT la página no puede ser validada de acuerdo al estándar XHTML, puesto que es necesario utilizarlo junto con EMBED.

Para solucionar el problema se cita el célebre artículo de Elizabeth Castro "Bye Bye Embed".

Destacan como reproductor CC Player, que es gratuito, accesible desde teclado, compatible con lectores de pantalla, permite asociar audiodescripciones y varios ficheros de subtitulado con idiomas distintos o distintas versiones.

También hacen especial mención del estándar del W3C Synchronized Multimedia Integration Language (SMIL)

En relación con SMIL es necesario destacar el artículo "Subtitulado y Audiodescripción en Páginas Web Accesibles" de Lourdes Moreno, Ana Mª Iglesias, Juan Manuel Carrero y Paloma Martínez, en el cual se expone el caso práctico de un vídeo con audiodescripción y subtitulado abiertos [3], implementado con SMIL según las recomendaciones del W3C.

Hay que puntualizar que la opción XHTML+SMIL sólo es compatible hoy en día con Explorer.

Para profundizar en SMIL te recomiendo "SMIL. Un leguaje para la multimedia en Internet" de A.L.Delgado y "Guía Breve de Subtitulado y Sincronización de Vídeos con SMIL" de INTECO (incluye ejemplos).

Tercer eslabón: ofrecer alternativas atendiendo a preferencias del usuario y la interacción del usuario al acceder al contenido debe ser usable

El acceso al vídeo debe ser, además de posible, intuitivo en la interacción, para lo cual habrá que realizar un diseño centrado en el usuario, utilizar un lenguaje claro y sencillo y los usuarios deberán tener acceso a la reproducción del vídeo de acuerdo a sus características y preferencias.

El tipo de información que se ha de mostrar dependerá de la modalidad elegida al servir el contenido, tal y como se ve en la "Tabla 4: Información a presentar al usuario" (acceso al libro en ventana nueva, PDF de 3MB).

Parte 3. Listado de puntos de verificación de la accesibilidad a los contenidos audiovisuales en la web

Este apartado es un recurso imprescindible para cualquier evaluador o desarrollador a la hora de revisar la accesibilidad de los contenidos audiovisuales incluidos en una web.

Se ofrece una serie de checklists diferentes para evaluar los contenidos en función de si la validación se realiza teniendo en cuenta las WCAG 1.0, la Norma UNE 139803:2004 o las WCAG 2.0 (recomendable, puesto que las WCAG 1.0 están obsoletas respecto a la tecnología actual, no olvidemos que datan de 1999); y si el contenido audiovisual se proporciona mediante streaming, descarga progresiva (falso streaming) o descarga directa.

Checklist de comprobación de un contenido audiovisual (acceso al libro en ventana nueva, PDF de 3MB).

Otras referencias de interés

"Multimedia Accessibility FAQ" del W3C
Poster: "La cadena de accesibilidad en los contenidos audiovisuales en Web"
"Accesibilidad a los medios audiovisuales para personas con discapacidad AMADIS ‘07" (PDF, 3MB)

"La accesibilidad universal en los medios audiovisuales de comunicación", de Francisco Bariffi, Mª del Carmen Barranco, Lourdes Moreno, Agustina Palacios, Francisco Utray y José Vida (PDF, 2.30MB)

"Accesibilidad a los medios audiovisuales para personas con discapacidad AMADIS´ 06" (PDF, 5.62MB)

"El contenido audiovisual: otro reto para la accesibilidad web", Ramón Voces Merayo.

"Comprobación de la Accesibilidad: Multimedia", INTECO (PDF, 356 KB)

"Guía Breve de Subtitulado y Sincronización de Vídeos con SMIL", INTECO (incluye ejemplos)

SMIL Techniques for WCAG 2.0

Notas

[1] Consultar por ejemplo:

[2]

Emisión de descarga progresiva (falso streaming): el contenido se va descargando en el equipo del usuario y cuando alcanza un porcentaje determinado de descarga se empieza a reproducir.

Streaming: es una descarga del contenido bajo demanda. El usuario puede manejar completamente los controles de reproducción desde un principio y no es necesario almacenar el vídeo en el equipo del usuario.

[3]

Existen varios tipos de subtítulos. De manera ideal siempre deberían incluirse aquellos denominados closed, cuya característica principal es que se pueden activar y desactivar. En su defecto, se deben incluir subtítulos del tipo open que están pregrabados con el vídeo o el audio y que se muestran siempre al reproducir el recurso.

Reseña: "Cómo escribir para la Web" de Guillermo Franco

2009-02-06T16:02:00.006+01:00

Artículos relacionados
[12-04-09] Reseña: "Accesibilidad a los contenidos audiovisuales en la web"

“Lo primero al escribir para Internet es saber escribir…”
Gabriel García Márquez.

Existen muy buenas referencias sobre cómo escribir para la Web, pero este libro es uno de los mejores que conozco, el libro de cabecera de todo aquel que redacta contenidos para la Web. En este artículo ofrezco un resumen de sus 221 páginas.

El libro fue publicado a finales de 2008, está disponible en español y se puede descargar gratuitamente en formato PDF: "Cómo escribir para la Web" de Guillermo Franco (3,45 Mb).

También existe un grupo de discusión en Facebook.

Personalmente me interesa mucho el tema, quizás por mi formación filológica. Para tener recopilados en un sólo artículo todas las referencias de interés sobre el tema, incluyo al final una relación de estudios, artículos, documentos, etc..

Gracias al autor por poner a disposición de todos el libro.

Para la mayoría, el contenido Web es simplemente contenido impreso entregado en línea, de ahí la gran profusión de textos que no han sido adecuados al formato digital.

En "Cómo escribir para la Web" Guillermo Franco explica cómo ajustar los textos para la Web.

Índice:

Capítulo 1. Comportamiento del usuario: lo que dicen las investigaciones
Capítulo 2. Incorporación del concepto ‘usabilidad’ para definir la calidad de un texto en el ambiente Web
Capítulo 3. ¡Use la pirámide invertida!
Capítulo 4. Construya la pirámide
Capítulo 5. Rompa la uniformidad del texto
Capítulo 6. Textos en otros formatos y plataformas
Epílogo
Otras referencias relacionadas

Capítulo 1. Comportamiento del usuario: lo que dicen las investigaciones

Antes de explicar cómo redactar para la Web habrá que conocer cómo leen los usuarios.

Seguramente contestarías que los usuarios leen breve y superficialmente, escaneando la página, tal y como parecían indicar todos los estudios hasta 2007, principalmente los realizados por Jakob Nielsen y por el Poynter Institute.

Sin embargo, el "EyeTrack 07", el más reciente estudio realizado por el Poynter Institute, proclamó que la gente leía en profundidad los sitios Web periodísticos, incluso más que en los impresos.

Jakob Nielsen contestó en mayo del 2008 con el artículo "How Little Do Users Read?" que comentaba el trabajo "Not Quite the Average: An Empirical Study of Web Use", de febrero 2008. En dicho estudio se monitorearon los navegadores de 25 usuarios, registrando todo lo que hacían mientras desarrollaban sus actividades normales, concluyendo que los usuarios leen sólo el 20 por ciento del texto en una página promedio.

En este capítulo se resumen los resultados de los principales estudios (puedes ver una tabla resumen en la página 46) y se explican las razones por la cuales se dieron estos resultados contradictorios: las personas seleccionadas para el estudio, el tipo de tarea que se les encomendaba (la investigación del Poynter podría haber direccionado a los usuarios para que leyeran), limitaciones para extender las conclusiones a sitios no periodísticos, etc.

Para Nielsen, el escaneo es el comportamiento dominante, en lugar de la lectura detallada. Incluso cuando la lectura ocurre, sigue sólo después de haber escaneado una sección específica que contiene información importante.

El contenido Web necesita soportar ambos aspectos del acceso a la información: búsqueda y consumo. Los textos necesitan ser escaneables, pero también necesitan dar las respuestas que el usuario busca.

Capítulo 2. Incorporación del concepto ‘usabilidad’ para definir la calidad de un texto en el ambiente Web

En un trabajo clásico, Nielsen evaluó y cuantificó la usabilidad de los textos de un sitio turístico sobre Nebraska.

Los resultados obtenidos por Nielsen demostraron que la experiencia del usuario en un sitio Web es afectada por la forma en que están presentados los textos.

Los usuarios prefieren:

el lenguaje objetivo: sin lenguaje promocional o de mercadeo.
los textos concisos: bien editados, más cortos.
el diseño escaneable, en este caso, el uso de listados para romper la uniformidad.

Se puede ver un ejemplo en la página 49.

Capítulo 3. ¡Use la pirámide invertida!

Modelos de pirámide invertida

Utilizar la estructura de pirámide invertida significa comenzar el texto con la información más importante y después ir entregando más en orden decreciente de importancia.

Comience el artículo diciéndoles a los lectores la conclusión, siga con la más importante información de apoyo y termine dando contexto, dice Nielsen.

Los lectores desean saber qué pasa tan pronto la historia comienza a desenvolverse. Si es interesante, prestarán atención. De otra forma, se irán a otra parte. La gente está muy ocupada para detenerse sin ninguna recompensa.

Los elementos de la estructura de pirámide invertida son:

La entrada o 'lead' (contesta a las 6 W: qué, quién, cómo, cuándo, dónde y por qué).
El material que explica y amplía el 'lead'.
Párrafos de contexto.
Material secundario o menos importante.

En función de la longitud del texto se puede hablar de tres niveles de utilización de la estructura de pirámide invertida:

Nivel básico de utilización: texto lineal colocado en una misma página Web (esquema en la página 55).
Segundo nivel de utilización: texto lineal dividido temáticamente en la misma página Web (esquema en la página 57).
Tercer nivel de utilización: texto lineal dividido en subtemas que aparecen en diferentes páginas Web (esquema en la página 61).

El hipertexto no debería ser usado para segmentar historias lineales largas en múltiples páginas, pues tener que descargar varios segmentos retarda la lectura y hace la impresión más difícil.

La estructura de hipertexto apropiada no es un simple flujo de "continúa en la página 2", sino que divide la información en pedazos coherentes, de forma que cada uno se concentre en cierto tópico o tema.

Longitud de los textos

¿Qué longitud de texto debemos utilizar?

Crawford Kilian, autor del libro ‘Writing for the Web’, habla de romper la información en segmentos que no tengan más de 100 palabras.

Jakob Nielsen, al principio, recomendaban escribir "no más del 50 por ciento de lo que hubiera empleado para decir lo mismo en una publicación impresa". Después concretó en "Long Vs. Short Articles as Content Strategy" ('Artículos cortos versus artículos largos como estrategia de contenido'), de noviembre de 2007:

Artículos cortos: 600 palabras. Su lectura toma 3 minutos (a 200 pxm).
Artículos largos: 1.000 palabras. Su lectura toma 5 minutos (a 200 pxm)

Nielsen afirma que la gente prefiere leer artículos cortos, pero sugiere la mezcla de textos cortos y textos largos para usuarios con expectativas diferentes, o el mismo usuario con una expectativa mixta (encontrar contenido corto y largo). Asimismo, insiste en el hipertexto para ofrecer información en profundidad.

Estratificación de contenidos y modelos de titulación

Se aconseja usar la estratificación de contenidos, ('layering', en inglés), que es "la técnica de comenzar con información general y luego suministrar enlaces a más detalle e información suplementaria. La estratificación es también llamada revelación progresiva. Esencialmente, se hace un acercamiento a los detalles. La estratificación es uno de los beneficios que ofrece el hipertexto".

A continuación se tratan los diferentes modelos de titulación:

El más usual está compuesto de titular, entradilla y sumario.
En este caso se aconseja no repetir cualquier palabra del titular en el sumario, excepto una o dos palabras clave.
El segundo modelo de titulación consiste en diferenciar tipográficamente la primera frase del primer párrafo del texto escrito con la estructura de pirámide invertida, lo que la convierte en lo que gráficamente se identificaría como 'título'.

Se aconseja el segundo modelo para evitar repeticiones. Si el texto está bien escrito, según el principio de la pirámide invertida, la segunda frase nunca repetirá información de la primera; será sólo su complemento.

Otra razón para no utilizar el antetítulo, el título y el sumario –como se hace en publicaciones impresas– es que ese modelo asume una lectura secuencial de los tres elementos para dar una idea total del contenido. Pero esto no coincide con el comportamiento de la mayoría de los usuarios, que escanean u hojean la página, y no leen palabra por palabra o en orden secuencial estos elementos.

Capítulo 4. Construya la pirámide

Pirámide invertida horizontal

El autor aconseja seguir el siguiente principio:

Haga que las dos primeras palabras (o el primer tercio del título) sean portadoras de información.

Propone tener en cuenta el "patrón de lectura en F" de Nielsen y colocar a mano izquierda los elementos que más información portan, jerarquizarlos en forma de pirámide invertida horizontal (gráfico de la página 88)

El objetivo es mejorar la 'escaneabilidad' (facilidad de búsqueda visual) de los contenidos relevantes en un texto, y de paso la efectividad del SEO (Search Engine Optimization, Optimización en Motores de Búsqueda).

Este principio es extensivo a los comienzos de párrafos, intertítulos que separan bloques temáticos, ítems dentro de una enumeración, pie de fotos, sumarios y enlaces de hipertexto.

Voz pasiva, los dos puntos y las palabras prohibidas en los titulares

A continuación se revindica la utilización de la voz pasiva en titulares, párrafos que les siguen y ‘lead’s, tal y como propone Nielsen en "Passive Voice Is Redeemed For Web Headings" ('La voz pasiva es redimida para titulares Web').

Pero ojo, sólo en estos casos, recordemos que la voz activa es la natural de nuestro lenguaje, la que representa más directamente la acción y que, el uso de la voz pasiva, puede acarrear problemas de usabilidad si los usuarios malinterpretan quién realiza la acción.

También se propone la utilización de los dos puntos como un recurso válido para recargar a mano izquierda de la frase los elementos más informativos, las palabras portadoras de información.

Por otro lado, hay palabras que no deberían ser comienzo de títulos, intertítulos, ítems de una enumeración, etc.:

artículos (el, la, los, las, un, uno, unos, una, unas…)
expresiones enlace como además, pero, sin embargo, etc.

Además de ubicar palabras fuertes al comienzo de las frases y párrafos, recomienda hacerlo también al final de los mismos, puesto que los ojos de los lectores son atraídos por las palabras próximas a los espacios en blanco.

Aconseja asimismo eliminar las repeticiones de información y utilizar los verbos en su forma más fuerte, el presente o pasado simple, pues crean acción, economizan palabras y revelan a los actores. Es mejor utilizar "decidir" en lugar de "tomar una decisión" o "usar" en vez de "hacer uso".

Frases cortas

Las frases largas obligan al usuario a establecer relaciones complejas entre las ideas de la frase, y son difíciles de leer y entender. Por ello se propone reducir el número de ideas por frase, lo cual minimiza la puntuación y reduce el tamaño de la frase.

No se recomienda la utilización completa de frases y párrafos en mayúsculas, pues hacen más lenta la lectura.

La itálica es difícil de leer en pantalla, por lo cual propone reemplazarla por las comillas simples, por ejemplo cuando se quiere citar una obra, un neologismo, etc.

[Nota: también es cierto que la itálica ayuda a romper la monotonía del texto y capta la atención, igual que lo hace la negrita, a mí personalmente me gusta para las citas.]

Escribir los números

Se propone utilizar números para cifras simples (1, 2, 3 y hasta 4 dígitos: 7, 99, 435, 1.324) con el objetivo de facilitar su lectura en pantalla.

Esta recomendación está respaldada por uno de los hallazgos de la investigación de Eyetrack de Jakob Nielsen, mencionada en el trabajo, ‘Show Numbers as Numerals When Writing for Online Readers’ (‘Muestre los números como dígitos cuando escriba para lectores online’). Nielsen dice que los dígitos atraen la atención y rompen la uniformidad del texto incluso sin estar en negrilla.

Sin embargo recomienda utilizar las palabras miles, millones y billones para remplazar 3, 6 o 12 ceros. El argumento para esta recomendación, que es compartida por Jakob Nielsen, es la dificultad para contar ceros e interpretar comas. Por eso "44 mil" es mejor que "44.000".

Aconseja restringir el uso de los números romanos casi exclusivamente al orden de papas y reyes, y al número del siglo.

Evitar las referencias temporales

Cuando un texto permanece en la Web indefinidamente, no es recomendable utilizar referencias temporales como "ayer" u "hoy". Tendría más sentido mencionar el nombre del día, e incluso la fecha completa. Otras referencias temporales como "acaba de", "hace algunos minutos", por ejemplo, pierden rápidamente vigencia. En estos casos, tal vez resulte más conveniente citar una hora específica.

Capítulo 5. Rompa la uniformidad del texto

Los bloques de texto ahuyentan a los usuarios, pero existen fórmulas para romper la uniformidad del texto y para facilitar el escaneo:

Intertítulos

Divida el texto en temas e identifique cada uno de ellos con un intertítulo. Este intertítulo debe ser una frase con sentido completo, que le diga al lector qué puede encontrar en los párrafos que siguen. En una lectura escáner, los lectores caerán en los intertítulos y seleccionarán los que les llamen la atención.

Los intertítulos se escriben siguiendo las mismas pautas para escribir títulos, en sus dos modalidades: como estructura externa a la pirámide invertida o como parte de ella diferenciado tipográficamente (recompensa al usuario mediante la no repetición de información).

Cada tema o bloque temático debe ser presentado usando la estructura de pirámide invertida.
Enumeraciones

Los ítems dentro de una enumeración permiten ofrecer una lectura no lineal del contenido. Asimismo son una puerta de entrada al concepto de estratificación de información, ya que cada uno de ellos se puede convertir en un enlace.

Estas son algunas recomendaciones para la construcción de enumeraciones:
- Cree una estructura paralela, es decir, una estructura gramatical similar para las frases. El paralelismo ayuda a ser conciso; clarificar el significado y las relaciones de los elementos clave; enlistar múltiples ideas con simetría y ayudar a los lectores a identificar, comparar y recordar los elementos enlistados.
- Use palabras portadoras de información para definir su orden y estructura paralela. Estas palabras pueden estar en negrilla.
- Limite el número de ítems en la enumeración. Es recomendable seguir la regla del 7 más o menos 2.
- No utilice números para identificar los ítems en la enumeración salvo que tenga importancia su orden.
Color

El color ayuda a romper la uniformidad mediante:
- enlaces, elementos destacados por su color dentro del texto. Ayudan a rompen la uniformidad, llaman la atención del usuario e inducen a hacer clic en ellos.
- la negrita, que se recomienda usarla en:
  - Preguntas de una entrevista. En la página 147 podemos ver una serie de pautas para mejorar la presentación de las entrevistas.
  - Primeras palabras de ítems dentro de una enumeración.
  - Palabras sueltas o frases completas dentro de un texto. Es función del editor Web definir qué frases son destacadas usando negrilla.
Párrafos cortos

Los párrafos cortos, formados por sólo algunas frases, facilitan el escaneo y la obtención de la información buscada. No se está sugiriendo utilizar la tecla 'Intro': "El párrafo es esencialmente una unidad de pensamiento, no de longitud".

Crawford Kilian, autor del libro ‘Writing for the Web’, adopta una posición más radical: recomienda entregar una idea por párrafo.

“Con frecuencia, los usuarios que están escaneando el texto leerán sólo la primera oración. Si usted cubre muchos temas en un simple párrafo, muchos usuarios nunca conseguirán ver la segunda idea, si la primera no detiene su ojo mientras escanean la página. La idea es impartir su mensaje tan pronto como sea posible, dado que no hay tiempo”, dice Kilian“.

Capítulo 6. Textos en otros formatos y plataformas

Tanto en los blogs como en los microblogs, el elemento más importante es sin duda el título.

En el libro ‘El estilo del periodista’, el autor español Álex Grijelmo propone dos estructuras para artículos de opinión basadas en las sentencias judiciales:

“Una técnica muy socorrida –y efectiva– se asemeja a la estructura de sentencias judiciales. El artículo empezará con una exposición de los hechos que vayamos a juzgar (lo que ayuda al lector a tener la información necesaria sobre el tema del que se trata). A continuación, interpretamos cómo encajan esos hechos en lo que nosotros pensamos… y finalmente, obtendremos la sentencia tras relacionar el primer apartado y el segundo. Es decir: resultando, considerandos y fallo”. Obviamente, dice el Guillermo Franco, este modelo no se asemeja al de la pirámide invertida, lo que no lo invalida como forma de presentar contenido.

“Otra estructura posible parte de una aseveración de principio (el fallo) que después deberemos apuntalar con argumentos demostrativos, para rematar y redondear con una nueva sentencia al terminar, coincidente con la inicial”. Esta estructura, comenta Guillermo Franco, es más afín (sin serlo) con la de la pirámide invertida, y con lo recomendable en el ambiente Web.

En cuanto a los microblogs (por ejemplo en Twitter) el autor comenta que exigen el mismo esfuerzo de jerarquización y edición que se realiza con la elaboración de la primera frase del 'lead' o un título externo. No obstante, la mayoría de los microblogs de medios y periodistas se limita a presentar los titulares de noticias o artículos publicados en sus sitios Web, portales o blogs, lo que limita a Twitter como una simple caja de resonancia de sus ‘verdaderos medios’.

Propone las siguientes recomendaciones para los microblogs:

Piense en titulares.
Diversifique los tipos de titulares.
Sea creativo.
Evite el uso de abreviaturas.
Descarte la posibilidad de partir su entrada en dos.
Sea breve.
Prefiera las frases cortas: son más impactantes.
Recargue a mano izquierda las palabras más portadora de información.
Use verbos activos (aunque no descarte la forma pasiva si tiene suficiente espacio), y un mínimo de adverbios.
Evite 'palabras universitarias'. Casi toda palabra larga tiene una palabra corta, simple, que significa lo mismo. Prefiera esta última.
Elimine en lo posible los pronombres personales, los artículos, los gerundios y palabras repetidas.
Use la exclamación (sin abusar).

Epílogo

Guía rápida para procesamiento de textos (esquema de la página 170)

En el epílogo se incluye una entrevista a Chris Nodder, quien aconseja, entre otras cosas:

Usar la pirámide invertida (comenzar con las conclusiones).
Escribir resúmenes o sumarios para el contenido más extenso.
Decir qué preguntas responde un artículo.
Crear pequeños segmentos de contenido con una o dos ideas en cada uno de ellos.
Agrupar el contenido parecido.
Escribir títulos, encabezados y sumarios originales.
Hacer listados, no párrafos (los listados con viñetas y el espacio en blanco pueden romper el bloque de texto).
Cargar cada historia, cada párrafo, cada frase con la información importante hará que haya más probabilidad de que su mensaje sea recibido.
Use páginas, párrafos, oraciones y palabras cortas.
Defina palabras en contexto (no use ventanas flotantes o definiciones que aparezcan cuando pase el ratón por encima).
Haga que los nombres de los enlaces lleven información (el enlace de texto debería describir lo que el usuario conseguirá si hace clic en él).
Use gráficas que apoyen un mensaje y cuenten una historia.
Agregue enlaces al final de las páginas para guiar al usuario al
contenido deseado. Cree una ruta de información lineal.

Otras referencias relacionadas

Para tener recopilados en un sólo artículo todas las referencias de interés sobre este tema, incluyo a continuación un listado de estudios, artículos, documentos, etc. relacionados.

Estudios

"Publicidad y Contenidos en medios de comunicación online. Estudio de Eyetracking a diarios online chilenos", estudio de Darcy Vergara y Pedrito Arellano (4.2 MBytes)

En este estudio se introducen tres importantes artículos:
- Nielsen, Jakob; "F-Shaped Pattern For Reading Web Content" (Patrón en forma de F para la lectura del contenido Web) de 2006. En este trabajo Nielsen da a conocer su conclusión de que los usuarios siguen un cierto comportamiento de lectura online, similar a una letra "F":
A partir del análisis concluyó que:
Los usuarios no leen un texto a fondo, una lectura profunda es muy poco probable.
Los dos primeros párrafos deben contener la información más importante.
Comenzar los subtítulos, párrafos y viñetas con información clave, palabras que guíen al usuario.
- Eyetrack III. Online news consumer behavior in the age of multimedia; Poynter Institute, Estlow Center for Journalism and New Media y Eyetools; 2004
- Enquiro Research, Enquiro Eye Tracking Report I: Google, 2005 que presentó en 2005 el concepto 'triángulo dorado' para los resultados en los motores de búsqueda. Mostró la importancia del área superior izquierda de los resultados 'orgánicos' del buscador, que servía como ancla para la atención de los usuarios en relación a lo que pretendían encontrar.
Otros estudios de EyeTrack del Poynter Institute:
- EyeTrack del 2000.
  Algunas conclusiones interesantes fueron que las historias cortas eran tres veces más vistas que las largas y que, en general, la lectura era superficial (contrario al del 2007). Por otro lado concluyó, está vez coincidiendo con el del 2007, que cuando se encontraba algo de interés la lectura era más profunda (se leía más del 75 por ciento del texto elegido).
- Eyetrack III, del 2004. La tecnología utilizada fue ‘no invasiva’ y por ello el comportamiento de los usuarios se consideró más natural. Algunas de sus conclusiones fueron:
  - Los párrafos cortos recibían el doble de atención visual que los párrafos más largos. El formato de párrafos largos parece desestimular su observación.
  - La superficialidad de lectura también fue puesta en evidencia por la forma en que los usuarios sólo leían el primer tercio de los titulares.
- EyeTrack 07 que utilizó noticias reales y actuales y no prototipos. Algunas de sus conclusiones fueron:
  - Los participantes leyeron un 77 por ciento del texto de la historia que escogieron, independiente de su longitud.
  - Los lectores tendían a completar la lectura de las historias seleccionadas más que los lectores impresos (un 63 por ciento), pero a medida que la historia se hacía más larga, la lectura descendía.
Artículos de Jakob Nielsen: (ver todos en 'Writing for the Web')
- ‘How Little Do Users Read?’, (mayo de 2008). Comenta el trabajo ‘Not Quite the Average: An Empirical Study of Web Use’, febrero 2008. Este estudio monitoreó los navegadores Web de 25 usuarios, registrando información de todo lo que hicieron mientras desarrollaban sus actividades normales. Los usuarios leyerón sólo el 20 por ciento del texto en una página promedio.
- ‘Inverted Pyramids in Cyberspace’, 1996. Matizado en 1997 en ‘Changes in Web Usability Since 1994’.
- 'How Users Read on the Web', 1997.
- "Long Vs. Short Articles as Content Strategy", noviembre de 2007.
- ‘Be Succinct! -Writing for the Web-‘, 1997.
- ‘Microcontent: How to Write Headlines, Page Titles, and Subject Lines’, 1998.
- ‘Passive Voice Is Redeemed For Web Headings’, 2007.
- ‘Show Numbers as Numerals When Writing for Online Readers’, 2007.
- 'Lower-Literacy Users', de 2005. En él habla de como el nivel de alfabetización del usuario determina su comportamiento de lectura (palabra por palabra o escaneo).
- Concise, SCANNABLE, and Objective: How to Write for the Web, 1997.

Reseña: "Psicología del color" de Eva Heller

2008-11-30T21:20:00.026+01:00

'Psicología del color: Cómo actúan los colores sobre los sentimientos y la razón' de Eva Heller.

Introducción

Es el libro técnico cuya lectura me ha resultado más amena, donde cada página me ha parecido interesante. Desde luego recomiendo su lectura a todo el mundo, pero no sólo a los profesionales que necesitan conocer cómo utilizar el color y el efecto que este produce en las personas, como es el caso de los diseñadores web, sino a cualquier otra persona.

Aunque la esencia del libro es la explicación de los sentimientos que provocan los distintos colores y la combinación de los mismos, en él puedes encontrar información de lo más variada relacionada con los colores: desde consejos para vestir y maquillarse correctamente, hasta un breve repaso de la moda a lo largo de la historia, pasando por explicaciones sobre qué sustancias se han utilizado para conseguir los tintes y pinturas de cada color o los colores asociados a cada signo del zodiaco.

Mucha culturilla de trivial, muchas curiosidades, como las siguientes:

que el color naranja no existía en Europa antes de que los cruzados trajeran esta fruta de Oriente,
que Napoleón murió por su afición al verde,
que hasta 1990 los ejecutivos y directivos de IBM debían llevar camisa blanca por contrato,
que hasta 1950 no se generalizó el traje de novia blanco sino que era muy habitual el negro,
que el luto en Asia es blanco,
que el rosa era un color masculino hasta la primera mitad del siglo XX,
o que durante la Edad Media el color de las ropas estaba regulado y llevar un color no acorde con tu estatus social se penaba incluso con la muerte.

La autora arremete contra la obsoleta teoría de los colores de Goethe, a la vez que desmiente muchas "leyendas", como que los esquimales distinguen decenas de blancos cuando lo que distinguen son tipos de nieve, o que los cirujanos visten de verde para calmar a los enfermos cuando la razón es que la sangre se ve marrón sobre el verde y así impacta menos.

He tomado tantas notas que debería reproducir la mitad del libro para incluirlas, así que me limitaré a resumir lo que quiero recordar por ser de especial utilidad a la hora de utilizar el color en mi trabajo.

Objetivo del estudio

El estudio de Eva Heller, basado entre otras cosas en una encuesta realizada a 2000 personas, demuestra que los colores y los sentimientos no se combinan de manera accidental, que sus asociaciones no son cuestión de gusto, sino “experiencias universales profundamente enraizadas desde la infancia en nuestro lenguaje y nuestro pensamiento”, lo cual puede explicarse, como hace a lo largo del libro, mediante el simbolismo psicológico y la tradición histórica.

A pesar de las sensaciones individuales hay una comprensión universal, las impresiones y vivencias que producen los colores pueden considerarse de una manera perfectamente objetiva, aunque cada individuo vea, sienta y juzgue los colores de una manera personal.

Los efectos de los colores no son innatos, pero como se conocen en la infancia a la vez que el lenguaje, los significados quedan interiorizados en la edad adulta y parecen innatos.

"Quien nada sabe sobre los efectos universales y el simbolismo de los colores, jamás podrá emplearlos adecuadamente".

Reglas y nociones básicas

Teoría

Los colores primarios son los que no son producto de la mezcla de otros: rojo, amarillo y azul.
Los colores secundarios son los que se obtienen de mezclar dos primarios: verde, naranja y violeta.
Un matiz no puede obtenerse con una mezcla de más de tres colores.
Los primarios puros que se usan en las imprentas son: cian (azul puro), magenta (rojo puro) y el yellow o amarillo cadmio limón (amarillo puro).
Los colores complementarios son técnicamente los de máximo contraste:
- Azul-naranja
- Rojo-verde
- Amarillo-violeta
Los colores contrarios son aquellos de efectos psicológicamente opuestos, y cuya combinación produce un efecto contradictorio llamativo:
- Rojo-azul (caliente-frío, corporal-espiritual, masculino-femenino, activo-pasivo)
- Rojo-blanco (fuerte-débil, lleno-vacío, pasional-insensible)
- Azul-marrón (espiritual-terrenal, noble-innoble, ideal-real)
- Gris-amarillo/Naranja-gris (apagado-brillante, discreto-llamativo)
- Naranja-blanco (coloreado-incoloro, llamativo-moderado)
- Violeta-verde (artificial-natural, mágico-realista)
- Marrón-blanco (sucio-limpio, innoble-noble, denso-diáfano, tonto-listo) no están juntos en ningún acorde.
- Rosa-negro (debil-fuerte, delicado-rudo, blando-duro, sensible-insensible, difuso-exacto, pequeño-grande, femenino-masculino)
- Plata-amarillo (frío-cálido, imperceptible-llamativo, metálico-inmaterial)
- Dorado-gris o dorado-marrón (puro-impuro, caro-barato, noble-cotidiano)
Un color parece más lejano cuanto más frío es.
Los colores intensos parecen estar más cerca que los pálidos.
Aunque los objetos negros parecen más pequeños que los blancos, su efecto es más poderoso e impresiona más.
Los colores parecen más luminosos sobre fondo negro, pero es inadecuado para grandes superficies habitables, pues en estos casos su fuerza mata los demás colores.
Los colores claros son más veraniegos porque reflejan el sol y son por ello más frescos.
Hay un principio estético y es que esperamos encontrar los colores ligeros encima de los pesados. Quien entra en un espacio con el suelo claro y el techo oscuro se encoge como si perdiera el suelo bajo los pies. Una carta breve, una notificación de breves líneas, cualquier texto que no llene una hoja de papel es más agradable de ver y leer si el espacio sobrante es más grande arriba que abajo. El espacio superior debe ser mayor que el inferior, de lo contrario se tiene una impresión de inestabilidad, de que el texto se va a caer.
La ley de la mezcla de colores de la luz no es igual que la mezcla de colores materiales, pues una es aditiva y otra sustrativa. En la primera los colores primarios son el verde, el violeta y el naranja y la suma de todos da blanco, y en la segunda son el azul, rojo y amarillo y la suma de todos da negro.
Los colores del espectro son: rojo, naranja, amarillo, verde, azul, añil y violeta.

Efecto de los colores

Ningún color carece de significado
El mismo color tiene un efecto completamente distinto si se combina con otros colores, puesto que el efecto de cada color está determinado por su contexto: el acorde cromático determina el efecto del color principal.
Si un color se combina con el negro, su significado positivo se convierte en el significado contrario. El amor es rojo pero acompañado de negro es odio.
Los colores despiertan sentimientos negativos cuando su empleo no es funcional.
Las personas mayores prefieren los colores más luminosos que los jóvenes. Con la edad se van prefiriendo colores como el amarillo, el verde, colores juveniles.
El uso creativo del color siempre llama la atención, por ejemplo una forma típica como la pera combinada con un color atípico como el naranja.

Los textos y los colores

Cuanto más vivo es el color de las letras menos importante parece la información.
Cuanto menos contraste existe entre texto y fondo menos legible resulta.
Las letras rojas se leen mal, y sobre fondo negro se desvanecen. El texto sobre fondo rojo a menudo no puede leerse.
El texto negro sobre fondo amarillo es el que mejor se lee de lejos. Las reglas de los carteles que se leen de lejos son:
- Letras grandes, textos breves y signos conocidos.
- El color del fondo debe contrastar al máximo con el entorno.
- Los colores deben contrastar al máximo los unos con los otros en términos de claridad y oscuridad. Si el amarillo es más claro que el rojo, entonces es más apropiado como color de fondo. Sobre un fondo claro es mejor que las letras sean negras, y sobre un fondo oscuro las letras blancas darán el contraste óptimo.
- El color más claro debe ser el del fondo y el color más oscuro el de las letras, lo inverso produce una impresión de vibración en las letras que dificulta la lectura.
- Un color vivo debe combinarse con negro o con blanco pues entre colores vivos hay resplandores mutuos y hacen que la imagen carezca de nitidez. Son especialmente desaconsejable la combinación de colores de igual intensidad, como rojo-verde y aun más las combinaciones de colores igual de claros como verde-azul.
El texto negro sobre fondo blanco es el que mejor se lee de cerca, es recomendable para textos largos y no conocidos.
El texto blanco sobre fondo negro es el texto que se lee peor y parece menos importante.
El texto multicolor es ilegible y parece superficial.
Cuando un texto demanda atención, los colores vivos estorban porque irritan y porque de cerca parecen más fuertes.

Los colores en cifras

Los más apreciados
Los menos apreciados
Modificación de las preferencias con la edad
Los colores menos apreciados en el transcurso de la vida

Consultar las tablas en Preferencias de colores por edad y sexo (PDF de 46KB)

Significados de cada color y acordes cromáticos

Acordes cromáticos en porcentajes (ZIP de 12Kb)

Azul

Es el color que más adeptos tiene, independientemente del sexo y la edad.
No hay ningún sentimiento negativo en el que domine el azul, por el contrario, en China es un color poco apreciado.
Hay idiomas sin nombre para el azul. Sólo en último lugar, cuando se da nombre al blanco, negro, rojo, verde y amarillo se da nombre al azul.
Siempre que predomina la razón sobre la pasión, el color principal es el azul.
Es el color del agua, del descanso, de lo femenino, de la Virgen María, es apacible, pasivo e introvertido, con el cual sólo se crean nombre de mujer (salvo Douglas). Sin embargo se suele asociar a lo masculino por el tema del vestir.
Es el color de la simpatía, la armonía, la amistad y la confianza, de todo lo que tiene que durar eternamente.
Es el color de la lejanía, de la vastedad, de lo grande.
Es el color de la fidelidad, la fantasía, de lo divino, del frío, de la independencia y de la deportividad.
Es el color del bien, de la paz, de la verdad, de la inteligencia y las cualidades intelectuales, de la ciencia y la concentración, de lo práctico y lo técnico, del anhelo y el mérito.

Rojo

Es el color que se dice espontáneamente (aunque no sea nuestro preferido) porque en nuestro pensamiento rojo y color es equivalente.
Es el primer color al que se le puso nombre.
Agrada a hombres y mujeres por igual, pero gusta más a los mayores de 50 años y a los niños, que a los adolescentes.
La sobresaturación ambiental del rojo por culpa de la publicidad es la causa de que cada vez tenga menos adeptos, pues es el primer color que en demasía molesta. La creencia de la eficacia ilimitada del rojo en publicidad olvida que aunque ópticamente llama la atención, como tiene aspecto “publicitario” no se lee. Está comprobado que en las revistas con mucho color, los anuncios en blanco y negro que parecen pertenecer al texto son los que más se leen.
En los países cálidos lo rojo es lo demoníaco, pero en los colores fríos es lo bueno, hermoso y valioso.
Este color se asocia a lo masculino: la fuerza, el valor, la actividad y la agresividad.
Es el color de las pasiones, de las buenas y las malas, del odio o la ira y del amor.
Es el color de la alegría, de lo atractivo, del deseo, de la felicidad, de la extraversión, de la cercanía, de la vida animal y la voz alta.
Rojo y azul son psicológicamente contrarios, su acorde es el de la unión de las fuerzas corporales y espirituales.
Es el color de la guerra, del erotismo, de lo inmoral, cuanto más negro más pecaminoso y cuanto más violeta más decadente.

Amarillo

Lo prefieren más los mayores que los jóvenes.
Aunque es el color de la alegría, el optimismo, lo divertido, el placer o la amabilidad, en cuanto se enturbia tiene muchas connotaciones negativas: el enojo, la falsedad, la desconfianza, la envidia, los celos, la avaricia, la mentira o el egoísmo. El amarillo malo no es el del sol ni el del oro, sino el pálido con una pizca de verde, el color azufre.
Es el color de la advertencia y eso lo hace antipático.
El amarillo es un color difícil para los diseñadores porque los colores que lo acompañan forman con él fácilmente un acorde negativo, por ello, a pesar de ser el más llamativo, sólo aparece en las cajas y envases cuando tienen clara relación con su contenido.
Para que resulte amable debe ir con rojo y naranja, acorde del entretenimiento, la energía o la alegría.
Es el color del entendimiento y la sabiduría, del verano y la madurez. De lo ácido, lo refrescante y lo amargo.
Es el color de lo espontáneo, la impulsividad, lo impertinente y la presuntuosidad. De lo triangular.

Verde

La preferencia por este color aumenta con la edad sobre todo en los hombres.
Quienes lo prefieren piensan en un verde esmeralda o verde mar, y los que no piensan en un verde militar o verde botella.
El verde alegra la vista sin cansarla pero se puede volver aburrido.
El verde pizarra es el más adecuado para fijar en él largo tiempo la vista.
Es un color neutral, muy influenciado por los colores que le acompañan. Junto con el azul tiene connotaciones positivas, lo agradable y tolerante; pero junto con el negro y con el violeta (con el que más contrata psicológicamente) sus connotaciones son negativas.
Es el color de lo natural, de la primavera, de lo sano, de la vivacidad, de la vida vegetal. El acorde rojo y verde es el de la vitalidad máxima, pues une la vida vegetal y animal.
Forma parte del acorde de la felicidad (oro, rojo y verde). Es el color de la juventud, de la esperanza, de la seguridad, de lo tranquilizador y el recogimiento y junto al azul de la relajación.
Es el color de lo refrescante, especialmente junto al azul, pero junto al marrón es lo agrio y amargo, junto al amarillo lo ácido y junto al naranja lo aromático.
Es el color de Mahoma y el Islam. El color de Irlanda.
Es el color de lo venenoso, de los monstruos, y junto al negro de la destrucción.

Negro

Es el color preferido de la juventud, cuanto más joven se es más se prefiere, sin embargo ninguna persona de más de 50 lo nombra como preferido. La razón es que los mayores lo asocian a la muerte y los jóvenes lo asocian a la moda:
- Es el color que mejor sienta a un rostro joven
- Es el color que menos depende de las modas
- Es el color de la individualidad, de la protesta y la negación
El negro invierte el significado de cualquier color vivo, siendo el acorde negro amarillo de los más negativos: egoísmo, infidelidad, mentira; y el acorde violeta-negro el menos negativo, el de la magia y lo misterioso.
La renuncia al color da lugar a la objetividad y la funcionalidad, en un mundo multicolor el negro y el blanco son los colores de los hechos objetivos, renunciando al color el contenido recibe más atención.
Es el color del final, del duelo, de la maldad, de lo conservador, de la elegancia.
Es el color de la ilegalidad, de la violencia, del poder, de la estrechez, lo anguloso, lo pesado y lo duro.

Blanco

No hay ningún concepto negativo que se asocie al blanco, aunque casi nadie lo nombra como preferido u odiado.
El blanco es un color moderno, es atemporal.
El blanco lo vuelve todo positivo.
Es el color del comienzo, de lo nuevo, del bien y la verdad, de lo ideal, de la perfección y la honradez.
Es el color de la univocidad, de la exactitud, de la voz baja, de la pureza y la inocencia.
Es el color de la objetividad, de lo ligero, del invierno. El color típico de los productos congelados en el blanco y azul, y el de los productos frescos el blanco el verde.

Naranja

Es un color exótico que no suele agradar: hay más personas a las que no les gusta que a las que sí, aunque en los últimos años ha ganado adeptos.
Tiene un papel secundario en nuestro pensamiento y nuestra simbología, por ellos hablamos de rojos antes que de naranjas, por ejemplo pelirrojo.
El efecto del naranja es máximo cuando está rodeado de su complementario el azul.
Se abuso de él en la publicidad, y en los años 70 fue el color típico de los objetos de plástico, así como el color de vanguardia del diseño moderno, por eso hoy se asocia a lo poco serio, poco caro o poco prestigioso (nadie se compraría un Rolls-royce naranja, porque aunque por seguridad sería el más visible parecería menos caro) y con el diseño de ayer.
Es el color de lo gustoso y aromático, de la diversión, sociabilidad y lo alegre. De lo llamativo, de la extraversión y la presuntuosidad.
Es el color de lo inadecuado, de lo subjetivo, de lo frívolo y no convencional, de lo original.
Es el color del peligro, de la extraversión, de la actividad y la cercanía.
El acorde amarillo, naranja y rojo es el de la intensificación, de la transición al estado culminante.
Crea ambientes agradables en los espacios habitables porque “calienta” e ilumina.
Es el color del budismo así como de los holandeses y protestantes.

Violeta

Incluye el morado, el púrpura (violeta intenso), el malva (color de las flores de dicho nombre), el burdeos o el lila (violeta con blanco). El granate está incluido en los rojos. Si alguien se lía con estos colores puede consultar la discusión "granate,burdeos,morado" de WordReference Forums
Son más los que lo rechazan que quienes lo prefieren.
Frívolo y original, propio de modas pasajeras, fue el color del art nouveau, de la extravagancia artificial.
Su intensidad aumenta con el naranja, no hay combinación menos convencional.
Es el color de la devoción, la fe y la superstición, de lo artificial, de lo extravagante y singular: el acorde violeta, plata y oro es la elegancia no convencional; el acorde negro, plata y oro es el de la elegancia convencional.
Es el color de la ambigüedad, de lo inadecuado y de lo subjetivo.
Es el color de la vanidad, de la moda, de la magia, lo oculto, la fantasía.
El acorde violeta, rosa y oro es el de los pecados dulces, propia del chocolate.
Fue el color de las feministas, de la homosexualidad.
El lila es el color de las solteronas, por ello tiene una imagen negativa, propio de la cosmética de la mujer madura.

Rosa

Hay una gran diferencia de preferencias con la edad, los jóvenes lo rechazan mucho más que los mayores, a quienes les gusta por ser un color juvenil.
El rosa sólo representa sentimientos positivos (los que se asocian a lo femenino como el encanto, la amabilidad, la delicadeza, lo tierno, lo seductor, lo suave, lo dulce) pero las mujeres lo asocian a lo femenino negativo, a lo cursi.
Junto al blanco es la inocencia, y junto al violeta o el negro forma parte de la seducción y el erotismo.
Es el color de la infancia, de lo pequeño, del romanticismo, de la ensoñación, lo benigno.
Es el color de la vanidad, de lo artificial, de lo barato: sólo da sensación de refinamiento con sus contrarios psicológicos, en los acordes negro y rosa, y rosa, gris y plata.

Oro

A pesar de ser el color del dinero, la felicidad, la fama y el lujo es el color preferido de pocos.
Acompaña a cualidades como la fidelidad, la amistad, la honradez o la confianza pero nunca como color dominante.
La publicidad ha convertido el color oro en vulgar, por eso es uno de los colores de lo cursi, los trajes dorados y lujosos de antaño hoy son demasiado llamativos para ser elegantes.
Es el color del sol y la divinidad, de la belleza, la pompa, de la vanidad y la solemnidad.
Con el naranja y el rojo forma parte del acorde del placer, junto al amarillo de la presuntuosidad y junto al blanco y el azul de lo ideal, el bien y la verdad.

Plata

Es el último color en el que pensamos y nunca es el primero nombrado en un acorde, salvo en lo referente a la velocidad y el dinamismo.
Es el color de la elegancia, del lujo no típico, menos ostentoso que el oro. La plata subraya la personalidad de quien la elige.
Es el atributo amable de la edad: la publicidad convierte cualquier gris en plateado para ennoblecerlo.
Se asocia a lo pequeño, a la luna, a la noche y a las fuerzas mágicas.
Se asocia al dinero, a la codicia y la avaricia.
Forma parte del acorde de la pasividad y el frío, de la cortesía y la inteligencia, de la esperanza y el optimismo, de la ciencia y la exactitud, de lo moderno, lo técnico y lo funcional, de la elegancia, lo singular y lo extravagante.

Marrón

A pesar de estar muy presente en la moda y en la decoración (madera, cuero…), a pesar de estar en todos lados, como color en sí es el más rechazado de todos y más aún con la edad. Ya desde la Edad Media ha sido el color más feo.
Técnicamente, más que un color es una mezcolanza, pues toda combinación de colores acaba dando marrón.
Psicológicamente sus conceptos son casi siempre negativos: lo feo, lo antipático, lo antierótico, lo desagradable, lo vulgar, la pereza, la necedad… un traje marrón nunca podrá ser elegante.
Junto al negro es el color del malo. Es el color de lo marchito y del otoño.
Es el color de lo áspero y lo amargo, de lo corriente y de lo anticuado.

Hace los espacios habitables más acogedores, particularmente agradable si es combinado con oro o naranja, pero nunca con negro, pues es el acorde de los estrecho y pesado.

Cuanto más oscuro más calórico y fuerte parece y así es usado en la publicidad.

Cualquier color junto al marrón se apaga.

Gris

Es un color sin carácter, muy influenciado por los colores que le acompañan (con marrón es aburrimiento, con azul es la reflexión, con amarillo la inseguridad)
Es poco apreciado y aun menos con la edad, pues es el color de todo lo que acaba con la alegría de vivir, por ello es psicológicamente el que más contrasta con el amarillo y el naranja, los colores de lo luminoso y el gozo de vivir. El acorde gris-amarillo-naranja es el de la provocación y lo inadecuado (ningún concepto dio ese acorde)
El acorde gris, negro, marrón es el color de lo feo, de lo negativo, de lo antipático y siniestro.
Es el color de la vejez, de la experiencia, la respetabilidad y la sabiduría pero también de lo anticuado, del pasado y lo olvidado, de la pobreza, de la modestia, de lo sucio y lo desagradable, de lo barato y basto, no hay lujo gris, pues el objeto parece más barato. Solo puede ser elegante en el vestir por el material, pues en un material barato parece más pobre.
Es el color del aburrimiento, de la soledad y el vacío, de lo feo, lo negativo, lo hosco, de la insensibilidad y la indiferencia, y lo desapacible. Es uno de los colores del frío y del invierno.
Es el color junto al azul de la reflexión, de la ciencia y de la objetividad.
Es uno de los colores de lo secreto, de la avaricia y de la envidia. Del conformismo, de lo corriente, lo conservador y lo práctico.

Faz nº2: artículos que han llamado mi atención

2008-08-27T09:00:00.000+02:00

Tres son los artículos que más han llamado mi atención en el número 2 de la revista Faz.

1

En "Evaluación de Valencia y Contenido Emocional Para Interfaces Web Gráficas: Un Caso de Estudio en Banca Chilena", Claudio Lavín y René San Martín sintetizan un estudio cuyo objetivo ha sido evaluar las reacciones emocionales generadas por el nuevo sitio Web de una de las principales instituciones bancarias de Chile, y el desafío metodológico que ello les ha supuesto.

Como las emociones son un fenómeno dinámico y multicausado, la herramienta ideada es una batería de pruebas que han denominado "batería para la evaluación de emociones elicitadas por interfaces Web gráficas (BEEI Web)".

Estas pruebas son:

"Contraste de sitios". Esta prueba operacionaliza la valencia emocional (1) en término de expresiones de agrado y desagrado hacia las interfaces Web gráficas.

Resumido muy, muy escuetamente, se proyectan imágenes de páginas web y en tres segundos los participantes deben decidir si les agrada o no cada imagen.

“Elicitación de conceptos” permite evaluar el componente semántico asociado a las emociones. Dicho componente semántico dice relación con los conceptos y el significado que se asocia a una interfaz Web gráfica.

Resumiendo de nuevo, consiste en proyectar imágenes de webs y que los participantes escriban los cinco primeros conceptos que les vienen a la mente en relación con las mismas.

2

En "Diez heurísticos emocionales" Eva de Lera y Muriel Garreta-Domingo explican su estudio piloto.

En el análisis de evaluación de la interfaz se consideraron las tres dimensiones.

La dimensión cognitiva se analizó a través del número de clics, el tiempo que se necesitó para llevar a cabo la tarea y el número de errores.

La percepción emocional del usuario se obtuvo a través del cuestionario de respuesta y la dimensión afectiva se observó a través de los diez signos emocionales. Asímismo se registraron las expresiones y los comentarios de los usuarios para complementar los resultados de la evaluación.

Un equipo multidisciplinario observó las pruebas: un director de la experiencia del usuario, un psicólogo y un diseñador gráfico.

En el análisis realizado por los observadores, tanto de las interacciones como de las observaciones registradas, se llegó a la conclusión de que los signos emocionales, junto con los datos objetivos, aportaban una comprensión más precisa sobre la experiencia del usuario y su nivel de satisfacción que el cuestionario rellenado al final de la prueba.

Los diez heurísticos son:

Fruncir el ceño

Elevar las cejas

Desviar la mirada

Sonreír

Apretar los labios

Mover la boca

Expresarse oralmente

Tocarse la cara con las manos

Reclinarse hacia atrás

Inclinar el cuerpo hacia adelante

3

En "Aprendiendo de los videojuegos" Joaquín Márquez Correa nos hace una propuesta muy interesante: levantar la cabeza de la mesa de trabajo y mirar alrededor. Abrir la mente para ofrecer nuevas soluciones.

Propone observar el diseño de otro tipo de productos para buscar inspiración y buenas ideas para el diseño de interfaz. Como ejemplo, en el artículo habla de las cuatro características que tiene todo videojuego y que deberíamos tener en cuenta también en el diseño de nuestros portales:

Adaptación a la tarea: abandono y retomo cuando quiero

Apoyando el proceso de aprendizaje: más experto, más opciones

Personalización estandarizada: mis preferencias siempre conmigo

Modo arcade v/s modo historia; tareas simples v/s tareas complejas

Notas
(1) Capacidad de los objetos que percibimos para provocar una emoción, y que es prácicamente automática.

Metodología DCU MPlu+a

2008-03-07T09:14:00.008+01:00

En el año 2004, Toni Granollers i Saltiveri, profesor de la Universidad de Lleida, presentaba su tesis doctoral: "MPIu+a. Una metodología que integra la Ingeniería del Software, la Interacción Persona-Ordenador y la Accesibilidad en el contexto de equipos de desarrollo multidisplinares", que está disponible en la red en 5 PDF.

Aunque no está concebida como un manual, lo cierto es que esta tesis de 562 páginas se convierte en un auténtico manual de Diseño Centrado en el Usuario y Usabilidad gracias a todos los temas que trata y a su claridad.

Lo recomiendo a todos aquellos que buscan referencias de calidad gratuitas sobre estas disciplinas.

La parte central de la tesis se centra en su propuesta de metodología que bautiza como MPlu+a:

[...] modelo de diseño y desarrollo de sistemas interactivos centrado en los usuarios al que hemos denominado “Modelo de Proceso de la Ingeniería de la Usabilidad y de la Accesibilidad, MPIu+a”.

Este modelo de proceso, que se fundamenta en la disciplina de la Interacción Persona-Ordenador (IPO) y también en las Ingenierías del Software y de la Usabilidad, proporciona la manera de proceder organizada y formalizada para conseguir usabilidad y accesibilidad en el diseño de interfaces de usuario durante el desarrollo de un sistema interactivo.

El esquema de la metodología es el siguiente:

[D-1]
[Ver imagen "Esquema de la metodología MPlu+a" más grande]

Dentro del apartado dedicado a la fase de prototipado, además de explicar los distintos tipos que existen, aporta un modelo de prototipado nuevo muy interesante que bautiza con el nombre de StoryBoard Navegacional:

Con esta técnica se representan en un espacio bidireccional (con papel, en una pizarra, con impresiones de pantalla y flechas con rotulador, etc.) todos los estados de las interfaces (pantallas…) de la parte del sistema que se examinará y todas las posibilidades a nivel interactivo desde cada uno de estos estados para visualizar las posibles acciones o movimientos que el usuario puede realizar mientras interacciona con la interfaz.

[D-2]
[Ver imagen "Ejemplo de storyboard navegacional" más grande]

De la misma manera, Granollers explica las diversas técnicas de evaluación de la usabilidad que existen, aportando una nueva que bautiza como Recorrido cognitivo con usuarios, que se explica con detalle a partir de la página 38 del tercer PDF de la tesis.

Hay que destacar que el modelo de proceso metodológico está basado en la participación en el mismo de un equipo de personas multidisciplinares. En este esquema se muestra cómo participan en las diversas fases las distintas disciplinas:

[D-3]
[Ver imagen "Participación multidisciplinar en MPlus+a" más grande]

Otra aportación de la tesis es un nuevo concepto: el Esfuerzo de Usabilidad (EU), con el que se pretende medir el nivel de usabilidad del sistema implementado, y que se define como:

[...] medida que indica los recursos empleados y las actividades realizadas durante el desarrollo de una aplicación interactiva con la finalidad de conseguir un determinado nivel de usabilidad.

Con ello se pretende tener al final de cada implementación un número que revele “la cantidad de esfuerzo realizado” para conseguir la tan deseada usabilidad, obteniendo así una medida cuantitativa indicadora de la usabilidad del sistema a partir de las actividades realizadas durante la consecución del sistema.

Supone la primera aproximación conocida de valorar la usabilidad de un sistema a partir de ligar el procedimiento con el resultado.

Para el cálculo de este valor se utiliza la HT-DC (Hoja de Trabajo de la Gestión de la Configuración) en la que se incluye por orden cronológico todas las actividades realizadas. En esta imagen se ve un ejemplo de HT-DC:

[D-4]
[Ver imagen "Ejemplo HT-DC" más grande]

Las fórmulas para el cálculo matemático se explican a partir de la página 30 del cuarto PDF.

Es interesante que "el valor del EU no es equivalente al dinero invertido en la usabilidad del sistema. Esto es debido a que la metodología seguida para conseguir este valor puntúa la realización de las actividades y no el precio que cuesta realizarlas. Lo importante son las actividades bien realizadas, pues su coste económico puede variar mucho en función de parámetros como la aptitud del evaluador, su experiencia o su “caché” personal."

El EU mínimo es un valor comprendido en el rango [1200, 1600] aunque los valores comprendidos entre [2200, 2500] son los que mejor recogen la experiencia del usuario y contribuyen a optimizar la usabilidad del sistema.

Granollers propone un conjunto de ciclos básicos de la aplicación del modelo de proceso, con el que han constatado que se consiguen resultados considerablemente buenos con un esfuerzo que suele encajar en los márgenes presupuestarios de cada proyecto, y que se refleja en este esquema:

[D-5]
[Ver imagen "Ciclos básicos del modelo" más grande]

Se explica cada ciclo a partir de la página 43 del cuarto PDF.

Puedes también consultar el portal donde los miembros GRIHO (Grupo de Investigación de la Disciplina de la Interacción Persona-Ordenador) de la Universidad de Lleida, al que pertenece el doctor Granollers, presentan su modelo de DCU MPIu+a.

Artículos relacionados
[01-10-07] La usabilidad como metodología para el desarrollo ...

Reseña: Servicios Financieros Accesibles para todas las personas

2008-01-31T14:02:00.000+01:00

Bankinter, siempre tan comprometido con la accesibilidad, y la Fundación Once, presentaron en diciembre de 2007 una Guía de Accesibilidad a los Servicios Financieros que se puede descargar gratuitamente desde el portal de la Fundación Once.

Se presentó como un manual pionero, que pretende ser un punto de referencia para bancos y cajas de ahorros en su diseño de productos financieros, destacando las necesidades de las personas con discapacidad y las dificultades que encuentran en su relación con las entidades bancarias, y sistematizando una serie de buenas prácticas.

Después de leer la Guía, recojo en este post un resumen con lo que me ha parecido más destacado. Aunque he de decir que no aporta demasiado a alguien introducido en el tema, sino que tiene un caracter divulgativo y sobre todo publicitario de Bankinter.

El objetivo es conseguir un “Banco para todos”, para ello la Guía propone a las entidades bancarias un conjunto de normas que puedan servir de orientación para mejorar el acceso de las personas con discapacidad a los servicios financieros, tanto si se prestan desde infraestructuras físicas como si se hace a través de medios virtuales o electrónicos.

La Guía es claramente publicitaria de Bankinter, como cabía esperar, puesto que las actuaciones que se proponen son siempre las que ha llevado a cabo Bankinter, que se presenta como referencia en todos los puntos, nombrando también de pasada a otras entidades concienciadas con la accesibilidad como "la Caixa" o Caja Madrid.

Comienza con una introducción que explica términos como el "diseño para todos" y sus principios:

Igualdad de uso

Flexibilidad

Sencillez y comprensión intuitiva

Facilidad en la percepción de la información

Tolerancia a errores

Adecuación en las dimensiones

Eficacia en el esfuerzo

o la e-accesibilidad, definida de forma sencilla como la supresión de las barreras, tanto de hardware como de software, que impiden el acceso a las tecnologías a un amplio colectivo de personas, entre las que se encuentran algunas con deficiencias físicas, psíquicas y sensoriales, así como personas mayores o de otras culturas o que hablan otros idiomas.

Los grandes bloques en los que se divide la Guía son:

Banca por Internet
Banca telefónica
Banca móvil
Banca a través de oficinas bancarias
Accesibilidad en la publicidad y en la señalización
Atención al cliente

Banca por Internet

Las dificultades que las aplicaciones desarrolladas en entornos web pueden plantear a las personas con discapacidad se resumen en grandes apartados, según se refieran a las que surgen:

por la presentación de información en formatos visuales o a través de sonidos
por la forma de expresar y presentar los contenidos
por el uso de los dispositivos de acceso: manipulación de ratón, teclado...

Destacan también que con independencia de la posible discapacidad, habrá que tener en cuenta el tipo de hardware o de software que utilice el usuario.

Se realiza una introducción sobre la WAI, las Pautas de accesibilidad, los niveles de conformidad, la Metodología Unificada de Evaluación Web (UWEM) y el sello certificador de EURACERT.

A continuación se hace referencia a los malos resultados técnicos y de valoración de los usuarios obtenidos por las entidades bancarias en el estudio de accesibilidad de 2007 del Observatorio de Infoaccesibilidad de Discapnet, iniciativa de la Fundación ONCE y el Fondo Europeo de Desarrollo Regional.

La Guía se centra ahora en cómo hacer una banca online accesible.

Su propuesta es que se siga el ejemplo de Bankinter (aunque también se nombra a "la Caixa" o Caja Madrid), doble-A con la certificación Euracert (sólo en ciertas operativas).

Destacan otras iniciativa que se han llevado a cabo en Bankinter como:

vídeos en lenguaje de signos (hablé de ello en Accesibilidad web y discapacidad auditiva)

alternativa para la tarjeta de coordenadas (hablé de ello en Tarjeta de coordenadas y accesibilidad)

apartado de accesibilidad para descargarse opcionalmente un lector de documentos con opciones de accesibilidad. La verdad, que pongan esto como gran ejemplo de accesibilidad da un poco de pena, lo que debería hacerse es crear documentos accesibles y ofrecer alternativas a los mismos como expliqué en PDF accesibles.

Banca telefónica

Quienes tienen mayor posibilidad de encontrarse con dificultades en el uso de este canal de servicio son las personas a las que su deficiencia o su edad altere o impida:

la capacidad de manipulación

la capacidad auditiva

la capacidad de vocalización

alguna de las capacidades cognitivas

Como ejemplo de buenas prácticas hablan de que Bankinter ha creado un grupo de especialistas en atención telefónica a personas con discapacidad, responsable de solventar cualquier dificultad que pueda encontrar un cliente con discapacidad a la hora de operar a través de este canal.

Asimismo se encuentra habilitado un servicio de intérprete de lengua de signos para apoyar en sus operaciones financieras a las personas sordas que se comunican en esta lengua.

Para disponer de cualquiera de esos servicios hay que llamar a atención telefónica y concertar cita.

Banca móvil

Los desarrollos de páginas web para móviles deben seguir las recomendaciones del Consorcio W3C –recogidas en su Mobile Web Initiative-, así como los sistemas de validación y, como cualquier web, recordar y poner en práctica las ya comentadas Pautas de accesibilidad a la web.

Ponen como ejemplo de buenas prácticas las de Bankinter, que permite realizar consultas y operaciones financieras a través del móvil –vía Internet-; así como obtener información vía mensaje de texto u operar en bolsa –broker en móvil o broker en blackberry-.

Para facilitar estas operaciones se ofrecen manuales de información y un vídeo en lengua de signos –que se puede descargar desde el apartado de Accesibilidad del portal-.

Banca a través de oficinas bancarias

Mi interés se centra en la e-accesibilidad, así que en este apartado destacaría que dentro de los dispositivos de apoyo en las oficinas se proponen los que favorecen la conexión a Internet: teclado y ratones adaptados, software específico para personas con deficiencias visuales o de manipulación, etc.

En el localizador de oficinas del portal de Bankinter se puede marcar la opción de búsqueda "Accesible para personas con discapacidad física". Esta opción muestra las oficinas accesibles existentes en cada provincia.

En relación con los cajeros automáticos, recomiendan dos documentos:

"Accesibilidad para personas con ceguera y deficiencia visual", de la ONCE

"Adaptabilidad de cajeros automáticos para personas discapacitadas. Propuesta de normalización", publicado por la Fundación Barcelona Digital desde su Departamento de estudios.

La Guía propone para el software de los cajeros:

Que tenga pocas instrucciones y claras, gráficos e iconos sencillos así como un lenguaje fácilmente comprensible.

Que permita modificar el contraste de los caracteres, aumentarlos, combinar mayúsculas y minúsculas, etc. a través del teclado.

Con pantalla táctil en macrocaracteres, con fuentes de tipo Arial, de aproximadamente 1 cm (entre 28 y 36 puntos)

Con instrucciones en Braille, así como emisión de avisos auditivos y visuales de desarrollo del proceso como respuesta del cajero.

Con opción de reproducción por voz (con control del volumen) de los mensajes necesarios para utilizar el cajero, asegurando la confidencialidad y seguridad en la operativa: eliminando la utilidad de la pantalla al conectar el auricular, al descolgar un teléfono, etc.

Estandarizar el teclado en cuanto a su tamaño, distribución espacial, color, etc.

Incorporar a las teclas confirmación sonora de pulsación y señalización Braille.

Comprobar y adecuar la fuerza requerida para la presión de las teclas, así como la forma y textura de las mismas para evitar que los dedos resbalen.

Accesibilidad en la publicidad y en la señalización

La publicidad se realiza para ser leída, oída o vista, por lo que hacerla accesible pasará por incorporar alternativas pensando en las personas con deficiencias intelectuales, auditivas, visuales o para la manipulación.

Cuando la publicidad utilice un soporte visual deberá llevar las alternativas que permitan que se pueda leer u oír -audio, Braille, texto con tipo, tamaño y contraste de letra adecuado-.

Cuando la publicidad se realice en soporte sonoro deberá incorporar: texto escrito mediante subtitulado y lenguaje de signos.

Proponen que:

El texto será claro y comprensible para todos, así como adecuado al soporte y a la información que pretende aportar.

El tamaño de la letra será el adecuado a la distancia al lector, que dependerá de la ubicación del elemento informativo.

El tipo de letra seleccionado será el que más favorezca la legibilidad.

El rótulo debe contrastar cromáticamente con el parámento dónde esté ubicado y, a su vez, los caracteres del rótulo lo harán con el fondo del mismo.

El soporte de la información no emitirá reflejos al recibir luz natural o artificial.

La ubicación de los elementos informativos será tal que se pueda acceder a ellos y a la información que pretenden aportar.

Los elementos informativos estarán correctamente iluminados.

Atención al cliente

En cuanto a la relación con los posibles clientes con discapacidad y siguiendo uno de los criterios básicos del diseño para todos –el de contar con el usuario- indican que se realizaron estudios cualitativos que permitieron recoger sugerencias de los clientes –en torno a la accesibilidad de los servicios en sucursales, en la oficina virtual o en la banca telefónica- y marcar objetivos de mejora.

Para su relación con los clientes con discapacidad, Bankinter ha realizado un curso de formación online para que sus trabajadores conozcan las necesidades de estas personas y la manera de abordar las soluciones, especialmente en cuanto a la comunicación con ellas.

Igualmente Bankinter incorpora un servicio de intérprete de lengua de signos a demanda de cualquier persona que lo requiera (con cita previa).

Otros servicios que Bankinter recomienda y que él mismo ha puesto a disposición de sus clientes con discapacidad visual son:

La tarjeta de coordenadas en formato braille.

El extracto integral de cuentas en formato audio o en formato papel en tamaño de letra superior al habitual

Reseña: “Pensar primero”

2007-12-11T16:24:00.000+01:00

Todos los caminos son buenos para quién no sabe a dónde va
Lewis Carroll

El otro día pasé un buen rato leyendo "Pensar primero" de Daniel Mordecki, libro que te puedes descargar gratuitamente en PDF.

No es un libro que le vaya a enseñar nada nuevo a un profesional de la usabilidad, pero sí que debería ser leído por todas las personas involucradas en el desarrollo de software como una excelente y amena introducción al Diseño de Interacción. Se lee en unas cuatro horas y sin duda te arrancará bastantes sonrisas.

Resumo a continuación el contenido del libro, que como digo gira entorno al Diseño de Interacción. Quizás algún programador se sienta ofendido, por ello comentaré primero que el autor afirma que:

Los programadores son gente inteligente, desarrollan una tarea extremadamente exigente, que les requiere muchas veces jornadas muy largas de trabajo bajo la presión de cronogramas y fechas límites. No se empecinan en mantener interfaces pobres porque sí, sino porque en el acierto o en el error están absolutamente convencidos que son las más adecuadas. Las pruebas de usabilidad son uno de los pocos caminos para revertir estas opiniones cuando están equivocadas y probablemente sean la de mejor relación costo/beneficio.

El autor, lo que realmente defiende, es que el programador debe poder dedicar el 100% de su tiempo a programar, que no deben recaer sobre él tareas que habitualmente realiza y para las cuales no está formado.

Los objetivos de la programación y del diseño de interacción van por caminos separados, por lo que no es viable que quién esté programando sea capaz de diseñar (no hablamos de diseño gráfico). No sólo se trata de tareas disjuntas en el tiempo, dado que el diseño antecede a la programación, sino que las metodologías, objetivos y requisitos son completamente distintos.

Describe situaciones habituales en las que los programadores suelen poner el foco en la tarea misma, seguros de que cuántas más tareas sea capaz de realizar una aplicación más feliz va a ser el usuario, incapaces de entender a los que están al otro lado de la pantalla. Achacan los problemas de una aplicación a que los usuarios no leen los manuales, a que los usuarios deberían formarse más, ser más cuidadosos o prestar más atención.

[Ojo, son palabras del autor, aunque he de decir que he vivido situaciones similares a las que cuenta, y yo misma he oído a menudo comentarios del tipo bueno, pues si el usuario hace eso peor para él, ya se dará cuenta de que no debe hacerlo]

El objetivo del libro es mostrar que los problemas no residen en los usuarios sino en el propio software.

El diseño de la interacción está focalizado en las necesidades de los seres humanos, la programación está centrada en las necesidades de las computadoras. Unas y otras son bien distintas. Mientras que los humanos somos imprecisos, nos equivocamos, somos ambiguos y cambiamos de opinión y gusto, las computadoras son exactas, precisas, inequívocas, lógicas y repetitivas.

El diseñador de la interacción se preocupará de que el software hable el lenguaje de quien lo va a usar y no el lenguaje de la computadora.

El autor hace hincapié en que demasiado a menudo se empieza a programar antes de diseñar la aplicación, insistiendo en que el Diseño de la Interacción debe realizarse obligatoriamente antes de programar: "diseñar primero, programar después", es la máxima del libro.

Si pensáramos en sentido inverso y aplicáramos los usos y costumbres informáticos a la ingeniería civil, entonces después de una reunión de dos o tres horas, donde le indican al gerente de proyecto que se va a construir un edificio con 30 apartamentos de dos dormitorios, cocina, living comedor y otras facilidades, de 75m2 cada uno, con 15 cocheras y de categoría media, éste se dirige al terreno y sentencia: "muchachos, vayan haciendo un pozo acá de más o menos 5 metros como la vez pasada, creo que con eso va a alcanzar, así adelantamos mientras yo hago los planos. Si después hay alguna diferencia vemos".

Diseñar antes de programar es menos costoso, genera software de mejor calidad y usuarios más satisfechos, todo lo cual se traduce en una relación costo/beneficio excelente comparada con las metodologías que no lo hacen así:

diseñar reduce la cantidad de cambios a realizar sobre la marcha

los programadores podrán concentrarse exclusivamente en su tarea: programar

el software tendrá menos parches, con un modelo de datos más refinado, con menos opciones ocultas, desarrollado por programadores focalizados 100% en la tarea, sin duda será más compacto y eficiente, y por lo tanto tendrá menores requerimientos de equipamiento

El código es como el hormigón: una vez que está escrito, la estructura endurece y los cambios se volverán inviables […] Los cambios se plasmarán en parches al código que, a pesar de que desarrollan la función solicitada por el cliente, aumentarán la probabilidad de introducir errores y dificultarán enormemente en el futuro el mantenimiento de la aplicación […]

El proceso de Diseño de la Interacción aplicado antes de la programación genera pues usuarios más satisfechos, entendiendo que la satisfacción de un cliente no es el resultado abstracto de un producto "bueno", sino la relación entre su percepción del producto que recibe y las expectativas que tenía antes de recibirlo.

Cinco son objetivos del Diseño de la Interacción:

Definir el producto final: sin esta definición es imposible saber cuándo está el producto acabado.

Acotar y minimizar los costos: el costo no se dispara porque fue mal estimado, sino porque se estimó el costo de una solución muy distinta a la que se terminará implementado.

Poner el foco en el usuario.

Sacar la presión que el diseño implica para el equipo de programación.

Hacer creíbles y "cumplibles" los cronogramas.

Las tres herramientas del Diseño de Interacción son:

Los personajes

Los objetivos

Los escenarios

Personajes

Daniel menciona las típicas reuniones que todos hemos vivido en que gerente, programador, diseñador, etc. defiende con vehemencia que el usuario preferirá tal o cual solución. En realidad todos ven a un usuario completamente distinto… extremadamente parecido a sí mismo, a un amigo o a un conocido, y discute encarnizadamente para imponer su visión de lo que es mejor.

La solución son los personajes, que tendrán nombre propio, y dicho nombre sustituirá al término "usuario" que hay que desterrar. Los personajes son personas ficticias (nunca reales) pero con una descripción lo suficientemente detallada para que pueda contestar a las preguntas de qué necesita el usuario, para lo cual deberán ser representativos de las personas que usan el programa.

Tendremos tantos personajes como roles distintos. Además de los personajes principales podrá haber personajes secundarios, que no son destinatarios finales pero también tienen su relevancia.

Hay que tener en cuenta que cuantos menos personajes mejor, puesto que cada personaje agrega una enorme cantidad de complejidad adicional: si tiene más de 5 o 6 personajes, entre principales y secundarios, lo más probable es que esté haciendo las cosas mal.

Objetivos

Realizamos tareas, anhelamos objetivos. Es necesario reposicionar el foco y pasar del software que hace cosas al software que ayuda a quien lo usa a conseguir objetivos.

Diseñar es encontrar dentro del espectro de objetivos de nuestros personajes el nivel justo de detalle que los comprenda y describa de forma útil para el desarrollo de la aplicación. […] Los objetivos de los usuarios potenciales deben jugar el rol de equilibrar y amalgamar las funcionalidades del software en un todo único.

Escenarios

La función de los escenarios es vincular los objetivos de los usuarios con las acciones concretas que desarrollan al utilizar la aplicación. Cada uno de los objetivos debe ser analizado minuciosamente para encontrar la lista completa de las tareas que hay que realizar para alcanzarlo.

Cada tarea debe ser puntuada del 1 al 5 en tres atributos para más adelante ordenarlas y ubicarlas:

Nivel de importancia: cuán importante es la tarea para alcanzar el objetivo.

Nivel de dificultad de implementación: en combinación con el nivel de importancia, el nivel de dificultad nos va ayudar a ponderar el esfuerzo de diseño y programación que hay que poner en una tarea determinada.

Frecuencia: la frecuencia con que repetimos una tarea tiene una importancia vital para el diseño.

Existen distintos tipos de escenarios:

Los de uso diario: son la quintaesencia del diseño de aplicaciones porque es allí donde los usuarios serán infinitamente felices o rabiosamente desdichados.

Los de uso periódico: son aquellos que responden a algún objetivo de algún personaje, pero no son utilizados a diario sino de forma esporádica.

Los de uso necesario: no existen para satisfacer necesidades de los usuarios, sino necesidades de la aplicación, como por ejemplo las pantallas de configuración, que deberían ser eliminadas. Programe para averiguar la información que necesita en vez de preguntarla.

Situaciones límite: desde el punto de vista de la programación son vitales, desde el punto de vista del usuario no, siempre y cuando este conserve el trabajo realizado hasta el momento.

Daniel parte de que se debe proponer una metodología práctica que permita enfrentarnos a problemas concretos, con presupuestos concretos y otras restricciones también concretas. Por eso propone dedicar, desde el punto de vista del Diseño de Interacción: el 75% del esfuerzo para los escenarios de uso diario, el 20% para los de uso periódico, 5% para los de uso necesario y nada para los de caso límite.

Si está diseñando un sitio Web, dibuje un recuadro para cada página que tendrá que diseñar, verifique que están todas, y pinte con un color distinto cada página según pertenezca a un escenario de uso diario, periódico, necesario o de caso límite. Verificará con sorpresa que va a dedicar el 70% del tiempo en el diseño del 10% de las páginas.

Una vez completado el proceso de definición de los personajes, descriptos sus objetivos, desglosados estos objetivos en tareas que se agrupan en escenarios, estamos en condiciones de especificar cómo se presentará el sitio ante los ojos de los usuarios.

Especificar la interfaz es dar el paso siguiente y determinar unívocamente, sin ambigüedad alguna, cómo será cada uno de los elementos de la interacción del sitio.

Para ello se propone dos técnicas: o desarrollar un esqueleto estático o un StoryBoard.

En ambos casos deben estar comentados al detalle, puesto que los programadores están acostumbrados a ir añadiendo/modificando/improvisando elementos del interfaz a medida que lo programan, adaptando la interacción a la implementación, y el resultado acaba alejándose del diseño original.

El esqueleto estático es una colección de páginas Web vinculadas entre sí que simulan el funcionamiento que tendrá el sitio una vez que esté terminado, definiendo a la vez, de forma unívoca, la interacción del sitio con sus visitantes. No es un prototipo, puesto que los prototipos no son completos y el esqueleto sí: tiene el 100% de las páginas. Además los prototipos no contemplan todos los detalles pero el Diseño de Interacción debe necesariamente contemplarlos todos.

Siempre es mejor contar con el diseñador gráfico (aunque siempre hay quien decide que si no llama al diseñador tendrá un contendiente menos para discutir) al especificar la interacción, tendríamos así la maqueta completa, que le pasaríamos a los programadores.

El StoryBoard consiste en crear las pantallas del sitio en imágenes, es más rápido de crear y modificar o de hacer distintas versiones, pero también resulta menos preciso, más lineal y es más difícil representar la interacción.

Daniel pasa entonces de la disciplina del Diseño de Interacción al de la Usabilidad:

El diseño de la interacción es la herramienta para construir un sitio o una aplicación desde cero. La usabilidad testeará lo que el diseño construyó primero. Y las distintas soluciones a los problemas son producto del diseño, la usabilidad encuentra los problemas pero no los resuelve, esta es tarea del diseño de la interacción.

El desafío de la Usabilidad es entender cómo ven el software quienes lo utilizan, qué piensan cuando lo usan, qué pistas le otorgan a los usuarios las respuestas que el software les da, entender por qué toman sus decisiones cuando se deciden por una u otra opción. La Usabilidad tiene como objetivo analizar el nivel de coincidencia que el modelo de representación de una aplicación o sitio Web expresa a través de su interfaz, con el modelo mental del usuario que está sentado frente a ella.

Para ello es necesario realizar test de usuarios. Daniel, de forma muy pragmática, indica que siempre es mejor un test improvisado, con cualquier compañero no involucrado en el proyecto, que no realizar ningún test. Aunque afirma que cualquier cosa no puede ser considerada una prueba de usabilidad decente, cree que una prueba mínima, con cualquiera que encontremos en el pasillo, posiblemente nos mostrará errores obvios que tuvimos delante de nuestras narices 18 meses sin verlos.

La usabilidad produce dos entregables:

Un análisis de la aplicación que encuentra las debilidades que alejan a los usuarios de sus objetivos cuando interactúan con ella.

Una sistematización de lo aprendido en las pruebas de usabilidad para encontrar patrones de problemas, guías de usabilidad basadas en el análisis empírico de las distintas situaciones.

Los test de usabilidad no prueban una tesis a partir de una hipótesis como en un teorema, sino que constituyen un insumo vital, que sumado a la experiencia, conocimientos y sentido común del diseñador, le permitirán perfeccionar el comportamiento interactivo de una aplicación.

Por último, me hace gracia cómo consuela a los diseñadores con una gran verdad:

Cuanto mejor es el diseño, menos se nota, y por lo tanto menos elogios recibirá. El buen diseño de la interacción produce aplicaciones y sitios Web sencillos, directos, de comprensión inmediata: no recibirá ningún elogio por ellos, salvo de algún experto que conozca lo difícil que es alcanzar un resultado de calidad. Eso sí, no intente explicar que el éxito se debe al excelente diseño, todos le contestarán al unísono: "¿esas paginitas con dos o tres gif son un 'excelente diseño'?".

Como dice Daniel, eso es posiblemente lo que le pasó al diseñador de Google.

Accesibilidad web y discapacidad auditiva

2007-11-20T14:22:00.003+01:00

Artículos relacionados
[12-04-09] Reseña: "Accesibilidad a los contenidos audiovisuales en la web"

1. Introducción

En un principio Internet puede parecer un medio ideal para los usuarios con discapacidad auditiva. Se puede pensar que, salvo en el caso de que haya algún elemento audiovisual que sea necesario subtitular, no es necesario tomar más medidas para que el contenido de nuestros portales sea accesible para este colectivo.

Esa premisa es falsa. Este artículo explica otros problemas de accesibilidad que tienen los usuarios sordos al acceder a la Web, así como los derechos que han adquirido con la reciente aprobación de la Ley de Lengua de Signos.

2. Ley de Lengua de Signos

El pasado 24 de octubre se aprobaba la Ley de Lengua de Signos, en la cual se equipara la lengua de signos y la lengua de signos catalana a cualquier otra lengua del Estado, y en la que se garantiza a las personas con discapacidad auditiva (en España hay más de un millón de personas con problemas de audición) el acceso a la comunicación.

Se puede consultar el texto íntegro de la ley en el BOE. Nos interesa conocer especialmente el artículo 14 (Medios de comunicación social, telecomunicaciones y sociedad de la información) en el cual se dice:

1. Los poderes públicos promoverán las medidas necesarias para que los medios de comunicación social, de conformidad con lo previsto en su regulación específica, sean accesibles a las personas sordas, con discapacidad auditiva o sordociegas mediante la incorporación de las lenguas de signos españolas.

2. Asimismo, los poderes públicos adoptarán las medidas necesarias para que las campañas de publicidad institucionales y los distintos soportes audiovisuales en los que éstas se pongan a disposición del público sean accesibles a estas personas.

3. Se establecerán las medidas necesarias para incentivar el acceso a las telecomunicaciones en lengua de signos española.

4. Las páginas y portales de Internet de titularidad pública o financiados con fondos públicos se adaptarán a los estándares establecidos en cada momento por las autoridades competentes para lograr su accesibilidad a las personas sordas, con discapacidad auditiva y sordociegas mediante la puesta a disposición dentro de las mismas de los correspondientes sistemas de acceso a la información en la lengua correspondiente a su ámbito lingüístico.

[...]

¿Cómo podemos hacer que el contenido de nuestros portales sea plenamente accesible para los usuarios con discapacidad auditiva?

Lo primero que hay que hacer, evidentemente, es cumplir con las Pautas de Accesibilidad de la WAI. Pero se hace también imprescindible conocer las diferencias cognitivas de los sordos y los oyentes para comprender sus necesidades específicas como, por ejemplo, que ciertos contenidos escritos estén también disponibles en la Lengua de Signos.

Para abordar este tema no hay mejor trabajo para mi gusto que "Accesibilidad Cognitiva de los Sordos a la Web".

3. Accesibilidad Cognitiva de los Sordos a la Web

Accesibilidad Cognitiva de los Sordos a la Web es un trabajo del Departamento de Psicología Experimental de la Facultad de Psicología de la Universidad de Granada, cuya lectura recomiendo a todas aquellas personas dedicadas a la accesibilidad web.

El trabajo resume qué características debe tener un portal orientado a usuarios sordos, puesto que, aunque en un principio Internet puede parecer un medio ideal para estos usuarios, la realidad es que el déficit auditivo de los sordos no sólo les dificulta o impide la compresión del habla en la comunicación oral, sino que les conduce a un notable déficit en el procesamiento de cualquier información verbal, sea oral o escrita. Este hecho les supone un handicap a la hora de interpretar el lenguaje escrito que […] está fuertemente implicado en la comunicación vía Internet.

Me salto todo lo que es el estudio sobre los procesos cognitivos en los sordos que podéis leer en el original, y paso a resumir las conclusiones del trabajo que nos ayudarán a que nuestros desarrollos sean más accesibles para este colectivo.

Las principales tareas cognitivas que debe poner en marcha una persona cuando interacciona con la Web son:

3.1 Tarea de búsqueda visual

Es decir, buscar información o elementos en la pantalla.

En las búsquedas visuales que implican palabras, por ejemplo en un menú, los sordos tienen claras dificultades. El estudio propone apoyar las palabras con iconos cuando se pueda, y cuando no, tener en cuenta su vocabulario reducido a la hora de seleccionar las etiquetas a utilizar.

3.2 Tarea de atención dividida

Las páginas son un conglomerado de información que hay que procesar de manera concurrente y ello implica dividir nuestra atención. La eficacia de la ejecución cuando se realizan tareas concurrentes dependerá de que:

las tareas no compitan por los mismos recursos atencionales

no sobrepasemos las limitaciones de cada fuente de recursos

El estudio propone reducir la cantidad de información o el número de tareas visioespaciales por página.

3.3 Tareas de navegación

Los sordos son mejores a la hora de navegar gracias a que sus habilidades visioespaciales están más desarrolladas.

El estudio propone compensar la menor cantidad de información por página con más páginas, y contar siempre con un mapa del sitio que les es de gran utilidad.

3.4 Tarea de lectura y comprensión de textos

Para facilitarles la lectura se propone:

Utilizar un lenguaje directo, sin exceso de palabras

Usar un vocabulario familiar

Enumerar y separar físicamente los puntos de las instrucciones y procesos

Resaltar puntos o palabras claves

Evitar frases subordinadas o con muchas preposiciones, artículos y pronombres

Evitar las frases negativas

3.5 Tarea de manejo de ratón y escritura

Los usuarios sordos manejan el ratón igual que los oyentes pero tienen mucha más dificultad para la escritura que estos, por eso se propone primar la respuesta mediante el ratón sobre la respuesta escrita.

Por ejemplo, para un sordo es mucho más sencillo seleccionar una opción activando un checkbox que escribiendo una respuesta en una caja de texto.

4. Alternativas en la Lengua de Signos

La dificultad de los sordos para interpretar el lenguaje escrito, como hemos visto en Accesibilidad Cognitiva de los Sordos a la Web, es la razón por la cual hay portales (Movistar, Bankinter, etc.) que ofrecen vídeos con información en la lengua de signos, puesto que así los usuarios sordos pueden comprender mejor la información que se les ofrece, especialmente cuando esta es compleja por tratarse de información técnica, financiera, etc.

Con la Ley de Lengua de Signos, como vimos en el artículo 14, esta práctica se convierte en un derecho. No sólo es necesario que cualquier elemento multimedia esté subtitulado, sino que los usuarios sordos tienen derecho a acceder a la información en la lengua de signos.

En Sidar se puede consultar el artículo Directrices para el uso del Lenguaje de Signos en la Red, en el cual se enumeran todas las características que deben tener estos vídeos.

En el artículo de Sidar se recomienda SMIL (Synchronized Multimedia Integration Language) estándar del World Wide Web Consortium (W3C) para presentaciones multimedia. El lenguaje SMIL permite integrar audio, video, imágenes, texto o cualquier otro contenido multimedia.

Sergio Luján, en "Subtítulos y lengua de signos todo junto" nos mostraba hace unos días un visor de SMIL desarrollado con Flash que permitía utilizar dos flujos de vídeo de forma conjunta: De esta forma se puede ofrecer un vídeo, los subtítulos, la descripción del audio y un segundo vídeo con la lengua de signos todo en uno. El reproductor permite activar o desactivar las distintas opciones (subtítulos, descripciones y lengua de signos).

Otros artículos interesantes de Sergio son:

SMIL y la accesibilidad web

Serie "Guía breve": Multimedia

Herramienta para subtitulado

5. Noticias relacionadas, ¿será el futuro?

TextSign, herramienta de software para la conversión de texto a la Lengua de Signos Española

[5.10.2009] Las gafas de subtitulado de CESyA son consideradas como uno de los mejores inventos mundiales del año por la revista Time

Usable y accesible

Reseña "WCAG 2.0 made easy" de Olga Revilla

Reseña "Just Ask: Integrating Accessibility Throughout Design"

Principios básicos

Contexto: Accesibilidad en el Diseño Centrado en el Usuario

Análisis

Diseño

Evaluación

Técnicas de filtrado

Planificación de las pruebas de usabilidad

Preparación de las pruebas de usabilidad

Realización de las pruebas de usabilidad

Elaboración de informes

Lista de verificación para las pruebas de usabilidad

Recursos

Reseña: "Accesibilidad a los contenidos audiovisuales en la web"

Parte 1. Introducción

Parte 2. La cadena de accesibilidad de los contenidos audiovisuales en la web

Primer eslabón: el contenido ha de ser accesible

Buenas prácticas de subtitulado

Buenas prácticas de audiodescripción

Buenas prácticas para la lengua de signos española

Segundo eslabón: el acceso al contenido multimedia debe ser accesible

Tercer eslabón: ofrecer alternativas atendiendo a preferencias del usuario y la interacción del usuario al acceder al contenido debe ser usable

Parte 3. Listado de puntos de verificación de la accesibilidad a los contenidos audiovisuales en la web

Reseña: "Cómo escribir para la Web" de Guillermo Franco

Capítulo 1. Comportamiento del usuario: lo que dicen las investigaciones

Capítulo 2. Incorporación del concepto ‘usabilidad’ para definir la calidad de un texto en el ambiente Web

Capítulo 3. ¡Use la pirámide invertida!

Modelos de pirámide invertida

Longitud de los textos

Estratificación de contenidos y modelos de titulación

Capítulo 4. Construya la pirámide

Pirámide invertida horizontal

Voz pasiva, los dos puntos y las palabras prohibidas en los titulares

Frases cortas

Escribir los números

Evitar las referencias temporales

Capítulo 5. Rompa la uniformidad del texto

Capítulo 6. Textos en otros formatos y plataformas

Epílogo

Otras referencias relacionadas

Estudios

Documentos

En la blogosfera

Libros

Reseña: "Psicología del color" de Eva Heller

Introducción

Objetivo del estudio

Reglas y nociones básicas

Teoría

Efecto de los colores

Los textos y los colores

Los colores en cifras

Significados de cada color y acordes cromáticos

Azul

Rojo

Amarillo

Verde

Negro

Blanco

Naranja

Violeta

Rosa

Oro

Plata

Marrón

Gris

Artículos relacionados

Faz nº2: artículos que han llamado mi atención

Metodología DCU MPlu+a

Reseña: Servicios Financieros Accesibles para todas las personas

Banca por Internet

Banca telefónica

Banca móvil

Banca a través de oficinas bancarias

Accesibilidad en la publicidad y en la señalización

Atención al cliente

Reseña: “Pensar primero”

Accesibilidad web y discapacidad auditiva