• Save
Diseño accesible
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Diseño accesible

on

  • 373 views

Para el curso de Tecnología y Discapacidad, asignatura que se ofrece en la Univrsidad Tecnológica Nacional.

Para el curso de Tecnología y Discapacidad, asignatura que se ofrece en la Univrsidad Tecnológica Nacional.

Statistics

Views

Total Views
373
Views on SlideShare
373
Embed Views
0

Actions

Likes
1
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

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

Diseño accesible Presentation Transcript

  • 1. Diseño Accesibleconceptos y estrategias de DiseñoUTNUniversidad Tecnológica Nacional
  • 2. Diseño Accesible Diseño Universal, Concepto, Principios, inclusión social. Separación de estructura, contenido ypresentación. Accesibilidad y Usabilidad Diseño líquido, flexible y rígido Diseño centrado en el usuario Mejora Progresiva Formatos alternativos. Ejemplos Trabajo práctico
  • 3. Diseño Accesible Diseño Universal* Concepto:El diseño universal es un paradigma del diseño relativamente nuevo, quedirige sus acciones al desarrollo de productos y entornos de fácilacceso para el mayor número de personas posible, sin la necesidad deadaptarlos o rediseñarlos de una forma especial.El concepto surge del diseño sin barreras, del diseño accesible y de la tecnología asistiva o de apoyo.El diseño universal alcanza todos los aspectos de la accesibilidad, y sedirige a todas las personas, incluidas las personas con discapacidad.Resuelve el problema con una visión holista, partiendo de la idea de ladiversidad humana.
  • 4. Diseño Accesible Diseño UniversalPrincipiosAlgunos autores, un grupo de arquitectos, diseñadores de producto, ingenieros einvestigadores del diseño ambiental han colaborado para establecer los siguientesprincipios del diseño universal, como guía en un rango de las disciplinas del diseño,incluidas el ambiente, productos y comunicaciones. Igualdad de uso: El diseño debe ser fácil de usar y adecuado para todas las personasindependientemente de sus capacidades y habilidades. Flexibilidad : El diseño debe poder adecuarse a un amplio rango de preferencias yhabilidades individuales. Simple e intuitivo: El diseño debe ser fácil de entender independientemente de laexperiencia, los conocimientos, las habilidades o el nivel de concentración del usuario. Información fácil de percibir: El diseño debe ser capaz de intercambiar informacióncon usuario, independientemente de las condiciones ambientales o las capacidadessensoriales del mismo. Tolerante a errores: El diseño debe minimizar las acciones accidentales o fortuitasque puedan tener consecuencias fatales o no deseadas. Escaso esfuerzo físico: El diseño debe poder ser usado eficazmente y con el mínimoesfuerzo posible. Dimensiones apropiadas: Los tamaños y espacios deben ser apropiados para elalcance, manipulación y uso por parte del usuario, independientemente de su tamaño,posición, y movilidad .
  • 5. Diseño Accesible Diseño UniversalInclusión socialEl Diseño Universal es parte esencial de la estrategia para conseguiruna sociedad en la que todas las personas pueden participar. Unmodelo de sociedad que se está redefiniendo tomando como basela inclusión de todos y que deriva, en gran medida, de la reflexiónacerca del modo que la sociedad quiere acoger a la persona entoda su diversidad. Un ingrediente de esta diversidad es ladiscapacidad.
  • 6. Diseño Accesible Separación de estructura, contenido ypresentación. Accesibilidad y Usabilidad Ejemplos
  • 7. Diseño Accesible
  • 8. Diseño Accesible
  • 9. Diseño AccesibleSeparación de estructura, contenido y presentación. Análisis de la interfaz
  • 10. Diseño Accesible Separación de estructura, contenido y presentación. Accesibilidad y Usabilidad, Ventajas Cumplir al derecho ciudadano a la participación y no discriminación porrazón de discapacidad; Respetar las disposiciones legislativas internacionales y nacionales Acrecentar el número de usuarios potenciales, con mayor alcance de lacomunicación, servicios o mercado. Garantizar la equivalencia de los contenidos entre distintos navegadores ydispositivos, pues se diseña considerando estándares generales deaccesibilidad. Mejorar la indexación en los motores de búsqueda. El cumplimiento de laspautas, tanto en código como en contenidos semánticos (por ejemplo, lapresentación de vínculos o enlaces ) con sentido permite a los motores debúsqueda una mejor identificación de la información, y en consecuencia,mayores posibilidades de posicionamiento en los buscadores
  • 11. Diseño Accesible Separación de estructura, contenido y presentación. Accesibilidad y Usabilidad, Ejemplo
  • 12. Diseño Accesible Diseño líquido, flexible o rígido cuál esmejor?Realidad del usuario es incierta: Distintos sistemas operativos Distintas configuraciones Distintas resoluciones de monitor
  • 13. Diseño AccesibleDiseño líquido, flexible o rígido cuáles mejor?Diseñar para la Web requiere una mentalidad flexiblecapaz de adaptarse a la mayoría de las posibilidadesde presentación.
  • 14. Diseño Accesible Diseño líquido, flexible o rígido cuál es mejor? Diseño Fijo:Los elementos de maquetación adoptan un ancho fijo. El diseñador “impone”un diseño con una distribución de elementos en pantalla que se visualiceigual en todos los dispositivos y resoluciones. Las medidas fijas son: inches (in), centímetros (cm), milímetros (mm), puntos (pt), picas (pc). Ventaja :control por los diseñadores de la apariencia final de su trabajo, heredado delos medios impresos tradicionales. Controlar la longitud de línea implicamejor legibilidad. Desvenaja:en monitores de alta resolución desaprovecha espacio. Por ejemplo, en textoslargos puede generar un scroll vertical excesivo . Su efecto es bloquear eltamaño de un elemento a un tamaño fijo.
  • 15. Diseño Accesible Ejemplo de diseño fijo en distintas resoluciones
  • 16. Diseño Accesible Diseño líquido, flexible o rígido cuál es mejor? Diseño elástico o flexible :Aprovecha al máximo el ancho de pantalla adaptando loselementos y su disposición a la resolución de monitor delusuario. Para ello los atributos que componen la interfazdeben estar expresados en medidas relativas: Los textos deben estar expresados en “em” Las imágenes en % (porcentaje) las capas contenedores de texto, imágenes y demas elementos decontenido en %(porcentaje). Ventaja: esta opción reduce el scroll en pantalla y permite presentarmás información de un solo vistazo
  • 17. Diseño AccesibleEjemplo de diseño elástico o flexible en distintas resoluciones
  • 18. Diseño Accesible Diseño centrado en el usuario Las estructuras de diseño interactivo que se ofrecenson comentados indicando sus fortalezas y debilidadesdesde la experiencia de usuario (UE) ayudándonos aelegir la mas adecuada para su aplicación,dependiendo del contexto de uso y con el agregado decómo podemos mejorarlas.Están agrupadas en las siguientes categorías:
  • 19. Diseño Accesible Diseño centrado en el usuario Necesidades de usuario:soluciones para facilitar la navegación por el sitio. Aplicaciones necesarias:patrones que ayudan a que las aplicaciones o su diseño logrenuna mejor comunicación con el usuario. Diseños de contexto de un site:distintos tipos de necesidades de comunicar que nos obliga aorganizar y distribuir mejor la información en el sitio.http://www.welie.com/patterns/index.php
  • 20. Diseño Accesible Diseño centrado en el usuarioRecordemos la expresión que dice:En este mundo traidor, nada es verdad o mentira, todo es según elcolor del cristal conque se mira.
  • 21. Diseño Accesible Diseño centrado en el usuarioLa Percepciónes la organización e interpretación de la información captadapor nuestros órganos sensoriales, del ambiente que nosrodea. No todo lo que percibimos es real, porque nuestrassensaciones no siempre pertenecen a la realidad objetiva.(Cada persona puede tener una impresión diferente de un mismo objeto,hecho o fenómeno).
  • 22. Diseño Accesible Diseño centrado en el usuarioLa percepción es el significado que en base a lasexperiencias, atribuimos a los estímulos que nos entranpor los sentidos. Las percepciones pueden ser tanto subjetivas (que dependen de los instintos particulares delindividuo) como selectivas (que dependen de sus experiencias, intereses yactitudes) y están directamente relacionadas con tres tiposde influencias: Las características físicas de los estímulos. La interrelación del estímulo con su entorno. Las condiciones internas particulares del individuo.
  • 23. Diseño Accesible Diseño centrado en el usuarioVale la pena mencionar en este punto, que según estudiosque se han realizado, el ser humano es sensible a losestímulos a través de los sentidos con el siguienteporcentaje de influencia: Vista 55% Oído 18% Olfato 12% Tacto 10% Gusto 5%.
  • 24. Diseño Accesible Solución diseño universal o para todos rampas tecnológicas las TIC como “APOYO”
  • 25. Diseño Accesible Trabajo Práctico Haremos una práctica sobre formatosalternativos accesibles.
  • 26. Diseño AccesibleMuchas gracias.Lic. María Dolores García FernándezResponsable del Proyecto ATeDisApoyo Tecnológico para la DiscapacidadPrograma Nacional para la Sociedad de la InformaciónSecretaría de Comunicaciones de la Nación