1. Diseño Web: Enfoque en los adultos mayores
Mariana Varela
info@marianavarela.com.ar

2. “Envejecer es obligatorio,
crecer es opcional.”
Chili Davis

3. 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.

4. 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

5. Nos metemos de lleno
en nuestro usuario

6. 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

7. Problema #1:
La imposibilidad de comprar
o adquirir tecnologías
+ =++

8. 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

9. Problema #3:
Enfermedades mas comunes
• Artritis
• Osteoporosis
• Entumecimiento de músculos
• Diabetes
• Cataratas y otras disfunciones
oculares

10. 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

11. Problema #5:
Actitud negativa
“No me interesa/No entiendo”
“Tengo miedo de romper algo”
“Nadie me quiere ayudar”

12. 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”

13. Es posible desde nuestro lugar de diseñadores y
desarrolladores web ayudar en el acortamiento de la brecha
digital en este grupo?
Si, Podemos!

14. Antes de empezar:
Ponerse en sus zapatos.

15. 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.

16. Consideraciones de diseño
Estructura de la página
Utilizar una estructura ordenada de columnas y filas para su fácil
lectura.

17. 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

18. 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

19. Consideraciones de diseño
Popups, banners animados y
publicidades: Atrapados sin salida
Evitar estos elementos en su totalidad

20. 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.

21. 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

22. 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

23. 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

24. 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

25. 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

26. 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

27. Muchas Gracias
Diseño Web: Enfoque en los adultos mayores
Mariana Varela
info@marianavarela.com.ar