Día Mundial de la Usabilidad 2008 en Buenos Aires

El objetivo es difundir y fomentar el desarrollo de productos y servicios fáciles de usar.

Cuándo

El martes 18 de Noviembre de 2008, de 8:30 a 17:30 hs. Por favor sea puntual para poder acreditarse antes de que comience el evento.

Dónde

En el Aula Magna de la Universidad de Palermo: Mario Bravo 1050, Ciudad Autónoma de Buenos Aires, Argentina.

Público interesado

Empresas productoras de bienes y servicios, gobierno, académicos, profesionales de las áreas de marketing, comunicación, diseño, tecnología y atención al cliente, estudiantes y profesionales interesados en la usabilidad y las disciplinas vinculadas, como diseño web, arquitectura de información, diseño centrado en el usuario y diseño de interacción.

Programa

Se cubrirán aspectos conceptuales, prácticos, metodológicos y económicos de la usabilidad, entre los que habrá:

• Charlas: introducción a la usabilidad, valor agregado y retorno de inversión, equipos de IT y usabilidad, el futuro de la usabilidad.
• Casos de éxito: empresas líderes contarán sus experiencias, relatadas por los protagonistas.
• Talleres: técnicas de diseño centrado en el usuario, arquitectura de la información, prototipado y diseño.

Todas las actividades serán lideradas por expertos locales que abordarán la cuestión de la usabilidad vinculándola no sólo al ámbito de Internet, sino también a otros campos en los que su aplicación significa una mejora en la vida diaria de las personas.

¿Interesado? Vea el programa completo.

Asistencia

Nos encantaría que todos los interesados pudieran venir. Pero dadas las limitaciones de tiempo y espacio del evento, se requiere una registración (gratuita) para asistir.

Acerca del Día Mundial de la Usabilidad

El Día Mundial de la Usabilidad se realiza en más de 40 países y es impulsado por la Usability Professionals' Association (UPA).

En Argentina, desde el 2008, es organizado por el Grupo de Profesionales de Usabilidad de Argentina y el capítulo Argentino de Internet Society (ISOC-Ar) junto a la Universidad de Palermo.

Usabilidad y Accesibilidad Web

¿Las webs accesibles son siempre feas?

Muchas veces, nos encontramos con sitios que generalmente respetando los estándares Web no son tan agradables visualmente, pero esto no tiene por que ser así.
Si nos basamos en los conceptos actuales de la Usabilidad y Accesibilidad mezclada con un poco de creatividad y el conocimiento de la tecnología, se pueden lograr resultados interesantes y agradables, que por ende son más vendibles.

Para continuar leyendo este interesante artículo, les recomiendo quevisiten la web de su autor.

Fuente: http://lausabilidad.blogspot.com/2008/08/usabilidad-y-accesibilidad-web.html

La importancia creciente de la accesibilidad de sitios web

Resumen: El numero de personas que acceden a servicios a través de internet crece cada día. Un porcentaje creciente de estas sufre limitaciones bien por su edad avanzada o por sufrir algún tipo de discapacidad para la realización de sus actividades cotidianas (oir, ver, hablar, valerse por sí mismo). Si al diseñar sitios web nos olvidamos de estas personas, las estamos discriminando. Por otra parte, el acceso a servicios de internet desde contextos y dispositivos variados (TVi, Wireless, PDAs), nos obliga a diseñar pensando en facilitar el acceso a la información de este público.

Limitaciones que podemos encontrar y su traslación al diseño web

Físicas:
Discapacidades visuales: (Ceguera total a parcial; daltonismo; visión borrosa...). Internet es un medio fundamentalmente visual y basado en texto e imagen. Ello no impide que personas con discapacidades visuales accedan a los contenidos de un sitio web mediante otro tipo de dispositivos, Voz, Braille.

Discapacidades motrices: (Parkinson, artritis, esclerosis múltiple, parálisis...) impiden el manejo de dispositivos estándar como teclados, ratones. No tienen porqué tener o ser capaces de usar un teclado o un ratón ya que existen otros tipos de dispositivos de acceso a la información como pueden ser los navegadores basados en voz.

Discapacidades auditivas: (sordera total, parcial) En algunos sitios web, es importante el sonido. Algunos tipos de sorderas impiden la audición de señales y pitidos del sistema.
Discapacidades cognitivas y de lenguaje: (Dislexia, dificultades para recordar, resolver problemas, limitaciones sensoriales, de comprensión del lenguaje)

Para estas personas, una maquetación compleja o un exceso de información en los sitios web puede causar un bloqueo mental, por ello es importante una presentación limpia y clara de la información a incluir en cada documento.

Discapacidades relacionadas con la edad: Desde pérdida de visión a deterioro de las capacidades auditivas, pasando por la pérdida de capacidades motoras y de coordinación debido a enfermedades como artritis, parkinson, etc.

De entorno: Al diseñar sitios web, no se está en el mismo entorno en el que será utilizada la aplicación en la que estamos trabajando, por ello, es importante ponerse en el lugar de nuestro usuario y su entorno de acceso ya que puede encontrarse en un entorno ruidoso, como un lugar público, o realizando otras tareas simultáneamente como atender un teléfono o conducir (en este último caso, que implica la seguridad de las personas, ponerse en este lugar del usuario es un punto crítico).

Técnicas:
Están relacionadas con el equipo con el que accede un usuario a internet. Dispositivos de acceso a la información:
- Navegadores antiguos
- Sistemas operativos diferentes Dispositivos de visualización
- pequeños (PDA, teléfono móvil)
- Pantalla en modo "sólo-texto" - Profunidad de color (VGA) - Resoluciones Conexión: - Mala conexión a Internet


Consecuencias de la NO ACCESIBILIDAD de un sitio web

Cuando afectan a las capacidades físicas, podrían resumirse en una sóla palabra: discriminación.

• No acceso a información relacionada con el empleo: empleados minusválidos que no pueden realizar su trabajo en la empresa por tener una intranet inaccesible; aplicaciones de empresa.
• No acceso a información sobre actividades cívicas y relacionadas con el ejercicio de los derechos ciudadanos.
• No acceso a programas educativos.
• No acceso al comercio en la red.
• No acceso a información general de la Web.
• Y en general, cierto estado de desconexión e incomunicación.

Para evitar esta situación, la Comisión Europea puso en marcha la iniciativa "eEurope - Una Sociedad de la Información para todos" (8 de diciembre de 1999). "Con la iniciativa eEurope se pretende que Europa pueda explotar sus puntos fuertes y superar los obstáculos que aún se oponen a la asimilación de las tecnologías digitales, a través de la consecución de tres objetivos clave:
Conseguir que todos los ciudadanos, hogares, escuelas, empresas y administraciones estén conectados a la red
Crear en Europa una cultura y un espíritu empresarial abierto a la cultura digital
Garantizar que la sociedad de la información no se traduzca en exclusión social."

En EE.UU. existe legislación federal que siguiendo las recomendaciones de la Web Accesibility Initiative (WAI), comisión de expertos del W3C, persigue la adopción de medidas de usabilidad y accesibilidad en el desarrollo de sitios web para facilitar el acceso a la información a todas las personas independientemente de sus capacidades físicas o dispositivos de acceso.

A través de la Sección 508 requiere a las Agencias Federales que desarrollen sus aplicaciones de forma que resulten accesibles para personas con discapacidades. Para ello, el Center for Information Technology Accommodation (CITA), de la Administración de EE.UU. ha sido encargado de la formación de los empleados federales para permitir el desarrollo de estas aplicaciones accesibles. Para lograr estos puntos, el WAI, como organismo dependiente del W3C, responsable de la instauración de estándares en la red, publica sus recomendaciones de estándares a adoptar por los profesionales del desarrollo web basándose en 5 puntos clave:

Tecnología
Guías y pautas
Herramientas
Educación
Investigación y desarrollo

Estos estándares se agrupan en:

Guías de Accesibilidad a Contenido Web 1.0: Dirigidas a la realización de sitios web accesibles para personas con discapacidades.

Guías de Accesibilidad para Herramientas de Publicación 1.0: sirven para guiar a los desarrolladores web en la utilización de herramientas de producción de contenidos para que estos sean accesibles.

Guías de Accesibilidad para Dispositivos de Acceso 1.0: Su utilidad es mostrar como hacer accesible la información a diferentes navegadores y reproductores multimedia y otros dispositivos de tipo asistivo.

El 5 de mayo de 1999, el W3C eleva formalmente Guías de Accesibilidad a Contenido Web 1.0 a recomendación, consistiendo en 14 pautas a seguir al desarrollar un sitio web:

I.- Ofrecer alternativas al contenido visual y auditivo
II.- No apoyarse únicamente en el color y comprobar que tanto textos como gráficos son comprensibles cuando se visualizan sin color.
III.- Utilización adecuada de hojas de estilo y marcadores Marcando los documentos con los elementos estructurales apropiados y controlando la presentación con hojas de estilo en vez de con elementos y atributos de presentación.
IV.- Identificar el lenguaje natural utilizado en cada documento, para facilitar la pronunciación o interpretación de texto abreviado o extranjero.
V.- Creación de tablas de contenido cuya transformación sea adecuada mediante marcadores que permitan su transformación a través denavegadores accesibles y otras aplicaciones de usuario.
VI.- Ofrecer medios alternativos a las últimas tecnologías Asegurar que los documentos son accesibles incluso cuando el dispositivo de acceso no soporta o tiene desactivadas las últimas tecnologías.
VII.- Permitir que el usuario controle las variaciones sobre contenidos basados en tiempo como animaciones, secuencias de diapositivas, etc. Este control se traduce en la posibilidad de detener, actualizar, dichos contenidos.
VIII.- Asegurar la accesibilidad del interfaz de usuario independientemente del dispositivo de acceso.
IX.- Diseñar con independencia del dispositivo utilizando características y estándares que permitan activar o desactivar elementos de la página a través de diversos dispositivos de entrada.
X.- Utilizar soluciones transitorias que permitan el acceso de dispositivos antiguos como navegadores de versiones antiguas y otras plataformas.
XI.- Apoyarse en tecnologías y pautas W3C o proporcionar versiones alternativas allí donde las pautas W3C no sean aplicables.
XII.- Proporcionar contexto y orientación a la información a través de elementos complementarios que permitan la comprensión de documentos complejos. (Títulos, navegación...)
XIII.- Ofrecer mecanismos claros y consistentes de navegación que apoyen al usuario en su tarea de encontrar información.
XIV.- Asegurar que los documentos sean claros y simples para una comprensión más fácil.

Conjuntamente a estas 14 pautas, el WAI ofrece unas reglas conjuntas que permiten la aplicación concreta de cada una de estas pautas y las agrupa en 3 niveles de prioridad.

Prioridad 1: Los desarrolladores de contenido web DEBEN satisfacer estos puntos o el contenido será inaccesible para algunos usuarios.

Prioridad 2: Los desarrolladores de contenido web DEBERIAN satisfacer estos puntos o el contenido podría resultar inaccesible para algunos usuarios.

Prioridad 3: Los desarrolladores de contenido web PUEDEN satisfacer estos puntos o el contenido puede presentar problemas de accesos para algunos usuarios.
Según el nivel de adhesión a estas prioridades, el WAI recognoce 3 niveles de conformidad para lo que permite la inclusión de un logotipo (no verificado por W3C en cuanto a su veracidad) indicando el nivel de conformidad alacanzado.

Nivel "A" (A): incluye los puntos de verificación de prioridad 1.
Nivel "Doble A" (AA): incluye las prioridades 1 y 2.
Nivel "Triple A" (AAA): incluye las prioridades 1, 2 y 3.

Cómo comprobar la accesibilidad de un sitio web

Servicios de validación automática de páginas web Se trata de servicios de acceso on line, que permiten el acceso a nuestro sitio web presentando el código validado según los estándares especificados. Bobby: desarrollado por CAST (Center for Applied Special Technology).

Aplicación que realiza un análisis en tiempo real de la página solicitada generando una nueva página donde se marcan de manera gráfica los fallos de accesibilidad y los elementos incorrectos o no estándar de HTML. Validador del WAI: Sirve para la detección automática de etiquetas no estándar de una página web para la versión seleccionada de HTML.

NetMechanic: Validador on line de código HTML. Verifica el código de un sitio web generando un reporte a través de email.

Listas de comprobación y autoevaluación (Checklists) Web Page Accessibility Self-Evaluation Test de la Diversity Management Directorate (Public Service Commission de Canadá), mediante este test de autoevaluación, se puntúa la accesibilidad de un sitio web basándose en las respuestas a un cuestionario acerca de los diferentes puntos de accesibilidad de la página.

HTML Author Checklist de la WAI.

Comprobación con varios navegadores y dispositivos Este punto es básico. Adicionalmente, la WAI y muchos otras organizaciones recomiendan la verificación de la accesibilidad de los sitios web mediante:

Navegador "sólo-texto" (Lynx o NetTamer) Ver a través de un emulador Lynx

Navegador basado en voz (PwWebSpeak)

Navegador estándar con:
Gráficos y multimedia desactivados
Sonido desactivado
Sin ratón
Resolución de pantalla en VGA
Distintos modelos y versiones de navegadores estándar como Explorer y Microsoft, Opera..., o incluso Mosaic

Fuente. http://www.alzado.org/comentarios.php?id_art=2
Autor: Luis Villa
Esta obra fue publicada por su autor bajo Licencia Creative Commons

Diseño Gráfico, fundamental...

Escrito por Jaime L. Vera Campos
06-October-2006

Actualmente la historia de la informática es inherente a las interfaces gráficas, debido a que los sistemas operativos gráficos han influido en la evolución de la industria del hardware y el software. La Interfaz Gráfica de Usuario (IGU) es la traducción del vocablo inglés Graphic User interface (GUI).

La primera interfaz gráfica de usuario se desarrolló en los laboratorios de XEROX, en los años sesenta. En 1984, Apple, la compañía de computadoras Macintosh, la puso a disposición del público, siendo además la pionera en su introducción, además del ratón (mouse). Fue hasta 1993 cuando se generalizaron las interfaces gráficas de usuario, con la primera versión popular del sistema operativo Windows 3.0 de Microsoft.

Básicamente, una interfaz es un dispositivo que permite una comunicación entre dos sistemas. Cuando se habla de la interfaz de un programa o aplicación (software), se trata del conjunto de herramientas y mecanismos que permiten al usuario interactuar con la computadora, facilitando las operaciones de información o datos. Es el aspecto visible como tal que tiene un programa, como se presenta ante los usuarios.

En el caso de una interfaz gráfica de usuario, se incluye una serie de elementos, como: menús, ventanas, teclado, ratón, sonidos en algunos casos y la participación gráfica en sí, con el apoyo de representaciones visuales. También se requiere una pantalla o monitor de computadora, con el fin de que el usuario pueda interactuar con las opciones del menú y los íconos, dentro del sistema. De esta forma puede abrirse el canal de comunicación entre el usuario y la computadora

En una interfaz gráfica de usuario para la Web, debe tenerse una visión clara sobre el sitio o la página, no sólo al determinar la estructura, la navegación y los contenidos, sino también al realizar el diseño gráfico como tal. Con esto puede lograrse una buena usabilidad, legibilidad, accesibilidad y funcionalidad. Cabe señalar que para esto no es necesario emplear lo último en recursos tecnológicos y/o gráficos espectaculares.

El diseño de los gráficos en la interfaz es útil para que el usuario vea en pantalla la información que pueda serle de interés. Éste le proporciona las herramientas que verá durante el tiempo que se relacione con la interfaz, así como la posibilidad de tomar las acciones necesarias como respuesta al sistema. Hoy en día, los gráficos diseñados en la computadora proveen una comunicación de manera ilustrada, lo que facilita la interacción con el hombre.

En esto radica la participación del diseñador gráfico, que es de suma importancia, porque él es quién tiene la posibilidad de integrar eficientemente elementos visuales como imágenes, tipografías, espacios, colores, etcétera.

Por otra parte, en el diseño y la combinación de elementos, como objetos gráficos y representaciones visuales, debe prevalecer una coherencia y una unidad, porque favorece la identificación de objetos.

La tipografía y la aplicación de color son aspectos que deben ser tratados cuidadosamente en el momento de establecer una buena interfaz, esto en razón de un buen contraste y una inmejorable legibilidad, como elementos formales del diseño gráfico en relación con los contenidos.

Con una interfaz bien diseñada, el usuario debe sentirse arropado en el momento de realizar sus búsquedas y cubrir sus necesidades de información, gracias al equilibrio entre contenidos y gráficos. De otra forma sería un fracaso, porque la interfaz no cubriría bien las necesidades de los usuarios, a quienes se dirige y por quienes se planea.

Ejemplos de Interfaz Gráfica de Usuario en una página Web

En este primer ejemplo, puede apreciarse que el diseño gráfico contribuye a que sean distinguidos los objetos del contenido, por medio de la creación de íconos para reforzar las ideas, además del uso de color para destacar la información principal y la secundaria. En este caso los tópicos principales se encuentran a la izquierda y los secundarios, a la derecha. Es notoria la legibilidad en el área de texto-información.

En este segundo ejemplo, el concepto se acentúa con la incorporación de elementos visuales propiamente contextuales: íconos basados en la propia temática del contenido. Los elementos de fondo y los colores recrean un ambiente de sucesos pasados.

Este último es un ejemplo claro y simple de acceso rápido a la información, con un manejo de reticencia en elementos visuales y contenido, para el usuario que está acostumbrado a realizar búsquedas de información de manera ágil y concreta.

En resumen, una buena interfaz gráfica de usuario requiere simplicidad y funcionalidad. Por otro lado, aunque el diseño gráfico tiene una presencia implícita, debe ser considerado como parte fundamental en el éxito o el fracaso de la interfaz, porque a través de ésta se refuerzan notablemente las ideas y/o conceptos en los contenidos.

Fuente: www.mati.unam.mx

Pautas de accesibilidad al contenido en la web (WCAG)

Qúe es la WCAG y las pautas a seguir para conseguir un buen acceso al contenido de tu web.

WCAG consiste en 14 pautas que proporcionan soluciones de diseño y que utilizan como ejemplo situaciones comunes en las que el diseño de una página puede producir problemas de acceso a la información. Las Pautas contienen además una serie de puntos de verificación que ayudan a detectar posibles errores.

Cada punto de verificación está asignado a uno de los tres niveles de prioridad establecidos por las pautas.

• Prioridad 1: son aquellos puntos que un desarrollador Web tiene que cumplir ya que, de otra manera, ciertos grupos de usuarios no podrían acceder a la información del sitio Web.
• Prioridad 2: son aquellos puntos que un desarrollador Web debería cumplir ya que, si no fuese así, sería muy difícil acceder a la información para ciertos grupos de usuarios.
• Prioridad 3: son aquellos puntos que un desarrollador Web debería cumplir ya que, de otra forma, algunos usuarios experimentarían ciertas dificultades para acceder a la información.

En función a estos puntos de verificación se establecen los niveles de conformidad:

• Nivel de Conformidad "A": todos los puntos de verificación de prioridad 1 se satisfacen.
• Nivel de Conformidad "Doble A": todos los puntos de verificación de prioridad 1 y 2 se satisfacen.
• Nivel de Conformidad "Triple A": todos los puntos de verificación de prioridad 1, 2 y 3 se satisfacen.

Especificaciones publicadas en W3C para HTML 4.01 (castellano)
http://www.4shared.com/file/25571118/db4532d/html401-es.html


Hojas de Estilo en Cascada, nivel 2 revisión 1 Especificación CSS2.1
Recomendación Del 25 De Febrero De 2004 Del Candidato de W3C
http://www.4shared.com/file/25571116/ea0c7e2a/css21_spa.html

La Comunidad Autónoma de la Región de Murcia (CARM) ha publicado una traducción de los documentos sobre las «Pautas de accesibilidad al contenido en la Web 1.0» de WAI-W3C.

La edición se llama: Diseño de páginas Web accesibles ISBN 84-87926-36-3

Lamentablemente la edición impresa está agotada pero se puede descargar la edición electrónica en formato PDF desde este link:
http://www.4shared.com/file/25570725/e4196784/2003_wai.html


Fuente:http://www.desarrolloweb.com/articulos/pautas-de-accesibilidad-contenido-web.html

Cuestiones sobre accesibilidad web

Hoy en día existe mucha controversia respecto a las prácticas para un desarrollo apropiado y accesible para sitios web.

La accesibilidad web se refiere a la práctica de crear sitios web que puedan utilizar gente con cualquier nivel de capacidad o minusvalía. Por supuesto, es solo una parte del desarrollo web, pero importante estos días.

Aunque parezca increíble, hay muchas empresas que se dedican profesionalmente al desarrollo web que pasan por alto la importancia de implementar sitios accesibles para todo tipo de usuarios; por ejemplo, no estableciendo atributos "alt" para las imágenes.

Unas de las dificultades que tienen muchas personas es la de controlar el ratón; esto puede ocasionarles frustración intentando pinchar sobre un pequeño enlace. Los desarrolladores web tienen que tener tamaños de texto que sean razonables, y crear áreas más grandes clicables siempre que sea posible. Los enlaces siempre deberían estar coloreados de forma diferente al texto y subrayados. Otra técnica es distribuir los elementos de navegación (links, immágenes, etc.) de la mejor forma posible para poder navegar por el sitio sin necesidad del ratón, sino utilizando el teclado.

Ningún sitio web debería confiar únicamente en un componente de video o audio para transmitir información. De esta forma, siempre que sea posible, es preferible el texto a otra clase de transmisión de información, de esta forma lograremos que personas invidentes puedan acceder a nuestros contenidos a través de navegadores adaptados a sus posibilidades.

Hoy en día ya no se duda que la accesibilidad web es un asunto importante para ganar competitividad en internet, con lo que habrá más posibilidades de éxito con el proyecto que estemos desarrollando. Solo basta buscar en Google "accesibilidad web" para darse cuenta que se trata de un tema candente, y que está siendo cada vez más un tema a tener en cuenta.

Con más y más sitios web siendo populares; y que cuentan con los propios usuarios para generar el contenido, unas cuantas directrices sobre accesibilidad nos será de gran ayuda para acoger a todo tipo de usuarios.

Fuente: http://www.desarrolloweb.com/articulos/cuestiones-sobre-accesibilidad-web.html