Diseño web inclusivo
•
5 recomendaciones•3,610 vistas
Presentación de Garcia Dolores para su conferencia. Martes 27
![Diseño Web Inclusivo ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Contenidos:](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Destacado
Destacado (20)
Similar a Diseño web inclusivo
Similar a Diseño web inclusivo (20)
Más de Hospital Italiano de Buenos Aires
Más de Hospital Italiano de Buenos Aires (20)
Último
Último (20)
Diseño web inclusivo
- 1. Diseño Web Inclusivo Universidad de Palermo, Buenos Aires Julio 2010
- 5. Diseño Web Inclusivo Introducción . ¿Qué es el Dieño Web Inclusivo? Diseño Web Inclusividad Comunicación=Derecho Humano Básico Análisis de la interfaz Facilitar la interacción CDU Desigualdad = Riqueza
- 7. Diseño Web Inclusivo ¿Qué es la Comunicación?
- 8. Diseño Web Inclusivo ¿Qué es la Comunicación? Comunicación es un proceso de transmisión de ideas donde dos o más sujetos intervienen en una interacción . Es la utilización de un código específico para la transmisión de un mensaje o una determinada experiencia en unidades semánticas con el objeto de permitir a los hombres relaciones entre sí .
- 9. Diseño Web Inclusivo Ambiente ¿Qué es la Comunicación? Principios básicos de la Comunicación Comunicación es un proceso de transmisión de ideas donde dos o más sujetos intervienen en una interacción. Es la utilización de un código específico para la transmisión de un mensaje o una determinada experiencia en unidades semánticas con el objeto de permitir a los hombres relaciones entre sí. Emisor Receptor Mensaje
- 10. Diseño Web Inclusivo Ambiente ¿Qué es la Comunicación? Principios básicos de la Comunicación Comunicación es un proceso de transmisión de ideas donde dos o más sujetos intervienen en una interacción . Es la utilización de un código específico para la transmisión de un mensaje o una determinada experiencia en unidades semánticas con el objeto de permitir a los hombres relaciones entre sí. Emisor Receptor Mensaje Feedback
- 11. Diseño Web Inclusivo Ambiente ¿Qué es la Comunicación? Principios básicos de la Comunicación Comunicación es un proceso de transmisión de ideas donde dos o más sujetos intervienen en una interacción . Es la utilización de un código específico para la transmisión de un mensaje o una determinada experiencia en unidades semánticas con el objeto de permitir a los hombres relaciones entre sí . Emisor Receptor Mensaje Código Feedback
- 12. Diseño Web Inclusivo Ambiente ¿Qué es la Comunicación? Principios básicos de la Comunicación Comunicación es un proceso de transmisión de ideas donde dos o más sujetos intervienen en una interacción . Es la utilización de un código específico para la transmisión de un mensaje o una determinada experiencia en unidades semánticas con el objeto de permitir a los hombres relaciones entre sí . Emisor Receptor Mensaje Código Feedback Canal : Soporte físico por donde circula la información
- 13. Diseño Web Inclusivo ¿Qué es la Comunicación? Principios básicos de la Comunicación Código Ambiente Emisor Receptor Mensaje Código Feedback Canal Televisión, Radio, Prensa, Computación, Internet Código : Convención social que une a los actores de la comunicación Canal : Soporte físico por donde circula la información
- 14. Diseño Web Inclusivo ¿Qué es la Comunicación? Principios básicos de la Comunicación Código Ambiente Emisor Receptor Mensaje Código Feedback Canal
- 15. Diseño Web Inclusivo ¿Qué es la Comunicación? Principios básicos de la Comunicación Código Ambiente Emisor Receptor Mensaje Código Feedback Canal Mass Media Receptor Receptor Receptor
- 16. Diseño Web Inclusivo ¿Qué es la Comunicación? Principios básicos de la comunicación Código Ambiente Emisor Receptor Mensaje Código Feedback Canal Mass Media Receptor Receptor Receptor Web 2.0 Productor Consumidores
- 17. Diseño Web Inclusivo ¿Qué es la Comunicación? Principios básicos de la comunicación Código Ambiente Emisor Receptor Mensaje Código Feedback Canal Mass Media Receptor Receptor Receptor Web 2.0 Productor Consumidores Consumidor + Producción = Prosumer
- 19. Diseño Web Inclusivo Comunicación expansiva Código Ambiente Emisor Receptor Mensaje Código Canal Receptor Receptor Receptor Feedback Prosumidor Prosumidor Prosumidor Prosumidor Prosumidor Mass Media Web 2.0
- 20. Diseño Web Inclusivo Mapa Mundial de Internet (2007) Este estudio muestra como se distribuye Internet a lo ancho de todo el mundo. Como puede apreciarse a primera vista , Norte América y Europa concentran ampliamente la mayoría de los grupos activos en Internet. Con un total de un 22.5% para Europa y un 55.9% para Norte América. Por lo tanto podemos decir que entre ambas represetnas el 77.4%del la estructura de la Internet global, teniendo Asia , que sigue en importancia un 14 %. La imagen nos muestra por medio de puntos de colores la distribuciòn y esta expresada en numeros de direcciones IP por puntos.
- 22. Diseño Web Inclusivo “ el medio es el mensaje” Herbert Marshall McLuhan
- 23. Diseño Web Inclusivo Comunicación expansiva Código Ambiente Emisor Receptor Canal Receptor Receptor Receptor Feedback Prosumidor Prosumidor Prosumidor Prosumidor Prosumidor Mass Media Web 2.0 El medio es el mensaje Mashups Prosumidor Prosumidor
- 25. 27/07/10 Interfase Entorno Entorno: que le permita acompañar al usuario allá donde esté. Tarea Conclusiones Diseño Web Inclusivo
- 26. 27/07/10 Interfase Entorno Entorno: que le permita acompañar al usuario allá donde esté. Interfase por la posibilidad de pasar desapercibida en el medio físico de la persona. capacidad para adaptarse a las preferencias de la persona. El ideal de la Tecnología es que se perfeccione hasta desaparecer la interfaz que la comunicaron el usuario Tarea Conclusiones Diseño Web Inclusivo
- 27. 27/07/10 Tarea El usuario no tendría que pensar que está manejando una máquina y todo su esfuerzo estaría centrado en la tarea que propone realizar. Bonsiepe(1999) Interfase Entorno Entorno: que le permita acompañar al usuario allá donde esté. Interfase por la posibilidad de pasar desapercibida en el medio físico de la persona. capacidad para adaptarse a las preferencias de la persona. El ideal de la Tecnología es que se perfeccione hasta desaparecer la interfaz que la comunicaron el usuario Tarea Conclusiones Diseño Web Inclusivo
- 28. 27/07/10 Interfase Entorno Tarea Conclusiones Diseño Web Inclusivo ? ¿Con qué tecnología están accediendo? ¿Cuál es su software de preferencia? ¿Cuáles son los perféricos que usa para navegar? ¿Cómo saber si nos estamos expresando con una semántica adecuada? ¿Cómo prodremos garantizar una buena calidad de la interfaz que soporta a la información a comunicar? ¿Cómo puedo garantizar un buen posicionamiento en buscadores?
- 30. Diseño Web Inclusivo Accesibilidad Web y Comunicación La Accesibilidad Web se refiere a la capacidad de acceso a la Web y a sus contenidos por todas las personas independientemente de la discapacidad (física, intelectual o técnica) que presenten o de las que se deriven del contexto de uso (tecnológicas o ambientales). Cuando los sitios web están diseñados pensando en la accesibilidad, todos los usuarios pueden acceder en condiciones de igualdad a los contenidos. Comunicación es un proceso de transmisión de ideas donde dos o más sujetos intervienen en una interacción . Es la utilización de un código específico para la transmisión de un mensaje o una determinada experiencia en unidades semánticas con el objeto de permitir a los hombres relaciones entre sí .
- 31. Diseño Web Inclusivo Accesibilidad Web y Comunicación La Accesibilidad Web se refiere a la capacidad de acceso a la Web y a sus contenidos por todas las personas independientemente de la discapacidad (física, intelectual o técnica) que presenten o de las que se deriven del contexto de uso (tecnológicas o ambientales). Cuando los sitios web están diseñados pensando en la accesibilidad, todos los usuarios pueden acceder en condiciones de igualdad a los contenidos. Comunicación es un proceso de transmisión de ideas donde dos o más sujetos intervienen en una interacción . Es la utilización de un código específico para la transmisión de un mensaje o una determinada experiencia en unidades semánticas con el objeto de permitir a los hombres relaciones entre sí . Accesibilidad Web = Comunicación
- 32. Diseño Web Inclusivo Accesibilidad Web y Comunicación La Accesibilidad Web se refiere a la capacidad de acceso a la Web y a sus contenidos por todas las personas independientemente de la discapacidad (física, intelectual o técnica) que presenten o de las que se deriven del contexto de uso (tecnológicas o ambientales). Cuando los sitios web están diseñados pensando en la accesibilidad, todos los usuarios pueden acceder en condiciones de igualdad a los contenidos. Comunicación es un proceso de transmisión de ideas donde dos o más sujetos intervienen en una interacción . Es la utilización de un código específico para la transmisión de un mensaje o una determinada experiencia en unidades semánticas con el objeto de permitir a los hombres relaciones entre sí . Accesibilidad Web = Comunicación
- 34. Diseño Web Inclusivo Principios básicos de Accesibilidad Perceptible Operable Comprensible Robusto
- 35. Diseño Web Inclusivo Principios básicos de Accesibilidad Perceptible Operable Comprensible Robusto
- 36. Diseño Web Inclusivo Principios básicos de Accesibilidad Perceptible Operable Comprensible Robusto
- 37. Diseño Web Inclusivo Principios básicos de Accesibilidad Perceptible Operable Comprensible Robusto
- 39. Diseño Web Inclusivo Regla de los 5 elementos
- 41. 27/07/10 http://recursos.cnice.mec.es/latingriego/Palladium/5_aps/esplap09.htm http://www.desarrollosdg.com.ar/educativos/comunicacion/traduccion.php?nombre=dolo&hoja=1&enviar=Traducir Comparación de dos Webs Diseño Web Inclusivo Examinator: http://www.accesible.com.ar/examinator/index.php
- 42. 27/07/10 http://recursos.cnice.mec.es/latingriego/Palladium/5_aps/esplap09.htm http://www.desarrollosdg.com.ar/educativos/comunicacion/traduccion.php?nombre=dolo&hoja=1&enviar=Traducir Diseño Web Inclusivo Comparación de dos Webs
- 43. 27/07/10 Comparación de dos Webs Diseño Web Inclusivo
- 45. Diseño Web Inclusivo Diseño Universal o Diseño para todos Tecnología de Servidor Remoto Software de Base del usuario (Sistema Operativo- Navegador) Interfaz Hardware de Base del usuario Resoluciones de monitor Dispositivos de salida(impresoras – Braille) Tecnología asistiva y/o aumentativa Dispositivos de Entrada (teclado-mouse)
- 46. Diseño Web Inclusivo Diseño Universal o Diseño para todos Tecnología de Servidor Remoto Software de Base del usuario (Sistema Operativo- Navegador) Interfaz Hardware de Base del usuario Resoluciones de monitor Dispositivos de salida(impresoras – Braille) Tecnología asistiva y/o aumentativa Dispositivos de Entrada (teclado-mouse)
- 47. Diseño Web Inclusivo Diseño Universal o Diseño para todos Sentencias dinámicas de conexión a la base de datos y a validaciones. Estilos de página CSS Código HTML Distribución de Contenidos: texto, imágenes, sonido video, etc. Información a comunicar Usabilidad Accesibilidad
- 48. 27/07/10 Solución diseño universal o para todos Diseño Universal o Diseño para todos Diseño Web Inclusivo
- 49. 27/07/10 Solución diseño universal o para todos rampas tecnológicas Diseño Universal o Diseño para todos Diseño Web Inclusivo
- 50. 27/07/10 Solución diseño universal o para todos las TIC como “APOYO” rampas tecnológicas Diseño Universal o Diseño para todos Diseño Web Inclusivo
- 51. 27/07/10 Dispositivos de Entrada Dispositivos de Salida Proceso Diseño Universal o Diseño para todos Diseño Web Inclusivo
- 52. 27/07/10 Dispositivos de Entrada Dispositivos de Salida Proceso No excluyente Abierto Universal Flexible, adaptable Diseño Universal o Diseño para todos Diseño Web Inclusivo
- 54. Diseño Web Inclusivo Aspecto legal en Argentina y en el mundo Convención Internacional sobre los Derechos de las Personas con Discapacidad Ley 26.378 -Art 9 , Accesibilidad -Art 21, Comunicación www.atedis.gov.ar/convencion/convencion.html Ley de Accesibilidad de la Información en las Páginas Web para gente con discapacidades Expdiente N° 4521-D-2008
- 56. Diseño Web Inclusivo Conclusiones “ El poder de la Web está en su universalidad. Un acceso para todo el mundo independientemente de su discapacidad es un aspecto esencial” (Tim Berners-Lee, Director del W3C e inventor de la Web)
- 57. Diseño Web Inclusivo Muchas gracias Lic. María Dolores García Fernández Mail: [email_address] Blog: www.desarrollosdg.com.ar/educativos/expresion/ Diseño Web Inclusivo Diseño Web Inclusivo Maria Dolores Garcia