With the UI, it's a different story...

[...]
When designing UIs like websites, continuous changes of the user interface due to fast iterative design may conflict with user expectations and learnability, provoke inconsistency and possibly lead to user dissatisfaction. Evaluation of small releases with stakeholder participation does not ensure that the whole system provides a consistent conceptual, navigational or content model.
[...]
Increasingly, software engineering (SE) and UID have to cope with a shorter time-to-market, whereas the quality of the delivered software must not suffer. This continuous shortening of development lifecycles is a great challenge to both project management and the applied methods and tools. Therefore, many usability engineering (UE), UID and agile method experts have developed light-weight approaches or so-called agile usability engineering (AUE).

Cuando lo único constante es el cambio... ¿la solución es XP?

Extreme Programming (XP) was created in response to problem domains whose requirements change. Your customers may not have a firm idea of what the system should do. You may have a system whose functionality is expected to change every few months. In many software environments dynamically changing requirements is the only constant.

www.extremeprogramming.org

Manual de Accesibilidad, de Claudio Segovia

Ayer por la tarde estuve en la Internet Meeting con Enrique.
Escuche algunas charlas de Usabilidad y Accesibilidad, y anoté varios links que los oradores escribieron en sus presentaciones.

Entre ellos, encontré este genial manual de Claudio Segovia acerca de la Accesibilidad Web.
Les dejo su respectivo link:

http://www.inclusiondigital.net/albergue/accesibilidad.pdf

(Es un poco largo, pero vale la pena).

Css, Css y más Css

CSS = Cascading Style Sheets = Hojas de Estilo en Cascada.

Este post estará dedicado a recopilar todos los links pertinentes a sitios con sitios con tutoriales de CSS, tips de CSS, información de CSS y páginas interesantes creadas con CSS (siempre se puede aprender algo viendo webs de otras personas).

Galerías de Webs con CSS:

• BestWebGallery
• CSS-Remix
• CSS Reboot
• CSS Beauty
• CSS Vault
• W3C Sites
• Web Creme
• Web Standard Awards
• StyleBoost
  

Tutoriales/Tips de CSS:

• W3-Schools (recomendado para aprender lo básico)
  
• WebDesignerWall
• Daniel Ott
• CSS-Globe
• A List Apart
• Ask the CSS Guy
• MeyerWeb
• HTML-Dog
• DezWozHere
• 456 Berea Street
• CSS Play
• Brunildo

Otros Sitios:

• ZenGarden
• Alvit.de

Validadores de Accesibilidad

Si bien los resultados que otorgan los diferentes validadores de accesibilidad no son la verdad absoluta de que nuestro sitio sea accesible para personas con discapacidad, después de probar varios, comprobé que coinciden bastante en ciertos puntos clave.
Por eso no recomiendo atarse solo a un validador de accesibilidad, sino usar varios para lograr realmente un mayor espectro de corrección para mejorar la accesibilidad de nuestro sitio.

6 validadores de accesibilidad que encontré:

• CynthiaSays (en inglés)
  
• Wave (en inglés)
  Lo bueno de Wave es que podemos copiar y pegar HTML en su página y que nos lo valide allí, y tambíen podemos descargar un toolbar de Firefox para que nos valide páginas de manera local.
• TAW (en español)
• HERA (en español)
• Examinator (en español)
• ATRC - Web Accessibility Checker
  (También permite subir archivos locales).
  

Algunos de éstos validadores pueden hacer su análisis diferenciando el nivel de accesibilidad (A) (AA) y (AAA).

¿Quién puede leer esto?

Estamos empezando a hacer despegar.com más accesible para usuarios con capacidades distintas. Hoy Nacho encontró una buena herramienta para medir el contraste entre texto y fondo, es el Contrast Analyser 2.0 de The Paciello Group. Además tiene un simulador de daltonismo muy interesante: te muestra como vería un texto, una imagen o una página alguien que confunde los colores.

Bajar Contrast Analyser

Principios de diseño de interacción

El diseño de interacción usable se basa en principios (o guidelines) y estándares. Aqui les paso una buena recopilación de principios de interacción que hizo Bruce Tognazzini (un diseñador ex-Apple, ahora consultor de usabilidad).

Los siguientes principios son fundamentales para el diseño e implementación de interfaces gráficas efectivas, bien se trate de interfaces GUI de escritorio (como Word) o de la web.

Muchas de las aplicaciones web reflejan una falta de entendimiento de muchos de los siguientes principios. Estos principios no cambian aunque se trate de una aplicación web; es más, aplicar estos principios se vuelve más importante.

Las interfaces efectivas son visualmente comprensibles y permiten errores por parte del usuario, dándole una sensación de control. Los usuarios ven rápidamente el alcance de las opciones y comprenden como alcanzar sus metas y realizar su trabajo.

Las interfaces efectivas ocultan al usuario el funcionamiento interno del sistema. El trabajo se guarda continuamente y con la opción de deshacer en todo momento cualquier paso que se haya dado.

Las aplicaciones y servicios efectivos realizan el máximo trabajo requiriendo la mínima información del usuario.

Lista de los principios:

Anticipación	Autonomía	Daltonismo
Consistencia	Valores por defecto	Eficacia del usuario
Interfaces explorables	Objetos humanos	Reducción de latencia
Aprendizaje	Uso de metáforas	Protege el trabajo del usuario
Legibilidad	Guardar el estado	Navegación visible