Usabilidad y accesibilidad: saber hacer, querer hacer
Upcoming SlideShare
Loading in...5
×
 

Usabilidad y accesibilidad: saber hacer, querer hacer

on

  • 1,132 views

Resumen de la prueba de usabilidad y accesibilidad en vivo, realizada por Santiago Bustelo (IxDA Buenos Aires) con Pablo Vázquez el 28 de octubre de 2010 en el marco del 1er evento organizado por el ...

Resumen de la prueba de usabilidad y accesibilidad en vivo, realizada por Santiago Bustelo (IxDA Buenos Aires) con Pablo Vázquez el 28 de octubre de 2010 en el marco del 1er evento organizado por el Movmiento de Diseño Inclusivo (disenoinclusivo.org.ar).

Se planteó el caso ejemplo de una consultora ficticia de Recursos Humanos, que lanza una sección de empleos para personas con discapacidad.
Se presentaron dos versiones del mismo sitio: uno con problemas usuales de usabilidad y accesibilidad, otro resolviendo esas situaciones.

Se mostró cómo respetar estándares de accesibilidad no es cuestión de sacrificar el diseño, sino de tomar decisiones de diseño acertadas, que nos benefician a todos hoy y mañana.

Statistics

Views

Total Views
1,132
Views on SlideShare
1,044
Embed Views
88

Actions

Likes
0
Downloads
8
Comments
0

5 Embeds 88

http://www.disenoinclusivo.org.ar 37
http://www.disenoinclusivo.org.ar 37
http://paper.li 12
http://dev.disenoinclusivo.org.ar 1
https://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Usabilidad y accesibilidad: saber hacer, querer hacer Usabilidad y accesibilidad: saber hacer, querer hacer Presentation Transcript

  • Usabilidad y accesibilidad:saber hacer, querer hacerSantiago Bustelo, IxDAAsociación de Diseño de Interacción28 de octubre, 2010 DISEÑO INTERACTIVO PARA TODOS: USABLE Y ACCESIBLE Presentación bajo licencia Creative Commons Atribución 2.5 Argentina MEMBER http://creativecommons.org/licenses/by/2.5/ar
  • Conociendo a nuestros usuarios• Conocer usuarios reales para: • Poder ponernos en su lugar. • Entender cómo diseñar para ellos. • Ver los problemas de usabilidad, como algo que nosotros les hacemos.• Pablo Vázquez nos mostró cómo accede a la web con el lector de pantalla JAWS. Usabilidad y accesibilidad: saber hacer, querer hacer • 2 MEMBER
  • ¿Cómo usa la web un no vidente? Usabilidad y accesibilidad: saber hacer, querer hacer • 3 MEMBER
  • Accesibilidad: presentación visual vs.presentación en lector de pantallaRepresentación de texto realizada por Fangs – the screen reader emulator Usabilidad y accesibilidad: saber hacer, querer hacer • 4 MEMBER
  • Usando la web con un lector de pantalla• Se accede a la información de manera lineal, en el orden en que se presenta en el HTML.• Es necesario “tomarle la mano” a la estructura de la página y del sitio.• El marcado semántico ayuda a identificar grupos y elementos. El lector de pantalla permite obtener índices de títulos, listas y sus elementos. Usabilidad y accesibilidad: saber hacer, querer hacer • 5 MEMBER
  • Caso ejemplo• Una consultora ficticia de Recursos Humanos, que lanza una sección de empleos para personas con discapacidad.• Se presentan dos versiones del mismo sitio: uno con problemas usuales de usabilidad y accesibilidad, otro resolviendo esas situaciones. Usabilidad y accesibilidad: saber hacer, querer hacer • 6 MEMBER
  • Versión con problemas Usabilidad y accesibilidad: saber hacer, querer hacer • 7MEMBER
  • No se distingue sección activa No se distinguen niveles de menú...para usuarios con daltonismo... Usabilidad y accesibilidad: saber hacer, querer hacer • 8 MEMBER
  • Abuso SEO Page has fifty-five Links NTI S.A. Recursos Humanos colon Empleos, Busquedas laborales, buscar trabajo, encontrar trabajo, trabajo en argentina, trabajo en buenos aires, reclutamiento de personal, cesion de personal dash Internet Explorer Link Graphic Logo NTI colon los cuatro rombos (en color turquesa, marrón, ocre y gris) representan las describe Alt cuatro áreas que conforman nuestra visión y misión, el dinamismo y el constante cambio que son los desafíos del mundo logo de lasNavegación ABC right paren Tel. colon left paren fifty-four eleven right paren four thousand one hundred twenty-three dash empresas Link Contáctenos Av. Corrientes one thousand forty-six Piso nine Bs. As. Argentina left paren Cone thousand twenty-three five thousand six hundred seventy-eight Link Inicio Link Empleos Link Recursos Humanos Link La Empresa LinkDirección Español bullet Link English Link Buscar empleo Link Búsqueda avanzada Ofertas destacadas Table with one column and sixty- three rows Link Industrias Libertador S.R.L. Link Administrador de Bases de Datos Link Derqui SACIFI Link Responsable Flash “Envíe su CV” no perceptible Comercial Link Directorio Telemax Link Implementador Link Consultora Delcampo Link Equipe de Suporte Técnico em Português Link Chandra and Asociados Link Analista Programador Java Sr. slash Ssr. Link Malloc Argentina Link Auditor Interno Semi Senior slashBloqueLink Grupo Castañares Link Administrativa Link Obligado Consultores Link Profesionales Senior de ofertas destacadas de Impuestos Link Industrias Alvarez Jonte Link Administrador Link Leonov S.A. Link Administrador Middleware Link Compass East Link Analista de Marketing On Line Jr slash Semi Sr Link Ayefour Link Tester Semi llegamos al buscador! Recién Sr Link Tomahawk SRL Link Programador Web Java Semi Sr slash Junior Link Grupo Larralde Link Analista Sr. De Compensaciones Link alt=titulo.gif Constituyentes SA Link Customer Care Representatives Link Bacacay SRL Link Analista Jr. de Precios de Transferencia Link Udaondo and Asociados Link Estudiantes avanzados o graduados de Contador Público Nacional Link Consultora Sólo 1er Link Asistente de Impuestos Link Escalada SA Link Market Research Analyst Link Juramento S.R.L. Link Cabildo categoría es perceptible Enterprise Services Mainframe Link Bowman and CIA Link Administrador Unix Table end Graphic titulo.gif Buscar ofertas del portal Table with five columns and eleven rows Graphic espacio Categoría colon Graphic espacio Combo box Títulos para Administración left paren thirty-seven right paren Graphic espacio Ubicación colon Graphic espacio Graphic espacio mouseover Idiomas colon Graphic espacio Checkbox Not checked buscar empleos en el portal Ingles Checkbox Not checked buscar empleos en el portal Varios Graphic espacio Antiguedad ofertas colon Graphic espacio Graphic espacio Graphicalt=boton-verde.gif dash verde.gif Graphic espacio Table end Link Home Link Mapa del sitio Link Contáctenos espacio Graphic boton ...y de lectores de pantalla Usabilidad y accesibilidad: saber hacer, querer hacer • 9 MEMBER
  • Versión accesible: daltonismoVisión estándar Simulación: protanopia Usabilidad y accesibilidad: saber hacer, querer hacer • 10 MEMBER
  • Versión accesible: lectores de pantallaMarcado semántico: títulos y listas Breadcrumb accesible Page has seven headings and sixty-eight links NTI S.A. Recursos Humanos colon Ofertas laborales dash Internet Explorer Usted está en colon Link Inicio colon Link Empleos colon Categorías. This page link Saltear navegación Sólo perceptible por lectores de pantalla Heading level one Link Graphic N.T.I. S.A. Recursos Humanos Heading level four Oportunidades laborales Edit Graphic Buscar List of two items bullet Link Empleos por categoría bullet Link Ingrese su CV List end List of five items bullet Link Inicio bullet Link Empleos bullet Link Recursos Humanos bullet Link La Empresa bullet Link Contacto List end Link Español bullet Link English List of three items bullet Link Categorías bullet Link Búsqueda avanzada bullet Link Ingrese su CV List end Graphic Miles de empresas lo están buscando Heading level four Link Graphic Envíe su Currículum Categorías perceptibles Heading level two Categorías List of twenty-five items bullet Link Administración left paren thirty-seven right paren bullet Link Call Center left paren eight right paren bullet Link Comercial slash Ventas left paren one hundred twenty-two right paren bullet Link Comercio Exterior left paren twelve right paren bullet Link Contabilidad left paren thirty-one right paren bullet Link Diseño left paren twelve right paren bullet Link E dash commerce left paren nine right paren bullet Link Educación left paren five right paren bullet Link Finanzas left paren thirty-two right paren bullet Link Gastronomía left paren fourteen right paren bullet Link Gerencia slash Dirección Gral left paren six right paren bullet Link Hotelería left paren two right paren bullet Link Impuestos left paren eleven right paren bullet Link Ingeniería left paren eight right paren bullet Link Legal left paren twelve right paren bullet Link Logística left paren fifteen right paren bullet Link Mantenimiento left paren four right paren bullet Link Marketing left paren twenty-four right paren bullet Link Multimedia left paren four right paren bullet Link Pasantías left paren six right paren bullet Link Periodismo left paren four right paren bullet Link Producción e Ingeniería left paren twenty-five right paren bullet Link Recepcionista left paren twelve right paren bullet Link Recursos Humanos left paren twenty-four right paren bullet Link Empleo para Personas con Discapacidad left paren forty-one right paren List end Heading level four Ofertas destacadas Definition list of twenty-one items Industrias Libertador S.R.L. equals Link Administrador de Bases de Datos Derqui SACIFI equals Link Responsable Comercial Directorio Telemax equals Link Implementador Consultora Delcampo equals Link Equipe de Suporte Técnico… Usabilidad y accesibilidad: saber hacer, querer hacer • 11 MEMBER
  • Diseñando para todos• La accesibilidad es un atributo cualitativo intrínseco al producto, resultado de decisiones acertadas desde el inicio del proyecto.• Respetar referentes, estándares y convenciones.• Validar diseño, contenidos, maquetación e implementación.• Buscar oportunidades para testear con usuarios.• Una web accesible nos beneficia a todos, hoy y mañana. Usabilidad y accesibilidad: saber hacer, querer hacer • 12 MEMBER
  • Usabilidad y accesibilidad: saber hacer, querer hacer Santiago Bustelo, IxDAAsociación de Diseño de Interacción 28 de octubre, 2010