Solicita hoy tu auditoría SEO gratuita Llama al 91 060 30 90
Inicio / Blog / Diseño Web
Diseño Web

Diseñar para personas mayores: la web que funciona para ellos funciona mejor para todos

Hay negocios (clínicas, seguros, servicios funerarios, asociaciones, comercios de barrio) donde una parte considerable, a veces la mayoría, de la clientela tiene más de sesenta años. Y sin embargo, muchas de esas webs se diseñan con los mismos criterios visuales que una startup dirigida a treintañeros: letra pequeña, contraste sutil, menús que se abren solo con gestos poco intuitivos. El resultado es una web bonita para quien la diseñó y frustrante para quien más la necesita.

Por qué "diseñar para mayores" no significa hacer una web fea

Existe la idea equivocada de que adaptar una web para personas mayores implica letras enormes, colores chillones y un aspecto anticuado. En realidad, las adaptaciones que más ayudan son casi invisibles a nivel estético: un poco más de tamaño de letra, un poco más de contraste, botones un poco más grandes, menos pasos para completar una acción. Ninguno de esos ajustes hace que una web se vea "vieja"; de hecho, muchos de ellos coinciden exactamente con las buenas prácticas de accesibilidad que benefician a cualquier usuario, sea cual sea su edad.

La vista cambia con la edad, y el diseño debe contarlo

A partir de cierta edad es habitual una reducción de la agudeza visual, más sensibilidad al deslumbramiento y más dificultad para distinguir colores con poco contraste entre sí. Practicamente, esto se traduce en necesidades muy concretas: cuerpo de texto de al menos 18 píxeles (mejor si se puede ajustar el tamaño fácilmente), contraste alto entre texto y fondo, y evitar combinaciones de colores que dependan solo de la diferencia de tono sin diferencia de luminosidad, como cierto rojo sobre cierto verde.

La precisión motriz también cambia, y afecta directamente a los botones

No es solo cuestión de vista: la precisión con el ratón o con el dedo en pantallas táctiles también tiende a reducirse con la edad, por temblor o por menor destreza fina. Botones y enlaces demasiado pequeños o demasiado juntos entre sí generan clics erróneos frecuentes, una fuente de frustración silenciosa que empuja a abandonar la web sin que el usuario sepa explicar exactamente por qué le costó tanto. Un tamaño mínimo de botón cómodo (alrededor de 44 por 44 píxeles, la misma referencia que usa la accesibilidad para todos los usuarios) y espacio suficiente entre elementos clicables resuelve buena parte del problema.

El vocabulario y la jerga: otra barrera invisible

Términos como "checkout", "onboarding" o "dashboard", habituales en el vocabulario de quien trabaja en digital, pueden resultar completamente opacos para alguien menos familiarizado con internet. No se trata de infantilizar el lenguaje, sino de usar palabras claras en español que cualquiera reconozca sin esfuerzo: "finalizar compra" en vez de "checkout", "tu cuenta" en vez de "dashboard". Esa claridad ayuda a todo el mundo, pero es determinante para quien no tiene ese vocabulario técnico interiorizado.

Formularios: menos pasos, más confirmación, menos presión de tiempo

Los formularios largos o los procesos con límite de tiempo (como una sesión que caduca en pocos minutos) generan una ansiedad desproporcionada en usuarios menos acostumbrados a moverse rápido online. Reducir el número de campos, confirmar claramente cada acción completada ("Tu cita ha quedado reservada para el jueves a las 10:00") y evitar tiempos de sesión demasiado ajustados hace que el proceso se sienta manejable en vez de amenazante.

El teléfono sigue siendo la red de seguridad

Por muy bien diseñada que esté una web, siempre habrá una parte de la clientela mayor que prefiera terminar el proceso por teléfono, especialmente en decisiones importantes o económicas. Mostrar un número de teléfono visible y fácil de encontrar, en vez de esconderlo al fondo de una página de contacto, no es un fracaso del diseño digital: es reconocer que la confianza, para algunas personas, todavía pasa por hablar con alguien.

Cómo validar si tu web funciona de verdad para este público

La validación más honesta no viene de una checklist técnica, sino de sentar a alguien mayor de sesenta años (idealmente alguien parecido a tu cliente real, no un familiar acostumbrado a ayudarte con la tecnología) delante de tu web y pedirle que complete una tarea concreta sin ayuda. Los puntos donde duda, donde pide ayuda o donde directamente se rinde son exactamente los puntos que hay que corregir primero.

El zoom del navegador: por qué nunca debería estar bloqueado

Algunas webs, por razones puramente estéticas, bloquean la posibilidad de que el usuario amplíe el zoom del navegador o de la pantalla táctil. Para una persona con dificultades de visión, esta restricción elimina la única herramienta de adaptación que tenía a su disposición, convirtiendo un problema menor en una barrera total de acceso. Permitir siempre el zoom nativo del navegador es una de las intervenciones más baratas y con mayor impacto que existen para este público.

Iconos sin texto: una trampa habitual para quien no está familiarizado con símbolos digitales

Un icono de una lupa para buscar, o tres líneas horizontales para el menú, son símbolos que la mayoría de usuarios jóvenes reconocen automáticamente por pura exposición repetida a lo largo de los años, pero que pueden no significar nada para alguien menos familiarizado con las convenciones visuales de internet. Acompañar los iconos más importantes con una palabra corta de texto ("Buscar", "Menú") elimina esta ambigüedad sin apenas coste visual.

Paciencia con los tiempos de reacción: no penalizar la lentitud con caducidades agresivas

Algunas interacciones (menús que se cierran automáticamente si el ratón se aleja, mensajes de confirmación que desaparecen tras pocos segundos) asumen una velocidad de reacción que no todos los usuarios tienen. Dar más margen de tiempo antes de que estos elementos se cierren o desaparezcan automáticamente evita que alguien con reacciones más lentas se quede literalmente sin poder completar una acción que estaba a punto de terminar.

Instrucciones paso a paso frente a interfaces que asumen conocimiento previo

Muchas interfaces asumen que el usuario ya sabe interpretar ciertos patrones visuales (un icono de tres puntos para más opciones, un gesto de deslizar para revelar acciones ocultas). Para usuarios menos familiarizados con estas convenciones, unas instrucciones breves y visibles la primera vez que se usa una función, en vez de asumir que el patrón se entenderá por sí solo, marcan una diferencia real entre completar una tarea con éxito o abandonarla por confusión.

El contacto humano como parte del diseño, no como su fracaso

Es tentador pensar que una web perfectamente diseñada para este público no debería necesitar nunca ayuda humana, pero esa expectativa es poco realista y, para algunos negocios, ni siquiera deseable. Diseñar pensando en que una parte de los usuarios preferirá completar el proceso con ayuda telefónica, e integrar esa opción como un camino igual de válido y bien señalizado que el digital, es una forma de diseño inclusivo tan legítima como cualquier ajuste puramente visual.

El valor de probar con familiares reales, con todas sus limitaciones

Aunque lo ideal es probar con clientes reales, probar con un familiar mayor, siendo consciente de que puede ser más indulgente que un desconocido, sigue aportando información valiosa que no probar con nadie de ese perfil. Lo importante es no confundir esa prueba informal con una validación definitiva, y complementarla en la medida de lo posible con al menos algún caso ajeno al círculo cercano.

Preguntas frecuentes

¿Diseñar para personas mayores perjudica la experiencia de los usuarios más jóvenes?

No, casi todos los ajustes (mejor contraste, botones más grandes, lenguaje más claro) mejoran la experiencia de cualquier usuario, no solo de los mayores. Es una de las pocas mejoras de accesibilidad que benefician literalmente a todo el mundo sin ningún coste para otros perfiles.

¿Necesito una versión distinta de mi web para personas mayores?

No suele ser necesario ni recomendable mantener dos versiones separadas, ya que duplica el mantenimiento. Es mejor incorporar estos criterios en el diseño único de la web, beneficiando a todos los visitantes por igual.

¿Qué tamaño de letra es recomendable para un público mayor?

Como referencia, un cuerpo de texto de al menos 18 píxeles, con la posibilidad de que el usuario aumente el tamaño desde su propio navegador sin que el diseño se rompa, cubre bien las necesidades de la mayoría de este público.

¿Los formularios con muchos pasos son siempre malos para este público?

No necesariamente, si cada paso es simple y está claramente confirmado. Lo problemático es la combinación de muchos campos por pantalla, poca confirmación de progreso y límites de tiempo ajustados, que juntos generan la mayor parte de la frustración.

¿Cómo pruebo mi web con usuarios mayores si no conozco a nadie de ese perfil?

Se pueden organizar sesiones breves con clientes reales dispuestos a colaborar a cambio de un pequeño detalle, o recurrir a servicios de investigación de usuarios que faciliten perfiles concretos. Incluso dos o tres pruebas informales aportan más información que ninguna prueba.

¿El teléfono de contacto debería estar en todas las páginas?

Idealmente sí, o al menos en un lugar fácil de encontrar de forma constante (cabecera o pie de página), especialmente en negocios donde una parte de la clientela prefiere resolver dudas hablando con alguien antes de decidirse.

¿Por qué algunas webs bloquean el zoom, y debería hacerlo la mía?

Algunas lo hacen por razones estéticas o para controlar cómo se ve el diseño en todo momento. No es recomendable: bloquear el zoom elimina una herramienta de accesibilidad esencial para muchos usuarios, no solo personas mayores, sin ningún beneficio real a cambio.

¿Los iconos sin texto son siempre un problema de accesibilidad?

No todos, pero los menos universales (que no sean lupa de búsqueda o menú hamburguesa, ya muy extendidos) deberían acompañarse de una palabra de texto para evitar ambigüedad, especialmente en acciones importantes del sitio.

¿Deberían mis interfaces incluir instrucciones explícitas para patrones visuales habituales?

Para funciones importantes, sí, especialmente la primera vez que un usuario se encuentra con un patrón que asume conocimiento previo (gestos, iconos de menú). Una breve instrucción visible reduce la confusión sin necesidad de rediseñar la interfaz.

¿Es un fracaso del diseño que un cliente necesite ayuda telefónica para completar un proceso online?

No, es simplemente reconocer que una parte de los usuarios prefiere ese camino. Integrar la opción telefónica como una vía igual de válida y bien señalizada es una forma legítima de diseño inclusivo.

¿Sirve de algo probar mi web con un familiar mayor en vez de un cliente real?

Aporta información valiosa, aunque con la salvedad de que un familiar puede ser más indulgente que un desconocido. Es mejor que no probar con nadie de ese perfil, pero conviene complementarlo con al menos algún caso ajeno al círculo cercano.

Más sobre Diseño Web

¿Hablamos de diseño web para tu negocio?

Cuéntanos tu proyecto y te decimos cómo podemos ayudarte, sin compromiso.

Llama al 91 060 30 90