Banco Pichincha apuesta por el diseño inclusivo en su app de Banca Móvil

Pero, ¿qué es el diseño inclusivo?

El diseño inclusivo es un conjunto de metodologías para diseñar y crear productos que puedan ser usados por personas de todo origen con habilidades diferentes y/o discapacidades. Genera empatía para la accesibilidad y respeta las diferencias de edades, situación económica, ubicación geográfica, idioma, origen étnico, género y más. A menudo se confunde el diseño inclusivo con accesibilidad o diseño universal. Los tres conceptos tienen como objetivo reducir las barreras entre los humanos y la tecnología para crear experiencias inclusivas. Te explicamos sus diferencias.

• Accesibilidad: garantizar que las interfaces y la tecnología puedan ser usadas por personas con discapacidades (cognitivas y físicas). Son un mínimo indispensable para experiencias significativas.
• Diseño universal: crear experiencias que sea accesibles para la mayor cantidad de personas utilizando una única solución sin necesidad de adaptaciones o diseños especializados.
• Diseño inclusivo: se diseñan soluciones aceptando y abarcando múltiples variaciones tomando en cuenta la diversidad de las personas y sus diferentes habilidades.

Es probable que en algún momento de nuestra vida nos hayamos enfrentado a una discapacidad: permanente, ocasional o situacional.  Para que tengas una idea, 9 de cada 10 interfaces digitales no son accesibles a esta realidad, según el informe WebAIM Million 2025. 

Buenas prácticas de diseño inclusivo en el mundo

Sin lugar a dudas, el incorporar el diseño inclusivo permite el lanzamiento de mejores productos que generan una mayor satisfacción del usuario y, por tanto, menos frustraciones en el camino. Hemos recopilado algunos ejemplos de estas prácticas.

Para lograr una experiencia accesible, las aplicaciones deben adaptarse a la tecnología disponible en cada dispositivo. Tanto Android como iOS incorporan herramientas de asistencia como los lectores de pantalla VoiceOver y TalkBack, que permiten convertir en audio los elementos visibles de la interfaz para que personas no videntes puedan navegar y utilizar aplicaciones digitales de forma autónoma.

Hoy, los avances tecnológicos permiten llevar el diseño inclusivo a un nuevo nivel. Los lectores de pantalla nativos han evolucionado y ahora pueden integrarse con asistentes de voz impulsados por inteligencia artificial, capaces de guiar a los usuarios de forma más conversacional y contextual.

La inteligencia artificial aplicada a la experiencia permite adaptar el lenguaje, anticipar errores, confirmar acciones importantes y reducir la carga cognitiva durante la navegación. La voz deja así de ser solo un complemento y se convierte en una interfaz clave para interactuar con productos y servicios digitales. 

Propiedades más comunes para implementar accesibilidad

Tomando en consideración los siguientes atributos se puede lograr una mejor implementación para la lectura de los componentes o elementos que integran  el diseño.

• Accessible: cuando es verdadero, indica que la vista es un elemento de accesibilidad. Por defecto, todos los elementos táctiles son accesibles.
• AccessibilityRole: esta propiedad permite comunicar la finalidad o rol de un componente al usuario utilizando lector de pantalla.
• AccessibilityLabel: el texto asignado a esta propiedad es el que el asistente de voz leerá cuando un usuario pulse un componente, como un texto, un botón o una vista.

A continuación, te mostramos dos ejemplos de botones, con el código de la implementación simplificada y cómo se enuncian, tanto con el lector de pantalla de iOS (VoiceOver) como con el de Android (Talkback).