• Like
  • Save

Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!

Diseno inclusivo2010 marianavarela

on

  • 702 views

 

Statistics

Views

Total Views
702
Views on SlideShare
560
Embed Views
142

Actions

Likes
0
Downloads
4
Comments
0

4 Embeds 142

http://www.disenoinclusivo.org.ar 134
http://paper.li 4
http://dev.disenoinclusivo.org.ar 3
http://webcache.googleusercontent.com 1

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

    Diseno inclusivo2010 marianavarela Diseno inclusivo2010 marianavarela Presentation Transcript

    • Diseño Web: Enfoque en los adultos mayores Mariana Varela [email_address]
    • “ Envejecer es obligatorio, crecer es opcional. ” Chili Davis
    • Problema de la brecha digital ¿Que es la brecha digital? La brecha digital se define como la separación que existe entre las personas (comunidades, estados, países…) que utilizan las Tecnologías de Información y Comunicación ( TIC ) como una parte rutinaria de su vida diaria y aquellas que no tienen acceso a las mismas y que aunque las tengan no saben como utilizarlas.
    • El obstáculo que representa de la brecha digital impacta directamente a la calidad de vida todos los ciudadanos, incluyendo a los adultos mayores . Problema de la brecha digital Situación Nacional
    • Nos metemos de lleno en nuestro usuario
    • Problema de la brecha digital en el usuario Mayor: ¿Quien es el usuario? En la Argentina casi un 10% del total de los argentinos es Mayor, con una esperanza de vida que ronda los 73 años. Hay 146 mujeres mayores por cada 100 hombres mayores. Las ciudades más envejecidas son Capital Federal (17,2 %) y Santa Fe (11,6 %). El 50% se concentran en la Ciudad de Buenos Aires, el Conurbano y la provincia
    • Problema #1: La imposibilidad de comprar o adquirir tecnologías + = + +
    • Problema #2 Problemas psicológicos y cognitivos
      • Problemas en la memoria
      • Problemas para entender y reaccionar rápidamente ante los cambios de situación
      • Alzheimer
    • Problema #3: Enfermedades mas comunes
      • Artritis
      • Osteoporosis
      • Entumecimiento de músculos
      • Diabetes
      • Cataratas y otras disfunciones oculares
    • Problema #4: Discapacidad total o parcial
      • Visión disminuida
      • Disminución de audición
      • Falta de coordinación entre las manos y la voluntad de movimiento
      • Dificultad de psicomotriz manipulación con precisión de objetos pequeños
    • Problema #5: Actitud negativa “ No me interesa/No entiendo” “Tengo miedo de romper algo” “Nadie me quiere ayudar”
    • No usuario Usuario avanzado Usuario básico Grandes en Edad pero chicos en el interior, siguen aprendiendo todos los días. No se quedan quietos, no tienen miedo a nada, los que “estan en todas” Mayores que se resignaron a utilizar la tecnología porque no les quedaba otra o porque vieron que los beneficios eran importantes. Ancianos sin ningún interés por el cambio, personas que se quedaron en el pasado y “estan bien como estan”
    • Es posible desde nuestro lugar de diseñadores y desarrolladores web ayudar en el acortamiento de la brecha digital en este grupo? Si, Podemos!
    • Antes de empezar: Ponerse en sus zapatos.
    • Consideraciones de diseño Errores comunes en el uso del Internet (todos los sufrimos, ellos los padecen)
      • “ No se encuentra la página”
      • Mala visualización en browsers viejos (por ejemplo, IE6)
      • “ Intros”
      • Páginas de excesiva cantidad/falta de gráficos
      • Falta de “alts” y “titles”
      • Enlaces y menús no accesibles desde el teclado
      • Iconografía propia de Internet
      • Formularios poco explicativos, largos, sin ayuda.
    • Consideraciones de diseño Estructura de la página Utilizar una estructura ordenada de columnas y filas para su fácil lectura.
    • Consideraciones de diseño Diseño y estilos: La dificultad con el uso del scroll
      • La información más importante en la parte superior del diseño.
      • Dejar márgenes generosos del lado derecho de la pantalla para que no haga click sin querer en otras cosas
    • Consideraciones de diseño Navegación, botones y clicks
      • Navegadores ser horizontales o verticales, sobre el lateral izquierdo .
      • Usar breadcumbs
      • Botones largos y estáticos .
      • Mantener el estilo subrayado para todos los enlaces de texto.
      • Que no se abran en múltiples direcciones
      • 6 o 7 enlaces
    • Consideraciones de diseño Popups, banners animados y publicidades: Atrapados sin salida Evitar estos elementos en su totalidad
    • Consideraciones de diseño Búsquedas
      • Siempre presente en todas las páginas arriba, en el lateral derecho.
      • El uso de autofoco es recomendable
      • Presentar pocos resultados por página , “palabra en cache” puede ser util.
    • Consideraciones de diseño Videos y Podcasts
      • Deben ser cortos
      • Controles de reproducción y pausa bien marcados y accesibles.
      • Opciones como subtitulado y ajuste de volumen
      • No basar todo el contenido en el video
      • Eliminar el autoplay
    • Consideraciones de diseño Color: Contraste y Contrastante.
      • Tener en cuenta enfermedades de la vista
      • Anteojos sucios o viejos cambian los colores
      • Monitores malos, viejos o sucios
      • Comprobar contraste en escala de grises
      • Fondo claro con tipografía oscura funciona OK
    • Consideraciones de diseño Texto: No solo una cuestión de letra mas grande.
      • Tipografías entre 12 y 14px de alto
      • Interlineas amplias
      • Poner la opción de “agrandar la letra”
      • Sanserif
      Aa
    • Consideraciones de diseño Bloques de Texto: terminemos con los interminables
      • Bloques de texto breves
      • Alineado a la izquierda
      • Márgenes y calles amplias
      • Ilustrar con fotos y gráficos
      • No mas de 18 palabras por oración
      • No hacer columnas muy anchas
      • Utilizar bold para resaltar
    • Consideraciones de diseño Tono de comunicación: no son hackers!
      • No usar palabras en ingles
      • No manejar vocabulario técnico
      • Títulos claros y breves
      • Empezar con una introducción los artículos
      • Punteos de contenido
    • Objetivos finales Que se despierte el interés por las tecnologías Que puedan encontrar alternativas a la tv, el diario y la radio Que descubran un espacio donde puedan encontrarse con nosotros y entre ellos Que aprovechen una web que puedan usar solos, sin la ayuda de otros. #1 #2 #3 #4
    • Muchas Gracias Diseño Web: Enfoque en los adultos mayores Mariana Varela [email_address]