Normativa de Accesibilidad y Usabilidad Web – Gobierno de la Ciudad de Buenos Aires

Por la conjunción de mi insistencia y la generosidad (e inteligencia) del  Coord. Gral. Del Portal Web del GCBA Pablo Vaccarezza, se creó en octubre de 2009 el área de usabilidad y accesibilidad Web del gobierno de la Ciudad de Buenos Aires.

El objetivo era verificar que sus sitios fueran comprensibles, perceptibles, operables y compatibles y que estuvieran pensados y diseñados en función de las tareas que los usuarios debían efectuar.

El inconveniente surgió cuando algunos proveedores comenzaron a negarse a hacer modificaciones, dado que estas exigencias no formaban parte de los requerimientos de las licitaciones.

De este modo, surgió la idea de desarrollar una normativa que los instara a hacerlo. Para esto, tuve el privilegio de ser corregida y aconsejada por Martín Baldassarre, Enrique Stanziola, Juan Lanús, Santiago Bustelo, Eduardo Mercovich, Gonzalo Auza, Guillermo Ermel, Celeste Oliveri,  José Allona, Juan Manuel Carraro y Mariano Goren, quien generó rápidamente un encuentro a través de IXDA para sumar aportes.

También se contactaron conmigo Mario Carvajal y Juan Saab Vanegas de Colombia, para enviarme como referencia la leyes de su país.

La normativa fue aprobada por el Secretario de Comunicación Social Gregorio Centurión y se estableció dentro de la Resolución 76/SCS/10 que fue publicada en el boletín oficial del GCBA el día 04/05/2010. La misma hace referencia al texto detallado debajo,  que ya se encuentra en la Intranet de la Agencia de Sistemas de Información del GCBA, disponible para los proveedores:

Continuar leyendo…

Analizar, estructurar y luego recién diseñar

Luego de ver diseños visualmente interesantes, pero desenfocados de las tareas que tienen que realizar los usuarios en el Sitio; escribí los siguientes pasos de trabajo, que entiendo que nos ayudarán a comenzar a trabajar pensando en la usabilidad:

  1. Comprender los objetivos del sitio.
  2. Analizar quienes van a ser los usuarios.
  3. Armar la arquitectura de la información.
  4. Definir los rótulos.
  5. y luego recién … armar el diseño visual.

Continuar leyendo…

Conocer los objetivos de los usuarios para enfocar nuestros diseños

En cualquier proceso de diseño hay que tomar decisiones. Si queremos hacer un sitio con el que los usuarios se conecten de forma duradera, estas decisiones deben estar basadas en el análisis de los objetivos de los usuarios potenciales, lo que permitirá comprender sus motivaciones más profundas.

¿Cómo reconocemos los objetivos de los usuarios?

Pocas veces los usuarios logran definir sus propios objetivos, por eso somos nosotros quienes debemos deducirlos y reconstruirlos a partir de entrevistas.

Continuar leyendo…

Creación de personajes como herramienta de diseño.

Este método consiste en crear uno o varios personajes ficticios (con nombre, apellido, características y objetivos), que representen las necesidades de un grupo de usuarios y cuenten con una descripción narrada y detallada que pueda contestar preguntas en el momento de tomar decisiones de diseño.

Implica reemplazar el trabajo en abstracto para diseñar focalizados en alguien específico, analizando la importancia de cada tarea según la mirada de nuestro personaje representativo (que contará con el modelo mental de los usuarios a quienes estamos apuntando).

Continuar leyendo…

Botoneras armadas con listas e imágenes.

¿Por qué conviene armar las botoneras con listas?

HTML es un lenguaje basado en etiquetas donde las posiciones y funciones de cada elemento en la estructura del Sitio están indicadas mediante tags.

Un menú es un listado de links (verticales u horizontales) y deben estar contenidos con las etiquetas de listas <ul> u <ol>.

Por lo tanto:

  • En caso de que se desactiven los estilos (CSS) la botonera se visualizará como un conjunto de links agrupados.
  • Los lectores de pantalla – que no interpretan el Sitio visualmente, sino a partir de cómo está formulado el código – comprenderán y podrán transmitir correctamente la estructura al usuario no vidente.

Continuar leyendo…



Copyright © 2004–2009. All rights reserved.

RSS Feed. This blog is proudly powered by Wordpress and uses Modern Clix, a theme by Rodrigo Galindez.