Usabilidad y Accesibilidad

David Horat

Usabilidad

¿Qué es la usabilidad?
• Capacidad de uso • Sencillez de uso de un objeto para realizar un objetivo • Elegancia y claridad en la interacción de un usuario con una aplicación

“La usabilidad es como la salud, se percibe sólo cuando falta.”

Principios básicos
• • • • Facilidad de Aprendizaje Flexibilidad Robustez Eficiencia

Consideraciones
• ¿Quiénes son los usuarios, cuáles sus conocimientos, y qué pueden aprender? • ¿Qué quieren o necesitan hacer los usuarios? • ¿Cuál es la formación general de los usuarios? • ¿Cuál es el contexto en el que el usuario está trabajando? • ¿Qué debe dejarse a la máquina? ¿Qué al usuario?

Disciplinas • Interacción Persona-Ordenador (IPO) – Human-Computer Interaction (HCI) – Computer-Human Interaction (CHI) • Desarrollo Centrado en el Usuario (DCU) – User Centric Development (UCD) .

Fallos clásicos • Fijarse en los procesos de diseño y no en los usos • Diseñar para uno sin pensar en los demás usuarios de tu aplicación • No probarlo con usuarios reales .

Nokia y Panasonic Interfaz complicada Moodle Los mayores fallos en la web Los mayores fallos en los blogs .Ejemplos • • • • • • • • Tetera de Donald Norman Objetos cotidianos Letreros en las estaciones de tren Móviles: Motorola.

Tetera • ¿Por qué las cosas son difíciles de utilizar? “El problema radica en el desarrollo del producto. The invisible computer) Donald Norman. la persona para la cual está hecho el dispositivo.” (Donald Norman. en el énfasis de la tecnología en vez del usuario. The design of everyday things .

Objetos cotidianos .

Letreros en las estaciones de tren .

.

.

Móvil Panasonic .

.

Móvil Motorola .

.

.

Móvil Nokia .

.

.

.

.

Móvil Nokia .

.

.

Interfaces complicadas .

.

Moodle .

.

.

.

.

Los mayores fallos en la web • Problemas de legibilidad – Fuentes pequeñas – Bajo contraste • Enlaces no estándar – No descriptivos – No funcionan de forma esperable • Flash – Evitar animaciones gratuitas • Textos largos y tediosos .

Los mayores fallos en la web • • • • • • • • Búsquedas fallidas Incompatibilidad de exploradores web Formularios largos y engorrosos Falta de información de contacto Pop-ups Elementos no útiles Iconos no descriptivos Falta de control de la web .

Los mayores fallos en blogs • • • • • • Falta de información del autor Títulos no descriptivos del artículo Enlaces no descriptivos No referencia a textos antiguos Falta de definición del público objetivo No tener un dominio propio .

Accesibilidad .

Definición • Capacidad de ser usado por el mayor número de personas – Sin modificación – Incluyendo gente con discapacidad • Acceso para todos .

1982 – Plan de Acción Info XXI.Legislación • España – Ley de Integración Social de los Minusválidos. 2001-2003 • Integración de los discapacitados en las nuevas tecnologías – Ley de Servicios de la Sociedad de la Información y el Comercio Electrónico • Los sitios web de la administración deben ser accesibles .

Legislación • Reino Unido – Disability Discrimination Act 1995 • Alemania – Decreto sobre Tecnología de la Información Libre de Barreras 2002 • Estados Unidos – Americans Disabilities Act of 1990 • Naciones Unidas – Normas Uniformes sobre la igualdad de oportunidades para las personas con discapacidad 1993 .

Algunas palabras clave • • • • • • Transportes públicos Ordenadores Web Juegos Diseño universal Ayudas técnicas .

Móviles. …) – Ayudas técnicas • • • • • Lectores de texto Reconocimiento de voz para comandos Terminal braile Ampliación de la pantalla Traducción automatizada .Accesibilidad web • Independencia del dispositivo – Navegador web estándar (PC) – Navegador web reducido (PDA.

org/WAI/ .Web Accessibility Initiative • Iniciativa del W3C para mejorar la accesibilidad en la web • Guías de desarrollo – Web Content Accessibility Guidelines (WCAG) – Authoring Tool Accessibility Guidelines (ATAG) – User Agent Accessibility Guidelines (UAAG) – XML Accessibility Guidelines (XAG) http://www.w3.

WCAG 1.0 • Nivel A (must) .Prioridad 1. 2 y 3 – Ejemplo: especificar la forma completa de cada abreviación en la primera ocurrencia http://www.Prioridad 1 y 2 – Ejemplo: usar hojas de estilo para el diseño y la presentación • Nivel AAA (may) .w3.org/TR/WCAG10/ .Prioridad 1 – Ejemplo: especificar un equivalente textual para los elementos no textuales • Nivel AA (should) .

org/ • CSS nivel 1 ó CSS nivel 2 – http://jigsaw.Formatos estándar en la web • Importancia de ceñirse a estándares abiertos • HTML 4.org/css-validator/ – http://csszengarden.w3.01 ó XHTML 1.w3.com/ .0 – Strict. Transitional o Frameset – http://validator.

HTML 4 vs XHTML 1.0 • Documentos bien formados <p> <em> hola </p> </em> <p> <em> hola </em> </p> • Elementos y atributos en minúscula <P> hola </P> <p> hola </p> • Cierre de todos los elementos no vacíos <p> hola <p> david <p> hola </p> <p> david </p> .

0 • Atributos siempre entre comillas <td rowspan = 3> <td rowspan = “3”> • Siempre dupla atributo-valor <dl compact> <dl compact = “compact”> • Elementos vacíos con cierre <br> <br/> .HTML 4 vs XHTML 1.

World Usability Day .

worldusabilityday. 14 de noviembre de 2006 • Título: Making Life Easy! – Enfocado a la accesibilidad y la inclusión de personas discapacitadas • España – Barcelona (Usability Gymkhana 2006).org/event/show/161 http://www.org/ . http://www.org/event/show/31 – Madrid (UXA 36-Hour) http://www.worldusabilityday.worldusabilityday.worldusabilityday.World Usability Day 2006 • Martes.org/event/show/77 – Las Palmas de Gran Canaria (La noche temática) http://www.

.

org/ • Movimiento por la Usabilidad.Referencias • Usability Professionals´ Association – http://www.net/profesionales/ • Google + “Usability” o “Accesibility” .org/ • World Usability Day – http://www.usabilityprofessionals.qweos.sigchi.org/ • ACM´s SIG on Computer-Human Interaction – http://www.worldusabilityday. Semántica y Accesibilidad en la web (MUSA) – http://www.

¿DUDAS. CONSULTAS O PREGUNTAS? .

FIN David Horat http://davidhorat.com/ .

Sign up to vote on this title
UsefulNot useful