Título	Proyecto Aletheia: App (aplicación) para lectura accesible de información de envases de alimentos para personas con baja visión
Tipo de Proyecto	Proyecto de Titulación
Palabras Clave	baja visión
Período	2025-2025
Asignatura	Taller de Titulación: Personas gráficas y territorios 2025
Del Curso	Taller de Titulación: Personas gráficas y territorios 2025
Carreras	Diseño
Alumno(s)	Paloma Álvarez
Profesor	Michèle Wilkomirsky

Proyecto Aletheia: App (aplicación) para lectura accesible de información de envases de alimentos para personas con baja visión

En el presente proyecto, sobre el desarrollo del proyecto Aletheia, centrado en el acceso a la información gráfica para personas con baja visión en Chile. A partir de una revisión conceptual, normativa y visual, se sistematizan hallazgos que provienen tanto de fuentes académicas como de experiencias directas con usuarios.

El diseño accesible no se entiende aquí como un campo técnico ni como un ideal universal, sino como una práctica situada. Conceptos como contraste, jerarquía, tipografía y legibilidad no son reglas, sino condiciones que median el acceso a la lectura cuando la visión se vuelve limitada. Desde esta perspectiva, diseñar no es solo comunicar: es permitir leer, decidir, actuar.

Aletheia propone una herramienta móvil que permite escanear envases de alimentos y acceder a su información nutricional mediante lectura en voz alta o visualización ajustada.

No busca competir con otras tecnologías, sino plantear una solución específica: una interfaz simple que dialogue con lo cotidiano y reduzca las barreras gráficas que enfrentan muchas personas al comprar, cocinar o planificar su alimentación.

El proceso se dividió en dos fases. La primera, exploratoria e investigativa, consistió en revisar normas, guías y ejemplos gráficos vinculados a accesibilidad visual. Esta revisión no fue acumulativa, sino selectiva: permitió identificar criterios que luego se tradujeron en decisiones de diseño. La segunda fase corresponde al desarrollo y validación del prototipo. Donde se trabajará con usuarios reales, quienes aportarán observaciones clave sobre lectura, navegación y comprensión.

1. Introducción y justificación

Hablar de accesibilidad visual no es solo referirse a estándares o buenas prácticas: es asumir que el acto de ver —y sobre todo, de leer— no ocurre en igualdad de condiciones para todos. Muchas personas con baja visión quedan fuera de la información impresa o digital porque el diseño gráfico no ha sido pensado para ellas. En ese umbral donde lo visible no siempre es legible, el diseño puede marcar la diferencia entre la exclusión y el acceso. Aletheia surge como una respuesta situada a este problema. Desde una mirada crítica y propositiva, el proyecto explora cómo las personas con baja visión interactúan con los envases de alimentos y qué barreras enfrentan al intentar acceder a información clave, como ingredientes, fechas o advertencias nutricionales. Más que un ejercicio técnico, se propone un cruce entre diseño, experiencia y derechos.

Esta sección reúne los fundamentos conceptuales y normativos que sostienen la propuesta: una caracterización de la baja visión como fenómeno visual y social; una reflexión sobre el rol del diseño gráfico en contextos de lectura diversa; y un mapeo del marco legal vigente, tanto en Chile como a nivel internacional. Lejos de funcionar como antecedentes decorativos, estos elementos estructuran el sentido del proyecto y orientan sus decisiones metodológicas y formales.

1.1 Definición y alcance de la baja visión

Según el Ministerio de Educación de Chile (2007), se habla de baja visión cuando la persona presenta una percepción visual muy disminuida, pero logra captar estímulos visuales de mayor tamaño mediante ayudas ópticas. Es decir, presenta una alteración importante de su capacidad visual, pero conserva un remanente funcional que le permite usar este sentido. Muchas de estas personas pueden leer y escribir textos impresos con el apoyo de tecnologías específicas. La ceguera, en cambio, implica una pérdida visual total o casi total. La OMS la define como una agudeza visual menor a 20/400, incluso con corrección óptica (Dabian & Peña Moyano, 2020).

Quienes viven con baja visión enfrentan barreras constantes para leer, reconocer patrones visuales o navegar por espacios digitales. Tipografías densas, contrastes pobres o una organización confusa del contenido dificultan incluso las tareas más simples. Leer una etiqueta, una receta o una instrucción puede volverse imposible sin asistencia (Serda et al., 2023).

Este fenómeno no es menor. La OMS estima que más de 2.200 millones de personas en el mundo tienen algún tipo de discapacidad visual; al menos 1.000 millones de estos casos podrían haberse evitado o tratado. Las principales causas son conocidas: cataratas, errores refractivos no corregidos, degeneración macular, glaucoma y retinopatía diabética. A esto se suma la presbicia, que afecta a más de 800 millones de personas en edad avanzada. La distribución de estas condiciones no es uniforme: en países de ingresos bajos y medios, la discapacidad visual es hasta cuatro veces más frecuente que en contextos de altos ingresos (OMS, s.f.).

En Chile, un informe de la Fundación Luz (2023) confirma esta tendencia: el 30,5% de la población adulta presenta pérdida de visión, lo que incluye desde condiciones leves hasta ceguera severa. Esta proporción evidencia una necesidad urgente de generar soluciones accesibles que consideren las diversas formas en que se experimenta la discapacidad visual.

Las causas predominantes en Chile coinciden con las reportadas a nivel global. La retinopatía diabética, por ejemplo, es la principal causa de ceguera en personas en edad laboral. Esta enfermedad daña los vasos sanguíneos de la retina, volviéndolos permeables u obstruyéndolos, lo que puede provocar inflamación, hemorragias o tejido cicatricial que lleva a una pérdida progresiva de la visión (Mundial de la Salud, n.d., p. 6).

El glaucoma, en cambio, compromete de forma gradual el nervio óptico. Suele comenzar con pérdida de visión periférica, pero si no se trata, puede derivar en ceguera total. La degeneración macular relacionada con la edad afecta la zona central de la retina, dificultando tareas como la lectura, el reconocimiento de rostros o cualquier actividad que requiera precisión visual. A esto se suman causas menos visibles pero igualmente significativas: condiciones congénitas como el albinismo, la aniridia o la amaurosis de Leber, junto a factores externos como traumatismos, infecciones o la exposición prolongada a pantallas. Todas ellas dan cuenta de una diversidad de trayectorias visuales que exigen respuestas específicas desde el diseño y la accesibilidad.

1.2. Importancia del diseño gráfico accesible

El diseño gráfico, cuando se cruza con la discapacidad visual, deja de ser un ejercicio estético para convertirse en una necesidad concreta. Funciona como puente entre el entorno y quienes necesitan claves visuales claras para interpretar, decidir o actuar. Delgadillo (2022, citado en Serda et al., 2023) señala que el diseño gráfico no es una disciplina decorativa, sino una práctica interdisciplinaria que busca resolver problemas comunicacionales mediante procesos planificados y situados. Diseñar, en este contexto, implica leer variables técnicas, culturales y perceptivas que inciden directamente en el acceso a la información.

Pero ese acceso está lejos de estar garantizado. Serda et al. (2023) advierten que todo acto comunicativo puede verse interferido por “ruidos” —físicos o psicológicos— que distorsionan el mensaje. En personas con baja visión, estos obstáculos se vuelven constantes: letras pequeñas, contrastes débiles, composiciones visuales saturadas, errores ortográficos o rotación de letras pueden convertir tareas mínimas —leer una etiqueta, seguir una instrucción— en situaciones frustrantes o imposibles.

Ante estas barreras, el diseño gráfico debe asumir criterios de accesibilidad visual como parte de su práctica.

Tipografías legibles, contraste suficiente entre fondo y texto, jerarquías claras, estructuras limpias, márgenes razonables y lectura lineal no son añadidos técnicos: son condiciones básicas. Evitar depender exclusivamente del color, reducir el ruido visual y pensar cada texto como interfaz también forma parte del trabajo. Estas decisiones no solo facilitan la lectura en personas con baja visión: mejoran la legibilidad para todos.

1.3 Marco normativo en Chile y estándares internacionales

El acceso a la información no depende solo del diseño. Requiere también de un marco legal que respalde el derecho de las personas con discapacidad visual a comprender y utilizar los entornos que las rodean. En Chile, existen leyes, decretos y normas internacionales que abordan la accesibilidad, aunque su aplicación práctica aún enfrenta vacíos y contradicciones.

Ley 20.422

Promulgada en 2010, esta ley establece normas sobre igualdad de oportunidades e inclusión social de las personas con discapacidad. Reconoce principios como la vida independiente, la accesibilidad universal y el diseño universal. Su objetivo es garantizar el acceso en condiciones de equidad a los derechos fundamentales, promoviendo la participación y la eliminación de barreras (Ley de Inclusión en el SERPAT, s.f.).

Decreto N° 50 del MINVU

Este decreto complementa la Ley 20.422 en el ámbito del urbanismo. Modifica la Ordenanza General de Urbanismo y Construcciones e incorpora exigencias como señalización podotáctil, franjas de contraste en escaleras y elementos de protección en zonas con riesgo por altura. Su foco está en facilitar el desplazamiento autónomo en espacios públicos, especialmente para personas con discapacidad visual.

Normas de accesibilidad
digital: WCAG 2.1

A nivel internacional, las Web Content Accessibility Guidelines (WCAG 2.1), desarrolladas por el W3C, definen los estándares más utilizados para garantizar la accesibilidad digital. Se organizan en torno a cuatro principios:

Perceptible: Que la información pueda ser vista o escuchada.
Operable: Que se pueda navegar sin necesidad de un mouse.
Comprensible: Que la estructura y el lenguaje sean claros.
Robusto: Que el contenido funcione con distintas tecnologías de asistencia.

Las WCAG 2.1 establecen tres niveles de conformidad:

Nivel A: Cumplimiento básico (como uso de texto alternativo).
Nivel AA: Estándar recomendado en Chile, incluye contraste suficiente, formularios accesibles y navegación estructurada.
Nivel AAA: Nivel más exigente, con mayores requerimientos de claridad, subtítulos y contraste.

Norma Chilena NCh 3267:2020

Esta norma técnica, elaborada por el Instituto Nacional de Normalización (INN), adapta las WCAG 2.1 al contexto chileno. Exige que los sitios web de instituciones públicas cumplan al menos con el nivel AA, y promueve el uso de lectores de pantalla, estructuras semánticas claras y diseño participativo. A diferencia de otras normativas, la NCh 3267:2020 no se limita a criterios técnicos: incluye también la necesidad de evaluar interfaces desde la experiencia real de los usuarios.

2. Fundamentos teórico-conceptuales

El acceso visual a la información no depende solo de lo que se muestra, sino de cómo se estructura, se percibe y se interpreta. Para una persona con baja visión, leer una etiqueta, distinguir un botón o seguir una instrucción implica atravesar decisiones de diseño que no siempre han considerado su forma de ver. Esta sección reúne tres áreas conceptuales que permiten observar esas decisiones desde distintos ángulos.

Por un lado, el diseño universal propone principios que orientan la construcción de entornos visuales accesibles desde el inicio. Por otro, los estudios sobre percepción visual y baja visión aportan datos concretos sobre cómo afectan variables como el contraste, el tamaño de letra o el espaciado. Finalmente, las tecnologías de asistencia —como lectores de pantalla o aplicaciones de lectura en voz alta— muestran que la accesibilidad también depende de la compatibilidad entre lo gráfico y lo técnico.

2.1. Principios del diseño accesible

El diseño universal no parte de la adaptación, sino de la inclusión desde el origen. Su lógica no es ajustar soluciones ya existentes, sino proponer formas que puedan ser utilizadas por la mayor cantidad de personas posible, sin necesidad de modificaciones posteriores. Se trata de diseñar pensando en la diversidad, no en la excepción. Entre sus principios básicos se encuentran la simplicidad, la claridad, la tolerancia al error y la posibilidad de uso con bajo esfuerzo físico —ya sea con o sin dispositivos de asistencia— (Platzi, s.f.).

Desde este enfoque se han establecido siete principios orientadores (Platzi, s.f.).:

1. Equitativo en el uso	Útil para personas con distintas capacidades.
2. Flexible	Se adapta a distintas preferencias o necesidades.
3. Intuitivo	Comprensible sin experiencia previa.
4. Perceptible	Comunica incluso en condiciones sensoriales o ambientales adversas.
5. Tolerante al error	Minimiza consecuencias ante equivocaciones.
6. De bajo esfuerzo físico	No genera fatiga.
7. Con tamaño y espacio adecuados	Permite el acceso y manipulación sin restricciones.

Por otro lado, es necesario distinguir entre inclusión y adaptación. Diseñar de forma inclusiva implica considerar desde el inicio a quienes ven distinto, piensan distinto o interactúan de otra manera con lo visual. No se trata solo de facilitar el acceso, sino de reconocer y representar esa diversidad en los propios contenidos. En cambio, adaptar después de diseñado suele generar soluciones parciales: parches que resuelven un problema, pero no transforman el sistema.

Para pensar un diseño verdaderamente accesible, hay tres nociones centrales que atraviesan lo visual: claridad, legibilidad y usabilidad.

Claridad

Tiene que ver con entender sin esfuerzo. En diseño gráfico, eso implica establecer jerarquías visuales claras —a través del tamaño, el color o el espaciado—, evitar la saturación de elementos, y usar lenguaje directo, sin tecnicismos innecesarios (WebAIM, s.f.; Nielsen Norman Group, s.f.).

Legibilidad

Apunta a la facilidad de lectura, especialmente en personas con baja visión o dislexia. Esto requiere:

Tipografías simples y bien definidas, preferentemente sans-serif.
Tamaños de fuente mínimos de 16 px en entornos digitales.
Contraste suficiente: al menos 4.5:1 para texto normal, 3:1 para texto grande (W3C, 2018).
Interlineado de al menos 1.5× y espaciado entre letras de 0.12× (WebAIM, s.f.).

Usabilidad

No se limita a lo visual, sino que aborda cómo se interactúa con un contenido. Diseñar con usabilidad implica crear estructuras predecibles, no depender exclusivamente del color para transmitir información (usar íconos o etiquetas adicionales), y asegurar compatibilidad con tecnologías asistivas como lectores de pantalla o ampliadores de contraste (W3C, 2018; WebAIM, s.f.; Nielsen Norman Group, s.f.).

2.2. Neurociencia y percepción visual en personas con baja visión

Los déficits visuales propios de la baja visión inciden directamente en la forma en que se lee, se interpreta el texto y se navega por una interfaz. Uno de los factores más relevantes es la agudeza visual, que define qué tan nítidamente se perciben los detalles. Se habla de baja visión cuando esta agudeza es inferior a 20/60, lo que significa que para distinguir un mismo carácter, el texto debe ser considerablemente más grande. Esta medida se evalúa comúnmente mediante la escala de Snellen.

La magnificación es una de las estrategias más utilizadas para facilitar la lectura: ya sea acercando el objeto visual, usando lentes de aumento o dispositivos electrónicos como lupas de video. En paralelo, el contraste y la polaridad entre texto y fondo cumplen un rol fundamental. Para muchas personas con baja visión, los textos claros sobre fondo oscuro son más efectivos, ya que disminuyen la dispersión lumínica dentro del ojo.

El tamaño de fuente recomendado en impresos se sitúa entre 18 y 20 puntos, mientras que el espaciado entre líneas y palabras tiende a mejorar la comprensión general. El aumento del espacio entre letras, en cambio, no siempre genera mejoras. Ciertas tipografías diseñadas específicamente para baja visión, como Tiresias, o fuentes de ancho fijo como Courier, muestran mejores resultados en contextos cercanos al umbral de legibilidad. En todos los casos, una iluminación adecuada puede mejorar significativamente tanto la nitidez como la velocidad lectora (Legge et al., 2017).

Las decisiones tipográficas tienen un impacto directo en la percepción visual. Bernard, Aguilar y Castet (2003) señalan que el tipo de fuente, el espaciado y el contraste afectan no solo la comodidad, sino también la velocidad y precisión en la lectura. Las tipografías de ancho fijo como Courier tienden a ser más legibles que fuentes proporcionales como Times, especialmente en cuerpos pequeños.

También se ha observado que un espaciado ampliado entre caracteres puede facilitar la lectura para personas con baja visión, aunque su efectividad depende del tipo de fuente utilizada. En cuanto al color, el contraste fuerte entre fondo y texto —por ejemplo, negro sobre blanco— mejora notablemente la discriminación visual. Pero la percepción cromática no es uniforme: personas con deficiencias como la protanopía (ceguera al rojo) pueden tener dificultades para distinguir ciertos indicadores, especialmente cuando el diseño depende exclusivamente de combinaciones como rojo y amarillo (Bernard et al., 2003).

Estas limitaciones no son abstractas: se hacen visibles en situaciones cotidianas. Una barra de búsqueda puede desaparecer visualmente si no hay contraste suficiente. Un botón puede pasar desapercibido si su color se funde con el fondo. Una señal de advertencia puede perder su función si el usuario no percibe la diferencia entre rojo y verde.

La accesibilidad, en este contexto, no puede ser un añadido posterior. Las dificultades asociadas a la baja visión muestran cómo una misma interfaz puede volverse inaccesible dependiendo del tipo de déficit visual. Contraste, codificación por color y estructura gráfica son variables críticas que deben abordarse desde las etapas iniciales del diseño.

2.3. Tecnologías de asistencia y accesibilidad digital

La accesibilidad visual no depende solo del diseño bien intencionado. Requiere de tecnologías específicas que actúan como puentes entre el entorno gráfico y quienes necesitan otras formas de acceso. Estas herramientas —de software y hardware— transforman, amplifican o reinterpretan la información visual para hacerla legible, audible o manipulable. Y para que funcionen, el diseño debe estar a la altura.

Lectores de pantalla y estructura semántica

Los lectores de pantalla convierten lo visual en sonido o Braille. Son usados principalmente por personas ciegas o con pérdida visual severa para navegar por contenidos digitales. Algunos de los más utilizados son:

NVDA (Windows): gratuito y de código abierto.
JAWS (Windows): de pago, con funciones avanzadas.
VoiceOver (Mac/iOS): integrado en dispositivos Apple.
TalkBack (Android): incluido en sistemas Android.

Estas herramientas no interpretan lo que ven: interpretan lo que está bien estructurado. Si no hay etiquetas alternativas, encabezados jerarquizados o una arquitectura coherente, el lector de pantalla falla. No es una cuestión técnica, es un asunto de diseño: lo que no se nombra, no se lee.

Ampliación, contraste y reorganización del contenido visual

Para personas con baja visión, las tecnologías de asistencia permiten manipular el entorno visual. Algunas amplifican el contenido; otras alteran el contraste o invierten colores para mejorar la discriminación de formas. Ejemplos comunes incluyen:

Lupas electrónicas y software de ampliación
- ZoomText: amplía contenido y ajusta contraste.
- SuperNova Magnifier: combina ampliación con lector de pantalla.
- Herramientas integradas como Windows Magnifier o Mac Zoom.
Filtros de contraste y color
- Modo de alto contraste en Windows.
- Configuraciones de color invertido en iOS y Android.
- Extensiones como Dark Reader para mejorar la legibilidad web.

Aplicaciones de texto a voz (TTS)

Las herramientas de conversión de texto a voz permiten acceder a contenidos escritos en formato sonoro. Esto es útil no solo para personas con discapacidad visual, sino también para quienes enfrentan dificultades de lectura, como la dislexia. Algunas aplicaciones destacadas:

Google Lookout (Android): escanea y lee texto en voz alta.
Seeing AI (iOS): describe texto, objetos y rostros.
Voice Dream Reader (iOS/Android): convierte documentos en audio con voces personalizables.
Speech Central: transforma páginas web y archivos en lectura hablada.

Estas tecnologías amplían el acceso, pero también revelan una deuda: la accesibilidad no puede depender únicamente de herramientas externas. El diseño gráfico tiene que considerar, desde su concepción, la compatibilidad con lectores, amplificadores y navegadores alternativos. No es una capa extra: es parte del núcleo.

3. Estado del arte y revisión de investigaciones previas

Las decisiones gráficas que configuran una interfaz —el tipo de letra, el espaciado, los contrastes, los colores— no se toman en el vacío. Están atravesadas por estudios, marcos normativos y criterios técnicos que buscan responder, de manera más o menos explícita, a cómo se perciben y leen los contenidos visuales. Esta sección reúne investigaciones y normativas que han abordado el vínculo entre legibilidad, accesibilidad y diseño gráfico, con énfasis en su aplicación para personas con baja visión.

3.1 Estudios sobre tipografía y legibilidad en baja visión

La elección tipográfica incide directamente en la experiencia de lectura de personas con baja visión. No se trata solo de estilo, sino tambien del tamaño, el espaciado y la estructura de las letras pueden facilitar el acceso a la información.

Aspecto	Descripción
Tamaño de letra	Se recomienda entre 14 y 16 pt en digital, con proporción alto/ancho cercana a 3:2. Evitar exceso de negritas, subrayados o mayúsculas. En párrafos, restringir negrita a 2 palabras máximo. Las mayúsculas pueden reducir la lectura entre un 10% y 20% (Letras a la Vista, s.f.).
Espaciado entre letras	Se sugiere un espaciado mínimo de un cuarto del tamaño de la letra. Su eficacia depende del tipo de fuente y necesidades del lector (Letras a la Vista, s.f.).
Interlineado	Idealmente entre 1.5 y 2, o un 25–30% adicional al tamaño de la fuente. También se recomienda separar párrafos para facilitar la lectura continua (Letras a la Vista, s.f.).
Tipografías recomendadas	No hay una fuente universalmente óptima, pero se priorizan tipografías sans-serif por su limpieza y claridad. Algunas sugeridas: Tiresias: diseñada para baja visión, formas abiertas. Arial: común, con buena definición. Verdana: espaciado amplio, pensada para pantalla. Tahoma: compacta, similar a Verdana. Courier: de ancho fijo, útil en ciertos contextos. Century Gothic: limpia y amplia. Atkinson Hyperlegible: diferenciación alta de caracteres, desarrollada por el Braille Institute. Helvetica: elegante, pero en tamaños pequeños puede requerir ajustes.

Contraste y combinaciones de color

El contraste entre texto y fondo es un factor determinante en la legibilidad. Algunas combinaciones han demostrado ser especialmente efectivas:

Fondo / Letra	Blanco	Negro	Verde	Rojo	Azul	Negro	Amarillo	Rojo	Verde oscuro	Negro
Fondo	Azul oscuro	Amarillo	Blanco	Blanco	Blanco	Blanco	Negro	Blanco	Blanco	Blanco

Estas combinaciones ofrecen alto contraste y facilitan la discriminación de formas, aunque su efectividad puede variar según el entorno (pantalla retroiluminada, papel, luz natural) y el tipo de déficit visual (Letras a la Vista, s.f.).

3.2 Investigaciones sobre contraste, color y accesibilidad visual

El contraste influye directamente en la legibilidad de un texto. Según la condición visual de cada persona, mejorar la relación figura-fondo, acentuar los bordes y establecer diferencias de tamaño puede facilitar el reconocimiento de detalles. Un contraste bien aplicado no solo permite distinguir lo visible, sino que reduce la fatiga asociada al esfuerzo sostenido de lectura, a la baja calidad visual de ciertos medios o a exposiciones prolongadas (Serda et al., 2023, p. 24).

Combinaciones cromáticas y
accesibilidad visual

Diseñar con color implica asumir que no todas las personas perciben los tonos de la misma manera. Las combinaciones mal seleccionadas pueden generar ambigüedad, superposición o pérdida de significado. Esto se vuelve especialmente relevante en contextos donde el color transmite información clave.

Consideraciones frente al daltonismo

Algunas combinaciones son problemáticas para personas con deficiencias en la percepción cromática. Según Envato Tuts+ (s.f.), es recomendable:

Evitar pares confusos: combinaciones como rojo/verde (protanopía o deuteranopía), azul/amarillo (tritanopía), o tonos similares como azul oscuro con negro o gris claro con blanco.
Aumentar el contraste: más allá del color en sí, trabajar con niveles de brillo o saturación permite establecer diferencias perceptibles. Un rojo oscuro puede distinguirse mejor frente a un azul claro que frente a otro rojo saturado.
Usar jerarquías múltiples: el color debe reforzar —no reemplazar— otros recursos como tamaño, grosor de línea, textura o ubicación.
No depender exclusivamente del color: si un estado, error o categoría solo se indica mediante color, parte de los usuarios puede quedar fuera. Marcar un campo erróneo solo con un borde rojo, por ejemplo, no es suficiente para alguien con daltonismo.

Estas decisiones no exigen renunciar a lo gráfico ni restringir el diseño a una paleta limitada. Exigen entender que la percepción visual es diversa, y que una elección cromática también es una decisión de acceso.

3.3. Aplicaciones del diseño gráfico accesible en entornos digitales

La variación en la percepción visual no solo modifica cómo se ve un contenido, sino también cómo se interpreta y se navega. El uso de colores, el tamaño del texto o la presencia (o ausencia) de descripciones visuales puede marcar la diferencia entre una interfaz legible y una inaccesible. Frente a esto, existen mecanismos que permiten ajustar la visualización para adaptarse a distintas necesidades.

Configuraciones de accesibilidad comunes	Estas opciones pueden encontrarse en navegadores web, sistemas operativos o extensiones específicas. Entre las más habituales se incluyen: Ajuste del tamaño del texto. Modificación de los contrastes de color. Activación de lectores de pantalla. Inclusión de subtítulos o leyendas en contenidos audiovisuales. Uso de texto alternativo en imágenes para describir su contenido (Envato Tuts+, s.f.). Estas medidas no reemplazan el diseño accesible desde el origen, pero permiten cierto grado de personalización para usuarios con necesidades específicas.
Recomendaciones gráficas complementarias	Texto alternativo en imágenes: clave para usuarios que utilizan tecnologías asistivas. Evitar depender solo del color: los indicadores visuales deben combinarse con íconos, etiquetas o formas reconocibles. Uso de colores contrastantes: mejora la legibilidad general y reduce el esfuerzo de lectura.
Herramientas para evaluar accesibilidad	Además de ajustes locales, existen herramientas que permiten detectar barreras de accesibilidad en sitios web, muchas de ellas como extensiones de navegador o plataformas online: Extensiones de navegador: Web Disability Simulator: simula distintas condiciones visuales. Funkify: permite experimentar la web desde diversas discapacidades. NoCoffee: enfocado en simulaciones de visión deficiente o alterada. Evaluadores online: WAVE: análisis visual de errores comunes como contraste bajo, imágenes sin texto alternativo o encabezados mal jerarquizados. TAW: herramienta en español que revisa conformidad con las WCAG, entrega reportes técnicos y sugerencias de mejora.

3.4 Estudios sobre tipografía y legibilidad en baja visión

Comparación con estándares internacionales

Chile ha avanzado en la incorporación de normativas relacionadas con la accesibilidad, especialmente a partir de la Ley Nº 20.422, que establece principios de igualdad de oportunidades e inclusión para personas con discapacidad. Esta ley reconoce la accesibilidad universal y el diseño universal como fundamentos para eliminar barreras no solo físicas, sino también comunicacionales.

En el ámbito digital, la normativa promueve el uso de las WCAG 2.0 y 2.1 como marco de referencia para sitios del sector público. Estas pautas —desarrolladas por el W3C— definen niveles progresivos de cumplimiento (A, AA, AAA) en torno a criterios como perceptibilidad, operabilidad, comprensibilidad y robustez del contenido.

Si bien esto representa un avance, la implementación y fiscalización siguen siendo limitadas. A diferencia de lo que ocurre en países como Estados Unidos (Sección 508 del Rehabilitation Act) o la Unión Europea (Directiva 2016/2102), donde existen mecanismos obligatorios de cumplimiento, en Chile el proceso depende en gran parte de la voluntad institucional y de la capacitación técnica de los equipos encargados. Esto genera una distancia entre la normativa declarada y las prácticas concretas en torno al diseño gráfico accesible.

Implementación y desafíos de la Ley 20.422

La Ley 20.422 establece que el acceso equitativo no se limita a lo físico: también debe expresarse en la forma en que se presenta la información. Esto ha motivado ajustes en señaléticas, sitios web y otros soportes gráficos utilizados por instituciones públicas y privadas.

Algunas medidas promovidas incluyen:

Uso de lenguaje claro y estructuras visuales simples.
Incorporación de símbolos comprensibles y contrastes adecuados.
Adaptación de materiales impresos y digitales a distintos niveles de visión.

La ley también se articula con otras normativas, como la Ordenanza General de Urbanismo y Construcciones (OGUC), que establece condiciones de accesibilidad en espacios públicos. Sin embargo, muchas veces estos ajustes responden más a requerimientos formales que a una comprensión profunda del problema. En la práctica, persisten barreras técnicas y económicas para el desarrollo de materiales realmente accesibles.

Políticas públicas y lineamientos técnicos

Implementación y desafíos de la Ley 20.422 A nivel institucional, el marco normativo se complementa con herramientas como el Decreto N°1 (2015), que define los requisitos técnicos para los sitios web estatales, y las guías publicadas por el SENADIS. Estas políticas sugieren adoptar las WCAG 2.1 como estándar mínimo y trabajar bajo principios de diseño universal.

Entre las estrategias recomendadas se incluyen:

Capacitación interna de los equipos de diseño y desarrollo.
Evaluación periódica de sitios web institucionales.
Incorporación de criterios de accesibilidad desde las etapas iniciales del diseño.
Articulación con organizaciones de personas con discapacidad visual.

Aunque el discurso de inclusión ha ganado presencia en el ámbito público, la implementación práctica es dispareja. El cumplimiento no siempre se traduce en experiencias accesibles, y el compromiso institucional sigue dependiendo de decisiones administrativas aisladas. Más allá de las exigencias normativas, lo que está en juego es la posibilidad real de acceder a la información.

4. Identificación de Brechas en la Literatura y Justificación del Estudio

Chile cuenta con un marco normativo que reconoce el derecho a la accesibilidad. La Ley 20.422 garantiza la igualdad de oportunidades para personas con discapacidad, y existen esfuerzos visibles como la incorporación de las WCAG en plataformas digitales públicas o algunas campañas de concientización impulsadas por organismos estatales. Sin embargo, estas medidas conviven con una implementación desigual, especialmente cuando se trata del diseño gráfico aplicado a productos de uso cotidiano. Más allá del cumplimiento técnico, la accesibilidad debe integrarse como una práctica cultural y colectiva. Esto implica diseñar desde el inicio con las comunidades, no para ellas. Co-diseñar con personas con baja visión permite detectar barreras invisibles para quienes no las enfrentan, y desarrollar soluciones gráficas que respondan a las condiciones reales de uso.

4.1. Limitaciones de las investigaciones previas

En Chile, el desarrollo de propuestas vinculadas al diseño inclusivo ha sido escaso. La falta de iniciativas sostenidas y de una articulación efectiva entre el ámbito académico, la industria creativa y las tecnologías accesibles ha dificultado la consolidación de productos orientados a personas en situación de discapacidad. La innovación, en este contexto, depende mayormente de esfuerzos individuales y de condiciones de mercado que no siempre consideran criterios de inclusión (Bernaschina, 2019; Romo Re, 2013).

Según Muñoz Alzate (2011), el diseño inclusivo requiere incorporar herramientas analíticas como mediación en los procesos de diseño. Esto permitiría pensar estrategias de adaptación y estandarización en proyectos interdisciplinarios que involucren a personas con y sin discapacidad. Sin embargo, en la práctica, muchos de los productos disponibles en el país no logran responder a las condiciones reales de uso: presentan problemas funcionales, resultan poco atractivos o reproducen estéticas estigmatizantes. En lugar de soluciones integradas, predominan objetos mal diseñados que no consideran la experiencia de quienes los usan.

Para caracterizar esas barreras desde la experiencia directa, se integran a continuación testimonios recogidos por Constanza Villarroel en el marco de su investigación, centrada en envases de productos de uso cotidiano. Las citas permiten identificar estrategias de navegación, dificultades habituales y soluciones deseadas desde la voz de los propios usuarios:

“Por lo general compro por internet, porque tengo un lector de pantalla que me lee la información que busco. Lo que sí no me aparece la información nutricional ni ingredientes, porque sólo suben las fotos.” (Mujer, 40 años, Coloboma)
“Al comprar busco más que nada formas, figuras o colores que me indiquen el alimento.” (Mujer, 56 años, oftalmía simpática)
“Quisiera que hayan códigos QR que informen verbalmente la información que busco. Podría escanear eso y abrir un audio que me lea.” (Hombre, 23 años, albinismo oculocutáneo)
“Quisiera que fueran más claras las preparaciones y la cantidad para cocinar, o que tuvieran las medidas.” (Mujer, 71 años, retinopatía diabética)
“Mi ayuda, una cámara con lector, sólo reconoce la información con letras simples. Si la letra tiene muchas vueltas no lo reconoce.” (Mujer, 49 años, glaucoma)
“Al tocar puedo sentir qué alimento estoy comprando, pero se complica cuando se sienten igual dentro de la bolsa.” (Mujer, 76 años, glaucoma)
“Los que estudiaron braille desde chicos lo pueden leer de corrido. Los que nos quedamos con baja visión más viejos no lo podemos entender bien.” (Hombre, 77 años, degeneración macular)

Estos fragmentos exponen con claridad las brechas existentes entre el diseño de envases y las necesidades reales de quienes presentan baja visión. Las dificultades no solo son visuales; también se vinculan con aspectos táctiles, lógicos y funcionales de los objetos de uso cotidiano.

Ejercicio W5H: sistematización de contextos y necesidades

A partir de los testimonios recopilados, se elaboró un ejercicio de análisis tipo W5H que permite organizar los principales hallazgos en torno a quiénes enfrentan estas barreras, en qué contextos y de qué manera interactúan con los envases de productos:

Pregunta	Respuesta
¿Quién?	Personas con baja visión que encuentran obstáculos para acceder a la información impresa en productos cotidianos como alimentos, medicamentos o artículos de uso doméstico.
¿Qué hacen?	Buscan identificar elementos clave como fechas de vencimiento, instrucciones, ingredientes o advertencias nutricionales para tomar decisiones informadas.
¿Dónde?	En espacios habituales como el hogar (al cocinar o seguir tratamientos médicos), supermercados y farmacias.
¿Cuándo?	En situaciones específicas donde se requiere leer e interpretar información de forma autónoma, ya sea en el día a día o en contextos urgentes.
¿Por qué?	Porque necesitan mantener su independencia, cuidar su salud y reducir el margen de error al seleccionar o consumir un producto.
¿Cómo?	A menudo mediante estrategias compensatorias: apoyo de terceros, uso de lupas, linternas o ampliación visual forzada. También expresan interés en herramientas tecnológicas que ofrezcan lectura auditiva o visualización adaptada (alto contraste, texto ampliado).

Autonomía de compra y restricciones alimentarias

La mayoría de las personas entrevistadas manifestó dificultades al momento de realizar compras sin asistencia. Condiciones visuales como el glaucoma, la retinopatía diabética y la degeneración macular afectan directamente la discriminación de detalles gráficos, el contraste y la orientación espacial. Estas limitaciones dificultan tareas tan básicas como confirmar si un producto contiene alérgenos, seguir indicaciones de uso o verificar una fecha de vencimiento.

Principales dificultades visuales durante la lectura de envases

Las entrevistas por Constanza Villarroel (2024) revelaron una serie de obstáculos al intentar leer etiquetas o empaques reales. Las limitaciones no se reducen al diseño gráfico —como el tamaño de letra o el tipo de tipografía—, sino que también incluyen aspectos materiales y estructurales del envase.

La siguiente tabla sintetiza los desafíos más frecuentes identificados por las personas entrevistadas:

N°	Letra muy pequeña	No distingo la letra del fondo	El material del envase deslumbra	No encuentro la información que busco
1	✓	✓		✓
2	✓	✓		✓
3	✓	✓		✓
4	✓	✓		✓
5	✓	✓		✓
6	✓	✓	✓	✓
7	✓	✓	✓	✓
8	✓	✓	✓	✓
9	✓	✓	✓	✓
10	✓	✓	✓	✓
11	✓	✓	✓	✓
12	✓	✓	✓	✓
13	✓	✓	✓	✓

Escasez de análisis de herramientas digitales accesibles en Chile

Aunque el desarrollo de tecnologías de asistencia ha avanzado a nivel global, en Chile los estudios sistemáticos sobre herramientas digitales accesibles siguen siendo escasos. La evaluación de su efectividad, usabilidad o replicabilidad es limitada, y muchas veces no considera la experiencia directa de las personas con discapacidad visual. Esta falta de sistematización deja fuera insumos valiosos para adaptar soluciones tecnológicas al contexto local, reforzando la necesidad de investigar desde y para los territorios.

Aplicaciones y tecnologías internacionales

A continuación, se describen algunas herramientas que han sido diseñadas para mejorar la accesibilidad de personas con discapacidad visual en entornos cotidianos:

Seeing AI (Microsoft, EE. UU., 2017): Aplicación para iOS que lee textos, escanea códigos de barras, reconoce rostros y describe escenas.
Lookout (Google, EE. UU., 2019): Compatible con Android; permite identificar objetos, leer documentos y escanear productos.
NaviLens (España, 2018): Usa códigos visuales de alta visibilidad que se leen sin necesidad de enfoque preciso. Entrega información en audio y texto.
OrCam MyEye (Israel, 2015): Dispositivo portátil con cámara incorporada; permite lectura de textos y reconocimiento de rostros u objetos.
Be My Eyes (Dinamarca, 2015): Plataforma colaborativa donde personas ciegas reciben asistencia visual en tiempo real mediante videollamada con voluntarios.
Asistente Visual (Uruguay, 2020): Utiliza códigos QR en espacios públicos para guiar a personas con discapacidad visual.
TapTapSee (EE. UU., 2013): Permite tomar fotos y recibir descripciones auditivas de lo fotografiado.

Estas aplicaciones cubren necesidades diversas, desde el reconocimiento visual de objetos hasta la navegación autónoma en espacios públicos. La mayoría opera en entornos móviles, lo que favorece su uso en contextos reales y no solo en pruebas controladas.

Proyectos y aplicaciones en Chile y otros contextos latinoamericanos o europeos

Voicetalk Beacon (Chile, 2016) [1]: Desarrollo de la UCN en conjunto con Senadis. Utiliza señales inalámbricas para orientar a personas con discapacidad visual en espacios públicos. Disponible para Android.
LUP (España, 2024) [2]: La aplicación permite al usuario escanear cualquier documento con la cámara de su dispositivo móvil y escuchar el contenido en audio.
Traket (España, 2022) [3]: Propuesta de diseño inclusivo que busca facilitar la experiencia de compra en supermercados.
Etiqueta Narrante (Italia, 2020): Sistema de códigos QR que proporciona información auditiva sobre productos alimenticios. Impulsado por la startup SISSPre con apoyo de la Unión de Ciegos de Calabria.
Hoy compro (España, 2023) [4]: Aplicación que muestra un listado de los supermercados más cercanos que colaboran con "Hoy Compro", permitiendo al usuario seleccionar a cuál desea asistir y tener una compra guiada.

Caso de estudio: Seeing AI

Seeing AI es una aplicación desarrollada por Microsoft que traduce elementos visuales del entorno en descripciones auditivas. Funciona exclusivamente en dispositivos iOS y permite escanear textos, leer etiquetas, identificar productos a través de códigos de barras y reconocer rostros.

Al revisar su funcionamiento en contexto, se identifican los siguientes aspectos:

Inicio: El contraste en la pantalla de introducción es bajo, y el peso tipográfico dificulta la legibilidad. Además, no hay activación automática de un lector de voz.
Home: La navegación es compatible con lectores de pantalla. El contraste y el tamaño del texto en esta sección son adecuados.
Read: La lectura se realiza en tiempo real, sin necesidad de fotografiar. Sin embargo, la precisión depende del reconocimiento de caracteres; si la tipografía no es clara, la lectura se vuelve errática.
Información nutricional: La lectura de envases complejos o con estructuras irregulares es parcial. Por ejemplo, en etiquetas con información alineada en columnas, la lectura ocurre de forma fragmentada y fuera de orden.
Formato del envase: En envases cilíndricos o reflectantes, la aplicación pierde información lateral o genera interferencia por reflejo de luz.
Código de barras: La función de escaneo identifica el producto, pero no entrega información detallada como ingredientes o valores nutricionales.

Este análisis puntual permite observar cómo, pese a su potencial, la herramienta no responde del todo a las condiciones específicas de los envases de alimentos en circulación, sobre todo en términos de estructura, materialidad y complejidad gráfica.

4.2. Necesidad de un enfoque centrado en Chile

Chile cuenta con un marco normativo que reconoce el derecho a la accesibilidad. La Ley 20.422 garantiza la igualdad de oportunidades para personas con discapacidad, y existen esfuerzos visibles como la incorporación de las WCAG en plataformas digitales públicas o algunas campañas de concientización impulsadas por organismos estatales. Sin embargo, estas medidas conviven con una implementación desigual, especialmente cuando se trata del diseño gráfico aplicado a productos de uso cotidiano.

El caso de los envases de alimentos, aunque estos productos contienen información crítica para la salud —ingredientes, advertencias, instrucciones, fechas de vencimiento—, su presentación gráfica suele excluir a quienes tienen baja visión. Tipografías pequeñas, bajo contraste o diagramaciones confusas impiden una lectura autónoma, generando dependencia de terceros y aumentando el riesgo de errores.

Esta brecha entre la normativa y su aplicación real sugiere la necesidad de un enfoque situado, donde las políticas públicas no solo enuncien principios, sino que se traduzcan en estrategias concretas que respondan a la experiencia cotidiana de las personas usuarias. Evaluar cómo se implementan estas normas —y con qué resultados— es tan urgente como necesario, especialmente en un país donde aún hay escasa producción de herramientas móviles diseñadas desde y para la accesibilidad visual.

Más allá del cumplimiento técnico, la accesibilidad debe integrarse como una práctica cultural y colectiva. Esto implica diseñar desde el inicio con las comunidades. Co-diseñar con personas con baja visión permite detectar barreras invisibles para quienes no las enfrentan, y desarrollar soluciones gráficas que respondan a las condiciones reales de uso.

5. Rotulación en Envases de Alimentos

La rotulación nutricional es una fuente clave de información para las decisiones de consumo cotidiano. Indica ingredientes, advertencias, porciones, fechas de vencimiento y características nutricionales que afectan directamente la salud. Sin embargo, cuando esta información no se presenta de forma legible o accesible, se transforma en una barrera crítica para personas con baja visión.

En Chile, la legislación vigente establece requisitos detallados para la rotulación de productos alimenticios. Esto incluye no solo el listado de ingredientes y datos del fabricante, sino también la presencia obligatoria de sellos de advertencia nutricional y una tabla de información estandarizada. Por lo que se va a describir las principales exigencias normativas asociadas a la rotulación de alimentos, y examina cómo su implementación gráfica puede obstaculizar el acceso a la información en contextos reales.

5.1. Rotulación general

La legislación chilena establece un conjunto de exigencias sobre la información que debe incluirse en el etiquetado de alimentos. Según el Reglamento Sanitario de los Alimentos (Ministerio de Salud, 2022), el rotulado debe permitir identificar con precisión el producto y brindar al consumidor la información necesaria para su uso seguro. Esto incluye:

Nombre del alimento.
Contenido neto, sin considerar el peso del envase.
Nombre o razón social, domicilio del fabricante, envasador o distribuidor.
País de origen.
Número y fecha de la resolución sanitaria, junto al nombre del Servicio de Salud correspondiente.
Fecha de elaboración o envasado (preferiblemente en formato dd/mm/aa).
Número de lote.
Fecha de vencimiento o duración.
Instrucciones de almacenamiento.
Instrucciones de uso.
Lista de ingredientes, en orden decreciente de proporción, incluyendo aditivos.

Los aditivos deben estar claramente identificados, y en el caso de colorantes como Tartrazina o Amarillo Crepúsculo, debe advertirse sobre su potencial alergénico. Del mismo modo, los alérgenos deben destacarse explícitamente —por ejemplo: “Caseína (leche)”—, y cuando exista riesgo de contaminación cruzada, deben utilizarse frases como “Puede contener…” o “Elaborado en líneas que también procesan…”.

Para las personas con baja visión, acceder a esta información no es un asunto menor. Las decisiones de consumo, la prevención de riesgos alimentarios o el cumplimiento de restricciones médicas dependen, en buena medida, de que estos datos sean legibles y estén correctamente dispuestos. En este sentido, el diseño gráfico no puede limitarse a cumplir formalmente con la normativa: debe garantizar que la información esté disponible, comprensible y accesible para todos los usuarios.

5.2. Sistema de Sellos de Advertencia Nutricional

Desde 2016, Chile aplica un sistema de advertencia nutricional en el etiquetado frontal de alimentos envasados, en el marco de la Ley 20.606 sobre la Composición Nutricional de los Alimentos y su Publicidad. Este sistema, regulado por el Ministerio de Salud, establece el uso de sellos octogonales negros con borde blanco que advierten al consumidor cuando un producto contiene altos niveles de nutrientes críticos. Los mensajes que deben incorporar son:

ALTO EN CALORÍAS
ALTO EN AZÚCARES
ALTO EN SODIO
ALTO EN GRASAS SATURADAS

Estos sellos deben ubicarse en la cara principal del envase y seguir un formato gráfico estandarizado para asegurar su visibilidad y comprensión generalizada (Ministerio de Salud, 2019). A pesar de esta intención, investigaciones han señalado que aspectos como el tamaño, el contraste y la jerarquía visual de estos elementos aún pueden ser optimizados, especialmente para personas con baja visión, cuyas condiciones requieren mayor precisión en el diseño accesible.

5.3. Declaración de Nutrientes

Además de los sellos de advertencia, los alimentos envasados deben incluir una tabla de información nutricional que indique, como mínimo:

Porción del producto y número de porciones por envase.
Energía, expresada en kilocalorías (kcal) y kilojulios (kJ).
Proteínas, grasas totales, grasas saturadas, grasas trans, hidratos de carbono, azúcares totales y sodio.
Otros nutrientes, en caso de que el producto haga una declaración específica, como “alto en calcio” o “fuente de fibra”.

Según lo establecido por el Reglamento Sanitario de los Alimentos (Ministerio de Salud, 2022), esta información debe presentarse de forma clara, ordenada y legible, lo que incluye un tamaño de fuente adecuado y un contraste suficiente entre texto y fondo. Sin embargo, para personas con baja visión, esta tabla sigue siendo una de las principales fuentes de dificultad: los textos suelen ser pequeños, con espaciado insuficiente, y muchas veces impresos sobre superficies reflectantes o de difícil lectura.

6. Lineamientos estratégicos y técnicos para la implementación

El diseño de productos digitales accesibles requiere integrar principios técnicos, normativos y contextuales que respondan a las condiciones reales de uso. Esta sección reúne los fundamentos estratégicos que sustentan el desarrollo de Aletheia, una aplicación orientada a mejorar el acceso a la información alimentaria para personas con baja visión.

6.1. Marco estratégico para el diseño inclusivo

El diseño accesible no surge como respuesta tardía, sino como parte estructural de todo proceso. Tal como plantea Henry (2019), un enfoque inclusivo requiere un marco estratégico que oriente las decisiones desde el inicio, y no como una corrección posterior. Este marco se organiza en torno a cinco áreas clave:

Empatía: comprender las condiciones, emociones y necesidades de las personas usuarias, así como las dinámicas internas del equipo.
Valores: identificar los principios compartidos que guían el trabajo colectivo.
Visión: alinear metas y responsabilidades hacia una dirección común centrada en la inclusión.
Contexto: situar cada decisión en relación con el tipo de proyecto, sus urgencias, riesgos y proyecciones.
Comunicación: establecer un flujo claro entre quienes diseñan y quienes utilizan, integrando la retroalimentación como parte del proceso.

Este marco, lejos de restringirse al desarrollo de interfaces, puede ser adoptado por cualquier equipo involucrado en la creación de productos o servicios, ya que entrega una base transversal para proyectar propuestas más justas, contextualizadas y sensibles a la diversidad. En la misma línea, Henry (2019) propone una serie de recomendaciones que complementan este enfoque estratégico:

Garantizar una experiencia comparable para todos los usuarios.
Considerar el entorno de uso real.
Mantener consistencia en la estructura visual y la navegación.
Ofrecer control para personalizar la experiencia.
Incorporar múltiples formas de acceso al contenido.
Priorizar el contenido por sobre la forma.
Asegurar que el diseño entregue valor funcional, ético y comunicacional.

Mapa de empatía: personas con baja visión

Qué dice

“No alcanzo a leer la letra, necesito ayuda.”
“Todo está hecho para personas que ven bien.”
“Me gustaría poder hacer esto sola, sin depender de alguien más.”
“Las letras son demasiado pequeñas, o el fondo me confunde.”

Qué piensa

“Ojalá no tuviera que depender tanto de los demás para cosas simples.”
“Este producto no fue pensado para mí.”
“Me gustaría sentirme más incluida en lo cotidiano.”
“¿Por qué no hacen las cosas más fáciles de leer?”

Qué hace

Utiliza lupas, lectores de pantalla o apps de aumento.
Se acerca a los envases para distinguir detalles.
Pide ayuda para leer ingredientes o instrucciones.
Requiere acompañamiento para hacer compras.
Identifica productos por formas, colores o textura del envase.

Qué siente

Frustración al no poder acceder por cuenta propia a la información.
Dependencia involuntaria en actividades cotidianas.
Desgaste visual y físico por el esfuerzo constante.
Estrategias adaptativas que requieren tiempo y energía.

6.2. Bases para la aplicación

La propuesta de Aletheia se estructura sobre los lineamientos de accesibilidad definidos por el W3C en las Pautas de Accesibilidad para el Contenido Web WCAG 2.1 (2018), que constituyen el marco técnico más reconocido a nivel internacional en accesibilidad digital. El diseño de la aplicación apunta al nivel de conformidad AA, en sintonía con los principios establecidos en la Ley N° 20.422 sobre igualdad de oportunidades y en la Norma Chilena NCh 3267:2020, que orienta la implementación de sitios web accesibles en el sector público chileno (Ministerio de Educación de Chile, 2007; Servicio Nacional del Patrimonio Cultural, s.f.).

Principios fundamentales de accesibilidad

Las WCAG 2.1 se organizan en torno a cuatro principios que orientan tanto la estructura como el comportamiento de los sistemas digitales:

Perceptible: la información debe poder ser captada por los sentidos, mediante recursos como alto contraste, texto alternativo o subtítulos.
Operable: las funciones deben estar disponibles sin depender de gestos complejos ni dispositivos únicos.
Comprensible: el contenido debe presentar una estructura clara, con etiquetas informativas y mensajes de error comprensibles.
Robusto: la app debe funcionar de manera compatible con tecnologías de asistencia, lectores de pantalla y estructuras semánticas accesibles.

Criterios de accesibilidad (Nivel AA)

Entre las exigencias específicas que Aletheia contempla, se incluyen:

Contraste mínimo de 4.5:1 para texto estándar y 3:1 para texto grande.
Redimensionamiento del texto hasta un 200% sin pérdida de funcionalidad.
Uso de íconos y etiquetas que no dependan exclusivamente del color.
Identificación de errores acompañada de sugerencias de corrección.
Navegación compatible con teclado y lectores como TalkBack y VoiceOver.
Inclusión de atributos como nombre, rol y valor en cada elemento visual (W3C, 2018; Apple Inc., s.f.; Google, s.f.).

Recomendaciones de diseño accesible

Con base en estudios previos (Romero, s.f.; Letras a la Vista, s.f.), se incorporan las siguientes recomendaciones prácticas:

Tipografías sugeridas: Atkinson Hyperlegible, Arial, Verdana, Century Gothic.
Tamaño mínimo de fuente: 16px, con preferencia entre 18–20px.
Espaciado: interlineado de 1.5x el tamaño de fuente y separación entre letras de al menos 0.12x.
Botones: área táctil mínima de 48x48 píxeles.
Evitar: uso sostenido de mayúsculas, subrayado, texto incrustado en imágenes o exceso de negrita.

Componentes funcionales

La aplicación incluirá funciones diseñadas desde la perspectiva del usuario:

Escaneo de objetos con la cámara del dispositivo.
Visualización en secciones colapsables.
Personalización de lectura y visualización.
Configuración del orden de lectura.
Accesos rápidos, tutorial guiado y asistencia contextual (Tiflolabs, s.f.; Universidad de Cambridge, s.f.).

6.3. Impacto y perfil de usuario

La aplicación Aletheia se dirige a personas con baja visión que enfrentan barreras concretas al intentar acceder a la información presente en los envases de alimentos. Este grupo es amplio y heterogéneo: incluye tanto a personas jóvenes con condiciones congénitas como al creciente número de adultos mayores con patologías visuales adquiridas. Su diseño busca incidir en tres dimensiones clave: promover la autonomía en tareas cotidianas, asegurar un acceso equitativo a la información alimentaria, y reducir la brecha digital que persiste en el acceso a tecnologías accesibles para personas con discapacidad visual.

Perfil de usuario

A partir de entrevistas, datos demográficos y segmentación tecnológica, se definen los siguientes perfiles representativos de usuarios potenciales de Aletheia:

Grupo etario	Nivel tecnológico	Prevalencia de baja visión	Rol en la decisión de compra
Niños y adolescentes	Alto (uso lúdico)	Bajo	Bajo
Jóvenes adultos (18–29)	Muy alto	Bajo a medio	Medio (propio o apoyo a familiares)
Adultos (30–49)	Alto y funcional	Medio (presbicia, fatiga visual)	Alto (jefes de hogar, cuidadores)
Adultos mayores (50–64)	Medio en adopción	Alto (glaucoma incipiente, etc.)	Medio-alto
Mayores de 65 años	En crecimiento asistido	Muy alto (maculopatías, cataratas)	Bajo directo, alto indirecto (familia)

Impacto esperado

Inclusión digital y autonomía cotidiana: Aletheia busca reducir la dependencia de terceros al momento de acceder a información crítica contenida en los envases de alimentos. Esta posibilidad de lectura autónoma no solo mejora la toma de decisiones informadas, sino que también incide positivamente en la percepción de autonomía y autovaloración de sus usuarios (El Mostrador, 2024; Observatorio del Envejecimiento UC, 2024).
Adopción viable en el ecosistema actual de dispositivos: La aplicación fue concebida para operar en teléfonos móviles ya presentes en el mercado chileno. Modelos como el Samsung Galaxy A15 5G, Xiaomi Redmi 12 5G, Motorola G84 e iPhone 13 cuentan con las prestaciones necesarias para ejecutar tecnologías de reconocimiento visual y lectura asistida sin requerir dispositivos de alta gama (América Retail, 2024; Chócale, 2024).
Interacción intergeneracional en la adopción: Aunque los usuarios principales son personas mayores con baja visión, en muchos casos son familiares jóvenes quienes instalan, configuran o explican el funcionamiento de la aplicación. Esta dinámica exige una interfaz clara, adaptable y accesible a distintos niveles de alfabetización digital, tanto para quienes usan como para quienes acompañan (UNICEF, 2023; Cadem, 2022).
Potencial de incidencia normativa: El desarrollo de Aletheia se articula con los principios de la Ley N° 20.422 sobre inclusión social y con los lineamientos del Ministerio de Educación respecto a tecnologías asistivas. En este sentido, la app puede operar como un caso piloto para fomentar exigencias normativas más específicas sobre accesibilidad visual en el etiquetado alimentario (Ministerio de Educación de Chile, 2024).

Requisitos técnicos para reconocimiento de imagen por IA

Para asegurar el funcionamiento de Aletheia incluso en dispositivos de gama media, se definieron requerimientos mínimos basados en bibliotecas modernas de procesamiento de imágenes:

Aspecto	Especificación mínima recomendada
Procesador con soporte IA	NPU integrada (Ej: Snapdragon 6xx+, Apple A12+, Dimensity 700+)
Cámara principal	≥12 MP, enfoque automático, buena apertura (f/1.8 o menor)
Memoria RAM	≥4 GB (ideal: 6 GB o más)
Almacenamiento	≥64 GB (ideal: 128 GB)
Sistema operativo	Android 10+ / iOS 13+
Conectividad	4G LTE o superior (ideal: 5G)
Compatibilidad accesibilidad	Soporte para TalkBack / VoiceOver / lectores de pantalla integrados

Evaluación de celulares para reconocimiento de imagen con IA Los siguientes modelos fueron evaluados en base a sus capacidades para ejecutar procesos de escaneo, lectura y análisis de etiquetas con IA, y todos cumplen los requisitos técnicos necesarios para usar Aletheia:

Modelo	Procesador	RAM	Almacenamiento	Cámara	¿Cumple IA?
Motorola Moto G54 5G	Dimensity 7020	8 GB	256 GB	50 MP	Sí
Xiaomi Redmi 12 5G	Snapdragon 4 Gen 2	8 GB	256 GB	50 MP	Sí
HONOR X8a 5G	Snapdragon 480+	6 GB	128 GB	100 MP	Sí
Samsung Galaxy A15 5G	Dimensity 6100+	8 GB	128 GB	50 MP	Sí
Motorola Moto G84 5G	Snapdragon 695	12 GB	256 GB	50 MP	Sí
Apple iPhone 13	Apple A15 Bionic	4 GB	128 GB	12 MP	Sí
Samsung Galaxy A25 5G	Exynos 1280	8 GB	256 GB	50 MP	Sí
Samsung Galaxy A54 5G	Exynos 1380	8 GB	256 GB	50 MP	Sí
HONOR 90 Lite 5G	Dimensity 6020	8 GB	256 GB	100 MP	Sí
Xiaomi Redmi Note 13 5G	Dimensity 6080	8 GB	256 GB	50 MP	Sí
Xiaomi Redmi 13C	Helio G85	4 GB	128 GB	50 MP	Sí
Apple iPhone 15 Pro Max	Apple A17 Pro	8 GB	256 GB	48 MP	Sí
Samsung Galaxy A05	Helio G85	6 GB	128 GB	50 MP	Sí
Apple iPhone 14	Apple A15 Bionic	6 GB	128 GB	12 MP	Sí
Apple iPhone 15	Apple A16 Bionic	6 GB	128 GB	48 MP	Sí
HONOR X5b Plus	Helio G37	4 GB	64 GB	50 MP	Sí
ZTE A75 5G	Unisoc T760	6 GB	128 GB	50 MP	Sí

La RAM más común es de 8 GB, el almacenamiento típico es de 128 GB y la cámara principal más frecuente tiene 50 MP, lo que garantiza compatibilidad con procesamiento visual, detección de texto y lectura de etiquetas incluso sin conexión a internet.

Testimonios representativos

Testimonio	Perfil
“Me gustaría poder hacer esto sola, sin depender de alguien más.”	Mujer, 56 años, oftalmía simpática
“La cámara con lector solo reconoce la información con letras simples. Si tiene muchas vueltas, no la reconoce.”	Mujer, 49 años, glaucoma
“Quisiera que hayan códigos QR que informen verbalmente la información que busco.”	Hombre, 23 años, albinismo oculocutáneo

Estos relatos, recogidos por Constanza Villarroel en su estudio sobre visibilidad y legibilidad en personas con baja visión, evidencian la necesidad urgente de un sistema confiable de reconocimiento de rotulado accesible, basado en las capacidades reales de los dispositivos ya utilizados por las personas usuarias. Lejos de requerir tecnologías futuristas, la urgencia radica en adecuar los medios existentes a condiciones cotidianas donde las barreras visuales siguen presentes y desatendidas.

Perfil de usuario

Perfil 1: Mujer adulta con coloboma – Usuario digital funcional
Edad aproximada: 40 años

Esta usuaria emplea lectores de pantalla para navegar en su celular y prefiere comprar alimentos por internet. Sin embargo, se enfrenta a una barrera clave: las tiendas en línea suelen subir solo imágenes de los envases, sin texto legible. Esto impide el acceso a ingredientes o sellos críticos para su salud.

Necesidades clave:
– Escaneo automático de imágenes con tecnología OCR.
– Lectura por voz clara de ingredientes, sellos y fechas.
– Jerarquía de lectura configurable por tipo de información.
– Inclusión de texto alternativo y navegación por secciones.

Perfil 2: Hombre joven con albinismo oculocutáneo – Usuario táctil-auditivo
Edad aproximada: 23 años

Aunque tiene alta autonomía, su condición le dificulta la lectura de letras decorativas o fuentes estilizadas. Prefiere escuchar la información en vez de leerla.

Necesidades clave:
– Tipografía sin adornos, de alto contraste y peso medio.
– Activación automática del modo audio.
– Escaneo de QR o imagen con retroalimentación sonora inmediata.
– Priorizar información como calorías, azúcares e instrucciones de preparación.

Perfil 3: Mujer mayor con retinopatía diabética – Usuario en búsqueda de instrucciones claras
Edad aproximada: 71 años

Tiene requerimientos médicos específicos como control de azúcar, lo cual hace indispensable acceder rápidamente a información nutricional detallada y formas de preparación.

Necesidades clave:
– Lectura directa de instrucciones de uso con ejemplos simples.
– Información destacada sobre azúcares, carbohidratos y porciones.
– Ajustes visuales como tamaño de fuente y modo de alto contraste.

Perfil 4: Mujer adulta con glaucoma – Usuario sensorial y táctil
Edad aproximada: 49–76 años

Prefiere el tacto para identificar envases y se ve limitada por cámaras lectoras que no reconocen tipografías delgadas ni superficies brillantes.

Necesidades clave:
– Contraste fuerte y constante entre texto y fondo.
– Evitar efectos visuales como brillos o degradados digitales.
– Tipografía de peso medio o alto, sin serifas.
– En versiones futuras: posible exploración táctil digital del envase.

Perfil 5: Hombre mayor con degeneración macular – Usuario sin alfabetización en braille
Edad aproximada: 77 años

Perdió la visión en la vejez, por lo que no domina braille. Se ve limitado para leer y le incomoda pedir ayuda en espacios públicos como supermercados.

Necesidades clave:
– Interfaz extremadamente simple, con botones grandes y navegación reducida.
– Lectura por voz completa del envase, sin depender de interacción visual.
– Funcionalidad offline que permita escanear y recibir retroalimentación sin conexión.
– Información prioritaria: fecha de vencimiento, sellos de advertencia, alérgenos.

7. Justificación del formato: Aplicación móvil accesible y situada

El desarrollo de Aletheia como aplicación móvil responde a criterios específicos que emergen directamente del análisis contextual, normativo y técnico realizado a lo largo de esta investigación. Esta elección no se basa únicamente en factores de conveniencia tecnológica, sino en la necesidad de ofrecer una herramienta capaz de acompañar a personas con baja visión en espacios cotidianos donde se toman decisiones alimentarias.

Actualmente, muchas de las herramientas disponibles —como lectores de pantalla o aplicaciones de reconocimiento visual— no contemplan de forma localizada las barreras gráficas que enfrentan los usuarios en Chile. Aletheia busca cubrir ese vacío: entregar una solución accesible para el escaneo de envases y la lectura de información relevante, organizada según jerarquías que respondan a las necesidades reales de interpretación del rotulado nutricional.

Además, el formato móvil permite aprovechar las capacidades ya presentes en los teléfonos en circulación en el país, como las cámaras integradas, los motores de texto a voz, y los sistemas operativos compatibles con tecnologías de asistencia como TalkBack o VoiceOver. Esto posibilita el uso de Aletheia sin necesidad de hardware adicional, en una plataforma ya familiar para la mayoría de sus potenciales usuarios.

Por último, el desarrollo como aplicación responde a los lineamientos establecidos por la Ley N° 20.422 y por normativas como la NCh 3267:2020, que promueven la accesibilidad digital en sitios y herramientas de uso público. La decisión de construir Aletheia como app móvil es, por tanto, una forma de situar la accesibilidad en la práctica cotidiana, más allá del cumplimiento técnico.

7.1. Limitaciones de soluciones basadas en inteligencia artificial generalista

Existen tecnologías asistivas basadas en inteligencia artificial —como Seeing AI, Lookout, Siri, ChatGPT o Google Assistant— que permiten escanear textos, identificar objetos o entregar respuestas automatizadas. Aunque representan un avance en accesibilidad, estas herramientas presentan limitaciones importantes cuando se trata de resolver barreras concretas para personas con baja visión en Chile.

En particular, estas tecnologías:

No estructuran la información conforme a la normativa chilena, como el Reglamento Sanitario de los Alimentos (RSA).
No adaptan el contenido según las capacidades del usuario, su nivel de experiencia o su condición visual específica.
No garantizan el cumplimiento de la Ley N° 20.422 ni de la norma NCh 3267:2020, esenciales para la accesibilidad digital en el país.
Requieren comandos verbales o escritos, lo que introduce barreras adicionales para personas con baja visión o alfabetización digital limitada.

7.2. Cumplimiento normativo desde el diseño

Las soluciones basadas en inteligencia artificial generalista no aseguran por sí solas el cumplimiento de los marcos normativos chilenos en rotulado de alimentos ni en accesibilidad digital. Aletheia, en cambio, integra estas exigencias desde su diseño, asegurando pertinencia técnica, legal y cultural.

Reglamento Sanitario de los Alimentos (RSA) Establece la estructura obligatoria del rotulado nutricional para alimentos envasados en Chile, incluyendo:

Nombre del producto. Contenido neto. Ingredientes. Fecha de vencimiento. Advertencias sanitarias (sellos “ALTO EN”). País de origen. Número de lote, entre otros. Ejemplo: Seeing AI puede leer “Sodio: 120 mg”, pero no interpreta si este valor excede el umbral normativo para recibir un sello “ALTO EN SODIO”. Tampoco identifica si el dato corresponde a una porción o al total del envase. Ley N° 20.422 sobre igualdad de oportunidades e inclusión social de personas con discapacidad Reconoce el derecho a acceder a la información en condiciones de equidad. En el caso de personas con baja visión, esto exige:

Interfaces adaptadas. Lectura simplificada. Navegación accesible y sin fricciones. Ejemplo: ChatGPT puede responder qué es “maltodextrina”, pero requiere que la persona escriba una pregunta, lea una pantalla y mantenga conexión a internet. Esto limita su utilidad para usuarios que necesitan información directa, automatizada y sonora tras escanear un envase. Norma NCh 3267:2020 sobre accesibilidad digital Define estándares técnicos que garantizan que una aplicación sea accesible para personas con distintas discapacidades. Entre ellos:

Contraste adecuado. Navegación por voz o teclado. Lectura en pantalla. Tamaño de texto ajustable. Tipografías legibles. Ejemplo: Muchas apps comerciales no permiten modificar el tamaño de letra, activar alto contraste o reorganizar el contenido. Aletheia incorpora desde su origen: Tipografías accesibles. Lectura por voz activable. Navegación simple por botones. Jerarquización adaptada según el perfil del usuario.

7.3. Comparación con otros formatos tecnológicos

Formato alternativo	Limitación principal
Extensión de navegador	Requiere conexión constante, solo útil en contexto digital. No sirve en supermercados.
Asistente de IA (como Siri)	Exige comandos verbales complejos. No ofrece visualización ni jerarquía normativa.
Dispositivo externo (ej. OrCam)	Alto costo (1–4 millones CLP), sin adaptación normativa local. Requiere soporte técnico.

A continuación, se presenta una tabla comparativa ampliada que ilustra por qué Aletheia constituye una alternativa más pertinente y accesible:

Característica	IA generalista	Asistentes de voz	Extensiones navegador	Dispositivos físicos	Aletheia
Acceso sin comandos	No	Parcial	No	Sí	Sí
Adaptación a normativa chilena	No	No	No	No	Sí
Personalización del contenido	Limitada	Nula	No	Muy limitada	Alta
Jerarquía de la información	No	No	No	No	Sí
Lenguaje adaptado y local	Variable	Genérico	Variable	Genérico	Local y claro
Presentación visual accesible	Parcial	No	No	No	Sí
Navegación guiada y secuencial	No	No	No	No	Sí
Uso en terreno	Sí	Sí	No	Sí	Sí
Costo y escalabilidad	Variable	Integrado	Gratuito	Alto	Por ver

7.4. Proyección futura y marco ético de la IA

Según Stein-Perlman et al. (2024), existe un 50% de probabilidad de que la inteligencia artificial supere a los humanos en tareas cognitivas antes de 2047. Sin embargo, entre el 38% y el 51% de las y los especialistas advierten sobre riesgos éticos y posibles formas de exclusión si estos desarrollos no son regulados adecuadamente.

En este contexto, Aletheia se posiciona como una herramienta situada que incorpora principios de:

Supervisión humana, evitando automatismos no contextualizados.
Inclusión social, reconociendo barreras preexistentes y priorizando su reducción.
No discriminación, al ofrecer soluciones accesibles más allá de perfiles normativos.
Pertinencia cultural, al anclar su desarrollo en marcos legales y prácticas locales.

La aplicación no busca reemplazar la agencia humana, sino acompañarla, facilitando un acceso más claro y autónomo a la información alimentaria en contextos reales.

7.5. Cumplimiento normativo desde el diseño

La accesibilidad efectiva se verifica en contextos cotidianos: supermercados, cocinas, ferias y farmacias. Es en esos entornos donde la información debe estar disponible de forma:

Inmediata
Comprensible
Sin intermediarios

Escenarios de uso

Supermercado: escanear el envase, escuchar la información relevante y decidir con autonomía.
Cocina: consultar instrucciones de uso, fechas o modos de conservación sin necesidad de releer una etiqueta impresa.

Frente a estas situaciones, Aletheia busca reducir fricciones técnicas mediante:

Escaneo guiado con asistencia visual y auditiva
Información organizada según jerarquías significativas
Lectura por secciones, configurable según preferencias
Interfaz diseñada bajo criterios de accesibilidad visual

La autonomía no se define únicamente por la posibilidad de usar una app, sino por poder hacerlo sin obstáculos, con comprensión, y en condiciones equitativas.

8. Prototipo I: Anteproyecto de prototipo

Diseñar una aplicación accesible no solo implica cuidar aspectos visuales o tecnológicos, sino también estructurar adecuadamente cómo fluye la información. La arquitectura de información define cómo se organizan, jerarquizan y conectan los contenidos, permitiendo a las personas usuarias orientarse, encontrar lo que buscan y realizar acciones sin confusión. En el caso de Aletheia, esta estructura cobra especial relevancia al considerar los distintos niveles de alfabetización visual y digital de sus potenciales usuarias/os.

Esta sección presenta los criterios y decisiones que sustentan la estructura funcional de la app. A través de esquemas de navegación, flujos de usuario y wireframes iniciales, se detalla cómo se organiza la experiencia desde el escaneo de un envase hasta el acceso personalizado a la información alimentaria.

8.1. Arquitectura de información

La arquitectura de información de Aletheia ha sido diseñada para responder a tres criterios: accesibilidad cognitiva, navegación simplificada y personalización contextual. En lugar de replicar estructuras genéricas de aplicaciones móviles, se optó por una organización funcional que acompaña los momentos reales de uso identificados durante la investigación: escanear un envase, leer información específica y tomar decisiones autónomas.

Ver arquitectura de información en Figma

Arquitectura de información: Versión anterior

Ver arquitectura de información en Figma

Organización jerárquica centrada en tareas

El flujo principal se estructura en cinco nodos de navegación accesibles desde la pantalla de inicio:

Escanear (acción principal)
Inicio (acceso a historial y categorías)
Personalizar (apariencia de la aplicación)
Perfiles (lectura de categorías)
Ayuda/Tutorial (tutorial paso a paso)
Rutas de acceso personalizadas

Desde el primer ingreso, Aletheia permite configurar el modo de visualización y lectura según las necesidades del usuario:

Modo de contraste
Tamaño de letra
Tipo de letra
Orden de lectura
Contenido visible o no visible
Preferencias de audio

Estas configuraciones se conservan como parte del perfil del usuario, permitiendo que el sistema adapte la experiencia de forma consistente sin requerir ajustes repetitivos.

Función de los nodos principales

Escanear: permite capturar información desde el envase mediante la cámara del dispositivo. Los resultados se presentan en bloques que personaliza el usuario y son accesibles tanto por voz como por texto.
Inicio: entrega acceso a categorías de productos guardados y al historial de escaneos, con opción de guardar favoritos. Esto permite revisar nuevamente la información de los productos sin necesidad de volver a escanear.
Apariencia: permite crear y modificar los textos y/o contrastes, incluyendo condiciones visuales específicas y ajustes personalizados de visualización.
Perfiles: permite gestionar distintos perfiles con rutas de acceso personalizadas según las necesidades del usuario en diferentes situaciones de uso.
Ayuda/Tutorial: contiene un tutorial accesible y modular que guía el uso de la app. Puede recorrerse completo o saltarse por secciones según la necesidad del momento.

8.2. Userflow

Los flujos de usuario (userflows) permiten visualizar las rutas que siguen las personas dentro de la aplicación, desde acciones simples como escanear un producto hasta personalizaciones avanzadas. Estos esquemas no solo representan decisiones técnicas, sino también éticas, al priorizar accesos claros, retroalimentación inmediata y opciones adaptadas a distintos niveles de alfabetización digital y visual.
Cada flujo fue diseñado para reducir fricciones cognitivas, evitar dependencias innecesarias y facilitar la comprensión de funciones complejas a través de pasos segmentados y retroalimentación directa. Se incorporaron elementos como mensajes auditivos, navegación guiada, puntos de control para confirmar cambios y rutas de escape accesibles.

A continuación, se presentan los principales flujos desarrollados:

Flujo de inicio y personalización inicial: El recorrido comienza con la pantalla de carga, seguida por el proceso de onboarding que introduce brevemente las funciones clave de Aletheia. A continuación, el usuario puede registrarse o iniciar sesión, momento en que se solicita el permiso de acceso a la cámara, necesario para el escaneo posterior de productos.

Desde este punto, se habilita un módulo de personalización visual que permite seleccionar entre temas predefinidos (con combinaciones de tamaño de letra, contraste y tipo de fuente) o bien configurar parámetros de forma manual. Esta personalización contempla:

Fuente: selección del tipo y tamaño de letra.
Layout: ajuste de interlineado, espaciado de texto y espaciado entre letras.
Contraste: combinación de color de fondo y texto para optimizar la visibilidad.

Si el usuario está conforme con los cambios, puede guardar la configuración y pasar a editar sus preferencias alimentarias: agregar o quitar condiciones específicas como alergias o restricciones.
Finalmente, se configura el orden de lectura de la información del etiquetado y las secciones visibles según sus necesidades para iniciar su navegación por el home.

Ver userflow en Figma

Escaneo de producto: Desde el permiso de cámara hasta la visualización personalizada del etiquetado nutricional, este flujo contempla validación de errores, registro en historial y guardado como favorito.

Ver userflow en Figma

Apariencia de lectura: Permite ajustar contraste de fondo y letra, tamaño de fuente, interlineado, separación de letras y palabras, partiendo desde temas prediseñados o generando configuraciones personalizadas.

Ver userflow en Figma

Gestión de perfiles: Incluye creación, edición, cambio y eliminación de perfiles, con posibilidad de personalizar condiciones alimentarias, orden de lectura y secciones visibles.

Ver userflow en Figma

Ayuda/Tutorial: Ofrece asistencia modular para funciones específicas, con retroalimentación inmediata y activación real de las acciones al finalizar el tutorial.

Ver userflow en Figma

Favoritos e historial: Facilita el acceso a productos escaneados previamente, permitiendo su revisión, eliminación o nueva exploración, sin necesidad de repetir el escaneo.

Ver userflow en Figma

Userflow: Versión anterior

Ver userflow en Figma

8.3. Wireframes

Wireframe de baja fidelidad: Estructura inicial

Antes de avanzar hacia definiciones más refinadas de interfaz, se desarrolló una primera serie de wireframes en baja fidelidad con el objetivo de mapear los flujos básicos, jerarquías visuales y componentes funcionales de Aletheia. Estos esquemas priorizan la estructura por sobre lo visual, permitiendo validar decisiones tempranas sin necesidad de inversión gráfica.

Las pantallas fueron diseñadas para representar situaciones clave como:

Inicio de sesión y creación de usuario.
Escaneo de producto y presentación de resultados accesibles.
Personalización de visualización (tipografía, contraste, tamaño).
Gestión de perfiles según contextos de uso.
Acceso a historial, favoritos y categorías de productos.
Módulo de ayuda/tutoría con navegación no lineal.

Esta etapa fue fundamental para probar:

La claridad de navegación entre secciones.
La adecuación del contenido mostrado por pantalla.
La identificación de elementos críticos como botones de acción, retornos y zonas de lectura.
La compatibilidad preliminar con tecnologías de asistencia como lectores de pantalla o aumento de contraste.

Ver userflow en Figma

Wireframe de media fidelidad: navegación accesible y visualización jerarquizada

Una vez definidos los flujos funcionales generales, se desarrollaron wireframes de media fidelidad para proyectar la estructura visual y los componentes clave de la aplicación Aletheia. Esta versión incorpora mayor detalle en la jerarquía de información, disposición espacial de los elementos y primeras decisiones sobre contraste, tamaños y tipos de interacción.

Los objetivos de esta etapa fueron:

Evaluar la claridad visual de las interfaces propuestas.
Validar el orden de lectura y navegación para personas con baja visión.
Comprobar la coherencia entre los módulos (escaneo, inicio, personalización, perfiles, tutorial).
Establecer una base editable para futuras iteraciones gráficas y pruebas con usuarios reales.

Los prototipos incluyen pantallas funcionales de:

Escaneo de envases: con lectura por voz o visualización adaptable.
Inicio e historial: acceso a productos anteriores y organización por categorías.
Personalización: ajustes de contraste, tamaño de fuente y estilo de visualización.
Perfiles de usuario: selección de rutas personalizadas según contexto o preferencia.
Ayuda/Tutorial: navegación guiada y modular por pasos o secciones específicas.

Esta etapa permitió ajustar el diseño con base en principios de accesibilidad visual (WCAG 2.1), integrando íconos reconocibles, botones amplios, zonas de interacción claramente delimitadas y textos de lectura optimizada. A continuación, se presentan las pantallas correspondientes organizadas por módulo.

Ver userflow en Figma

Escaner

Favoritos e historial

Perfil

Ajustes de apariencia

Ayuda/Tutorial

9. Entrevistas a usuarios y Prototipo II

Luego de la etapa inicial y del desarrollo del primer prototipo, surgió la necesidad de reformular la aplicación desde la experiencia directa de las personas con baja visión. Hasta ese momento, las decisiones de diseño se basaban principalmente en referencias normativas y estudios previos; sin embargo, el proceso evidenció que ninguna pauta sustituye la comprensión del uso real.

A partir de los puntos críticos vistos en el primer prototipo, se requiere simplificar la interfaz, adaptar la app a distintos niveles de visión y generar una experiencia más sensible y cercana. Por lo tanto, se requiere realizar entrevistas a usuarios.

9.1. Entrevistas a usuarios

Para comprender de qué manera las personas con baja visión utilizan sus dispositivos y cómo se relacionan con las interfaces digitales, se realizaron entrevistas exploratorias con usuarios reales. Esta instancia busca reunir experiencias, barreras y necesidades cotidianas en el uso del celular, con el fin de orientar el diseño de Aletheia para su uso diario.

Las preguntas estuvieron orientadas a tres dimensiones:

Preguntas

	Dimensión 1: Rol y uso del celular	Dimensión 2: Dificultades y barreras	Dimensión 3: Percepción de Aletheia
Objetivo	Identificar las funciones principales que cumple el celular en la vida de personas con baja visión y cómo se integra en sus actividades cotidianas.	Detectar barreras visuales, motrices o cognitivas en el uso del celular y las estrategias compensatorias que implementan.	Evaluar la recepción inicial de Aletheia y recoger expectativas sobre su funcionalidad, usabilidad y pertinencia.
Aspectos explorados	Actividades frecuentes (comunicación, lectura, orientación, compras). Herramientas de accesibilidad usadas (zoom, contraste, lectores de pantalla, asistentes de voz). Apps más útiles y por qué. Función irrenunciable del celular y motivos.	Aspectos más difíciles (tamaño de letra, contraste, brillo, gestos táctiles, notificaciones). Apps o páginas que generan confusión. Qué hacen cuando no logran leer (pedir ayuda, usar lupa, asistentes de voz). Mejoras imaginadas para facilitar el uso.	Opiniones sobre escanear envases para obtener información accesible. Funciones necesarias para que la app sea útil y fácil de usar. Preferencia de modo de acceso: audio, texto ampliado o ambos.
Propósito en el diseño	Comprender el nivel de autonomía y la relación afectiva/funcional con el celular, para diseñar una interfaz que prolongue ese vínculo sin imponer nuevas lógicas de uso.	Reconocer limitaciones recurrentes y soluciones adaptativas para definir criterios de accesibilidad real: contraste, tipografía, jerarquía visual, navegación simplificada y feedback sonoro.	Validar los supuestos iniciales del proyecto y orientar el Prototipo 2 hacia un modelo personalizable y multimodal, flexible y adaptado a diversas formas de percepción visual.
Preguntas	¿Qué rol cumple el celular en su día a día? ¿Para qué lo usan más? (comunicarse, leer, comprar, orientarse, entretenerse). ¿Usan funciones de accesibilidad como zoom, contraste, lectores de pantalla o asistentes de voz? ¿Qué funciones o aplicaciones les ayudan más y por qué? Si tuvieran que quedarse con una sola función del celular, ¿cuál sería y por qué?	¿Qué cosas les cuesta más hacer con el celular? (letra pequeña, contraste, brillo, gestos). ¿Qué apps o páginas les resultan complicadas? ¿Por qué? ¿Qué hacen cuando no logran leer o entender algo en el celular? (pedir ayuda, lupa, apps de voz). Si pudieran mejorar algo del celular para que fuera más fácil de usar, ¿qué sería?	(Presentación breve de Aletheia). ¿Qué les parece la idea de esta aplicación? ¿Qué funciones o facilidades necesitaría para ser realmente útil? ¿Preferirían escuchar la información, verla ampliada o ambas?

Principales resultados

Uso de celular en la vida diaria

El teléfono cumple un rol multifuncional en la vida de las personas con baja visión. No solo es un medio de comunicación: también opera como una herramienta para lectura, orientación, organización del día y actividades de ocio.

Algunas personas comenzaron a usar el celular de forma intensiva después del inicio de su discapacidad visual, ya que el dispositivo les ofrece herramientas que facilitan tareas cotidianas.

Muchos participantes organizan sus aplicaciones en ubicaciones fijas dentro de la pantalla de inicio, lo que les permite identificarlas rápidamente y acceder sin dificultad.

Dificultades y debilidades

Las principales barreras identificadas en el uso del celular se relacionan con aspectos visuales y estructurales de las aplicaciones.

Tipografía y contraste: la letra pequeña y las combinaciones cromáticas inadecuadas dificultan la lectura.
Complejidad de funciones: aplicaciones con demasiadas capas o menús ocultos generan confusión y aumentan la carga cognitiva.
Lectores de pantalla: herramientas como VoiceReader son percibidas como desordenadas porque leen todo sin priorizar la información relevante.
Dependencia de terceros: cuando no logran realizar una acción, suelen pedir ayuda a familiares o amigos.

Necesidades y expectativas

Las personas usuarias expresan un fuerte interés en soluciones simples, claras y adaptadas a sus necesidades reales de accesibilidad.

Que las aplicaciones sean directas y sin exceso de pasos para acceder a funciones básicas.
Que la información sea precisa, explícita y libre de elementos irrelevantes.
Incorporar accesos mediante botones físicos, como usar el botón de volumen para escanear.
Asegurar que todos los elementos tengan etiquetas claras para que los lectores de pantalla los identifiquen correctamente.

Valoración y sugerencias de la app

La propuesta de la aplicación fue recibida positivamente por los participantes, quienes valoran la posibilidad de acceder a información esencial de forma más clara y estructurada.

Se considera importante incorporar una función para comparar precios entre productos, ya que esta decisión influye tanto como la información nutricional.
Es fundamental asegurar una velocidad de carga rápida, ya que las demoras pueden desalentar su uso.
No siempre necesitan toda la información del envase: muchas veces basta con lo más relevante, como precio, fecha de vencimiento y sellos principales.

9.2. Arquetipos de usuario

Los perfiles de usuario fueron construidos a partir de las entrevistas realizadas por Constanza Villarroel y actual, representando las principales condiciones y comportamientos observados entre las personas con baja visión. Estos arquetipos sintetizan formas de ver, de adaptarse y de interactuar con el entorno digital, sirviendo como guía para el desarrollo de una interfaz que responda a necesidades recopiladas por los usuarios.

Cada perfil refleja una manera particular de enfrentarse a la lectura visual, integrando aspectos técnicos, emocionales y de uso cotidiano que orientan las decisiones de diseño.

Rutinas de usuario

Las rutinas permiten comprender cuándo, dónde y cómo las personas se relacionan con la información visual. A través de sus hábitos diarios se observa que las barreras no aparecen solo en momentos de lectura, sino también actividades cotidianas como: comprar, cocinar o identificar un producto. Describir estas rutinas permite situar e identificar a Aletheia dentro de la vida real del usuario.

Edith Cordero

Hora	Contexto y actividad	Tareas específicas	Dificultades habituales	Estrategias que usa
09:00	Despertar y organización matinal (dormitorio)	Ordena pastillero, confirma medicamentos del día y enciende la televisión para escuchar noticias.	Dificultad para leer letras pequeñas en blísters y frascos.	Marca cajas con plumón negro y organiza medicamentos en un pastillero semanal.
09:30	Desayuno y orden (cocina)	Prepara té/café y pan; revisa una lista breve de compras.	Pérdida de detalle en etiquetas y envases con bajo contraste.	Usa mantel claro para aumentar contraste y saca fotos de envases para ampliar si es necesario.
12:30	Social (plaza/barrio)	Conversa con vecinas y coordina reuniones con amigas.	Dificultad para leer números en el celular bajo sol directo.	Busca semisombra, ajusta brillo del teléfono y usa lentes para evitar deslumbramiento.
13:00	Almuerzo (cocina/comedor)	Cocina con su esposo, revisa ingredientes y porciones.	Lectura de texto pequeño en envases y medidas.	Usa recipientes etiquetados con letra grande, utensilios medidores y referencias por color/forma.
15:00	Descanso (living)	Escucha radio/TV y realiza llamadas a amigas.	-	-
17:00	Fundación de baja visión	Participa en talleres/encuentros y comparte con otras personas.	Adaptarse y aprender nuevas formas de interactuar con su entorno.	Recibe enseñanza de nuevas herramientas y aprende a usar mejor el celular.
19:30	Cena (cocina)	Prepara algo simple y organiza desayuno del día siguiente.	Lectura de instrucciones pequeñas.	Pre-clasifica envases por la mañana y deja a mano lo necesario.
22:00	Cierre del día (dormitorio/living)	Revisa mensajes familiares y la agenda del día siguiente.	-	Amplía con foto si algo no se entiende; deja pendiente si hay cansancio.

Martín Navarro

Hora	Contexto y actividad	Tareas específicas	Dificultades habituales	Estrategias que usa
07:30	Despertar en su casa	Revisa notificaciones y mensajes en el celular antes de levantarse.	Letras pequeñas en apps como Instagram o TikTok.	Ajusta brillo, aumenta tamaño de letra en configuraciones y usa funciones de accesibilidad.
09:00	Clases en la universidad	Toma apuntes en clases magistrales de derecho.	Dificultad para leer pizarras o apuntes en letra reducida.	Se sienta en primeras filas y graba audios de clases para repasar.
11:00	Biblioteca con compañeros	Revisa textos legales y fotocopias en grupo.	Fatiga visual con páginas extensas en bajo contraste.	Usa aplicaciones de lectura en voz y divide la lectura con sus compañeros.
13:00	Almuerzo en campus o con amigos	Comparte con compañeros y conversa de temas fuera del estudio.	Leer menús en locales con letra pequeña.	Pide a sus amigos leerle opciones o pregunta directamente en la caja.
15:00	Seminario o evaluación	Participa en debates o pruebas escritas.	Estrés al leer pruebas con letra muy pequeña o densa.	Solicita copias ampliadas cuando es posible y usa lupa digital.
17:00	Estudio en casa	Revisa manuales y prepara resúmenes.	Sobrecarga visual por textos extensos.	Alterna entre lectura directa y audio mediante aplicaciones.
22:30	Cierre del día	Relajación viendo YouTube o redes sociales.	Tipografías pequeñas y bajo contraste en algunas apps.	Selecciona plataformas más cómodas visualmente (YouTube > TikTok).

Impacto con la aplicación

El impacto proyectado de Aletheia permite ver los posibles cambios en la relación entre el usuario y la información.

	Edith	Martín
Cómo conoce la app	Fundación de baja visión	Universidad / redes sociales
Aprendizaje	Requiere apoyo inicial y tutorial guiado	Aprende solo, explora funciones
Principal motivación	Independencia en compras y cocina	Facilidad para elegir snacks y bebidas
Uso en la rutina	Supermercado, cocina, despensa	Supermercado, minimarket, vida social
Beneficios directos	Autonomía en selección de alimentos y organización de despensa	Acceso rápido a sellos, ingredientes y fechas
Beneficios indirectos	Autoestima, inclusión social, menos dependencia del esposo	Seguridad en lo social y confianza en compras
Dificultades	Se abruma con muchas funciones	Puede frustrarse con escaneos imprecisos
Percepción a largo plazo	Herramienta indispensable en su vida diaria	Herramienta práctica y complementaria
Relación con otros	Menor dependencia del esposo al comprar	Menor dependencia de amigos y compañeros

9.3. Prototipo II

A partir de los datos obtenidos en las entrevistas, se elaboró una nueva versión del prototipo centrada en la simplificación de la interfaz y la adaptación personalizada de la navegación según las necesidades de cada usuario.

Los resultados evidenciaron que las personas con baja visión valoran las aplicaciones claras, directas y funcionales, que prioricen la lectura y la comprensión sobre la cantidad de opciones. También destacaron la importancia de poder ajustar fácilmente el contraste, el tamaño de la letra y el modo de lectura, sin depender de menús ocultos ni múltiples pasos para realizar una misma acción.

Redefinición de elementos y arquitectura de información

A partir de la revisión, se descartaron funciones innecesariamente complejas o de baja frecuencia de uso, como:

Personalización de contraindicaciones.
Creación o edición de perfiles alimentarios múltiples.
Sección de ayuda o tutorial extendido.

Probar prototipo en Figma

Estas opciones se sustituyeron por un sistema simplificado que prioriza las funciones esenciales para el uso diario:

Edición de lectura (definición de orden y visibilidad de elementos).
Ajustes de apariencia (tamaño de letra, contrastes y tipo de fuente).
Escáner de productos.
Lista de favoritos e historial.
Barra de navegación (fija, desplegable, flotante).

El objetivo fue reducir la aplicación a sus componentes más útiles y prácticos, eliminando capas innecesarias y manteniendo una estructura accesible para distintos niveles de experiencia tecnológica.

Cambios en la barra de navegación

Se rediseñó la barra inferior de la aplicación, asignando colores e íconos diferenciados para facilitar el reconocimiento visual de cada opción. Los nuevos elementos son:

Azul	Rojo	Verde	Naranjo	Morado
Modo de navegación	Historial/Favoritos	Escáner	Personalización	Edición de elementos visibles

Estos botones representan las funciones centrales de la app y permiten desplazarse con un solo toque, evitando interacciones complejas o dependientes de gestos.

Funcionalidad de los modos principales

Onboarding: En esta versión, Aletheia se plantea preguntar al usuario algunos datos iniciales, como sus preferencias visuales o modo de interacción, para ofrecerle una experiencia personalizada desde el primer uso.

Modo de navegación: Ofrece tres formas de desplazamiento en donde el primero es el modo fijo (la barra permanece visible durante toda la navegación), deslizable (permite moverse entre secciones mediante gestos horizontales) y flotante (el menú aparece solo cuando se necesita, liberando espacio visual. Este modo se activa con un simple tap sobre el botón principal).

Historial y Favoritos: Ambas funciones se integraron en un único botón. Dentro de la sección, el usuario puede visualizar de manera separada los productos escaneados y aquellos que ha marcado como favoritos.

Escáner: Se reorganizó la interfaz para facilitar el acceso a la lectura de los contenidos. Al deslizar, se pueden recorrer los distintos apartados del rotulado (contenido neto, ingredientes, sellos, fecha de vencimiento, etc.). Se incorporaron además botones de audio y repetición, que permiten escuchar nuevamente la información sin necesidad de reescanear.

Personalización: Reúne en una sola pantalla las opciones de contraste, tipo de letra y tamaño, simplificando el proceso de ajuste visual.

Orden y elementos visibles: Permite configurar qué apartados del rotulado se mostrarán primero o permanecerán ocultos. Dentro del botón se accede a dos secciones diferenciadas por íconos, que orientan visualmente la navegación.

11. Prototipo III

Siguiendo la línea de simplificación iniciada en el Prototipo 2, esta versión replantea la arquitectura de información de la aplicación, reduciéndola a tres secciones principales de funcionalidades:

Escáner
Edición de elementos (orden, secciones visibles, tamaño de letra, tipo de visión y modo de navegación)
Favoritos/Historial

Este reordenamiento surge al observar que varias funciones cumplían un mismo propósito (la edición y personalización de la experiencia), por lo que se agruparon bajo una sola categoría. Con ello, se busca disminuir los pasos de navegación, hacer más predecible la interfaz y ofrecer una estructura más coherente para las pruebas de usuario.

Probar prototipo en Figma

Ajustes generales y accesibilidad

En esta versión se implementó un botón de audio en todas las áreas informativas de la aplicación. Esta función permite al usuario decidir libremente cuándo escuchar cada sección, otorgando mayor autonomía en la lectura auditiva del contenido.
En el proceso de onboarding, se revisaron las preguntas iniciales que la aplicación realiza al usuario. Se eliminaron los campos de edad y tipo de navegación preferida, ya que no eran determinantes para la configuración final.
En su lugar, se incorporaron nuevas preguntas centradas en aspectos visuales y funcionales más relevantes:

Campo de visión: permite englobar distintos tipos de baja visión.
Elección de contraste: facilita la lectura desde el primer encuentro con el texto.
Tamaño de letra preferido.
Elementos visibles y orden de lectura.
Recomendación de modo de navegación: ofrecida según el tipo de visión declarado, con una breve descripción de cada opción.
Explicación de funciones: se añadió una guía contextual que informa qué puede hacer el usuario dentro de la aplicación.

Estos ajustes hacen que el proceso inicial de personalización sea más intuitivo, inclusivo y adaptado al perfil real de uso.

Escáner

En esta sección se modificó la interacción principal, reemplazando el desplazamiento lateral (que no resultaba intuitivo) por una lista desplegable vertical, donde cada elemento informativo se muestra al tocar una flecha. Esto retoma la lógica clara de la Versión 1, que había resultado más comprensible para los usuarios. El botón de “Favoritos” se rediseñó para mayor visibilidad, con un nombre explícito y un tamaño más grande, facilitando su identificación táctil y visual.

Favoritos / Historial

Al acceder a esta sección, el usuario se encuentra primero con el Historial, que ahora incluye detalles de fecha para cada producto escaneado. Además, se incorporaron dos formas de eliminar elementos de favoritos: Desde la opción de edición dentro de la sección. Desde el botón directo en el producto, ahora visible y fácilmente accesible. Estas mejoras buscan simplificar la gestión de los productos almacenados y mantener una experiencia más fluida durante la navegación.

Ajustes y edición

El apartado de Ajustes presenta ahora las opciones de edición en formato de lista, donde el usuario puede ingresar directamente a la función que desea modificar. Dentro de estas configuraciones se mantuvieron las opciones de contraste, tamaño de letra, orden de lectura y secciones visibles. En esta versión, la tipografía ya no es editable, pues se estableció de manera definitiva la fuente Atkinson Hyperlegible como estándar de la aplicación, por su óptimo rendimiento en legibilidad para personas con baja visión.

12. Prototipo IV: Ajustes posteriores a pruebas con usuarios

Probar prototipo en Figma

A partir de los resultados obtenidos en las pruebas de usuario realizadas con el Prototipo 3, se desarrolló el Prototipo 4, el cual incorpora ajustes específicos orientados a mejorar la comprensión, accesibilidad y predictibilidad de la interfaz.

Esta versión responde directamente a comportamientos observados durante la interacción real: ubicación de botones, uso limitado del audio, dificultades de orientación y confusión en la navegación. Los cambios realizados se pueden agrupar en ajustes de visibilidad, accesibilidad, audio, jerarquía de navegación y comportamiento esperado del usuario.

Ajustes generales y accesibilidad

Reubicación de todos los audios hacia la izquierda
Durante las pruebas, los usuarios buscaban los botones de audio siempre en la misma zona. Ubicarlos todos a la izquierda permitió estandarizar la interfaz y facilitar su reconocimiento táctil y visual.

Mover el botón “Agregar a favoritos” a la parte inferior
La mayoría de las personas buscaba esta acción abajo, por lo que se ajustó la posición para alinearla con el comportamiento natural de exploración.

Cambiar el nombre del botón “Finalizar” por “Guardar”
El término anterior generaba confusión. “Guardar” comunica de forma más directa la acción que realiza el usuario al modificar los ajustes.

Habilitar toda el área del recuadro para activar/desactivar toggles
Se observó que los usuarios no presionaban el interruptor directamente, sino el bloque completo. Por ello, se habilitó toda la superficie para ejecutar la acción.

Ajustes en audio y comunicación

Incorporación de una explicación del uso del audio durante el onboarding
Los usuarios no identificaron la existencia de la lectura en voz alta porque no se explicitaba desde un inicio. Se añadió una instrucción clara en el onboarding para que supieran que podían activar el audio en cualquier sección.

Opción de habilitar audio en botones de acción
Un usuario señaló la necesidad de que la barra de navegación tuviera audio, para identificar mejor cada opción. Se añadió la opción de audio en botones como “navegar”, “guardar” o “secciones”.

Opción de desactivar el audio de botones
Debido a la incorporación de esta función, se añadió también la opción de apagarla desde el menú de configuraciones.

Cambios en navegación e interacción

Favoritos como interfaz inicial dentro de la sección Favoritos/Historial
Esta reorganización facilita acceder primero a los productos guardados, ya que era la acción más frecuente. La sección “Favoritos” pasó a ser la vista primaria.

Nombrar Favoritos e Historial (reemplazo de íconos)
Los íconos no eran suficientes para distinguir las secciones, por lo que se reemplazaron por etiquetas textuales, entregando mayor claridad.

Implementación de drag-and-drop en el orden de lectura
Se observó que varios usuarios intentaban arrastrar los elementos para reordenarlos. Esta función se habilitó para que el comportamiento esperado coincidiera con la interacción real.

Explicación del uso de los modos de navegación
Un usuario no supo cómo activar o utilizar el modo de navegación, por lo que se añadió una descripción dentro de la configuración, aclarando su funcionamiento.

Percepción del desplazamiento y scroll

Indicadores visibles de áreas con scroll
Muchas personas no percibieron que podían deslizar la pantalla. Para solucionarlo, se:

Añadieron señales de scroll.
Reordenaron los recuadros para que algunos quedaran “asomados”, permitiendo intuir que había contenido hacia abajo.

Ajuste de contrastes

Uno de los cambios más relevantes para la versión final es la actualización del sistema de contrastes accesibles.
A partir de la retroalimentación entregada por una profesora de tecnología médica, se determinó que los contrastes no solo debían cumplir criterios de accesibilidad general, sino también reflejar los filtros cromáticos que suelen utilizar las personas con baja visión.

Según la Asociación DOCE (2015), estos filtros ayudan a reducir el deslumbramiento y la fatiga visual, bloqueando selectivamente ciertas longitudes de onda para mejorar la legibilidad y el confort, especialmente en casos de fotofobia, enfermedades de retina o dispersión intraocular aumentada.

Estos filtros ayudan a reducir el deslumbramiento, la fotofobia y la dispersión intraocular, bloqueando ciertas longitudes de onda para mejorar el confort visual y la legibilidad. En la práctica, distintos diagnósticos responden mejor a distintos espectros de color. Por ello, el prototipo final incorpora fondos predefinidos basados en longitudes de onda:

Amarillo cálido (~511–527 nm) con texto negro.
Ámbar intenso (~550 nm) con texto negro o blanco.
Rojo profundo (~600 nm) con texto claro.
Alto contraste neutro (fondo negro y texto blanco o viceversa).

En base a lo anterior, se definieron los siguientes contrastes para estos tipos de diagnóstico:

Diagnóstico	Color recomendado
Albinismo	Rojo profundo
Cataratas	Amarillo cálido
Coloboma	Rojo (fotofobia alta) / Ámbar intenso (moderada)
Degeneración macular (DMAE)	Amarillo cálido
Glaucoma	Amarillo cálido o Ámbar intenso
Retinopatía diabética	Ámbar intenso
Retinitis pigmentosa	Ámbar intenso o Rojo profundo
Ninguna de las anteriores	Negro (alto contraste neutro)

Estos ajustes permiten que cada usuario encuentre la opción que mejor se ajusta a su condición visual, y no solo a un estándar genérico. Esto también permite la oportunidad de dar una recomendación de contraste para usar en la aplicación.

Cambio en la pregunta de tipo de visión

En versiones anteriores, el onboarding preguntaba por el “tipo de visión”, pero este enfoque demostró ser demasiado amplio. Para mejorar la personalización, el prototipo final reemplaza esta pregunta por el diagnóstico visual, permitiendo recomendar:

Contraste más adecuado para esa condición.
Modo de navegación recomendado.

Para el modo de navegación, las recomendaciones se basan en características conocidas de cómo ven las personas con cada condición, y en cómo estas diferencias podrían influir en la forma de desplazarse dentro de la interfaz.

Es importante señalar que estos modos de navegación no han sido probados todavía con usuarios reales, con excepción del modo fijo, que fue evaluado durante las pruebas anteriores. Por lo tanto, la siguiente tabla funciona como una hipótesis de diseño, que servirá para guiar futuras iteraciones y evaluar si estas recomendaciones efectivamente facilitan la usabilidad según cada diagnóstico.

Diagnóstico	Tipo de navegación recomendada
Cataratas	Fijo
Glaucoma	Flotante
Retinopatía diabética	Fijo
Degeneración macular	Deslizable
Albinismo	Fijo
Retinitis pigmentosa	Flotante
Coloboma	Fijo
Ninguno	Fijo

13. Prototipo Final

El prototipo final reúne y consolida todos los ajustes realizados a partir del Prototipo IV. Si bien cada iteración permitió corregir problemas específicos, el prototipo final integra estas decisiones de manera coherente dentro de una misma arquitectura, ofreciendo una interfaz más clara, predecible y adaptada a las necesidades reales de personas con baja visión. Esta versión servirá como base para el desarrollo del prototipo funcional.

Onboarding

El onboarding del prototipo final se organiza en cinco secciones principales, cada una con un propósito específico dentro de la orientación inicial y la accesibilidad. Esta estructura se diseñó para introducir gradualmente al usuario en las funciones esenciales de Aletheia, explicar el uso del audio, y preparar la personalización de la interfaz según diagnóstico visual.

Probar Onboarding en Figma

Bienvenida y opciones de audio

Corresponde al primer acercamiento del usuario a la aplicación. En esta sección se introduce uno de los elementos importantes de la aplicación que es sobre la lectura en voz alta. Aquí se explica:

Qué significa el ícono de audio.
Cómo activar la lectura de textos en cualquier momento.
Y si el usuario desea habilitar audio también en los botones de acción, útil para orientarse dentro de la interfaz.

Esta explicación se añade respecto a los hallazgos de las pruebas, donde varios usuarios no identificaban la existencia del audio sin una instrucción explícita.

Explicación de funciones (Escáner y Favoritos)

Esta etapa presenta las funciones esenciales de la aplicación:

Escáner: cómo se utiliza para leer los envases y acceder a la información nutricional.
Favoritos: cómo guardar productos ya escaneados y encontrarlos rápidamente.

Ambas funciones se explican antes de la personalización porque forman la base de la experiencia de uso. Esta sección permite que el usuario construya un modelo mental claro de para qué sirve Aletheia y cómo se relacionan sus componentes principales.

Conducir a personalización

Una vez comprendidas las funciones básicas de la app, el onboarding guía al usuario hacia la configuración personalizada. Aquí podrá ajustar:

Diagnóstico visual (que ayudará a recomendar contraste y tipo de visión).
Contraste recomendado.
Tamaño de letra.
Visibilidad de contenido.
Orden de lectura.
Modo de navegación.

Explicación de configuraciones

La última parte del onboarding cierra el proceso aclarando que todas las elecciones tomadas pueden modificarse posteriormente, existe un apartado de Configuración accesible desde el menú, y que la personalización inicial no es definitiva.

Escáner

El escáner es la función principal de Aletheia y permite transformar la información de un envase en un formato accesible. Su funcionamiento se organiza en las siguientes dos etapas.

Probar Escáner en Figma

Activación y captura

El usuario accede a la cámara desde el menú inferior. La aplicación solicita permiso de uso la primera vez y posteriormente abre la cámara de manera directa. El objetivo es que el usuario pueda apuntar el envase y capturar la imagen sin pasos adicionales.

Presentación accesible de la información

Los resultados se muestran inmediatamente después del procesamiento, organizados en secciones desplegables como:

Contenido neto
Datos del fabricante
Sellos de advertencia
Tabla nutricional
Otros elementos que el usuario haya configurado como visibles

Cada sección incluye un botón de audio para escuchar la información y se puede expandir o contraer según necesidad. El diseño incorpora señales explícitas y visuales que indican que la pantalla tiene scroll en el primer uso. El usuario también puede agregar el producto a favoritos desde esta misma vista.

Favoritos e historial

Las secciones de Favoritos e Historial permiten acceder rápidamente a productos escaneados anteriormente. Favoritos muestra los productos marcados por el usuario para consulta frecuente, permitiendo volver a abrirlos y revisar su información completa en formato desplegable y por audio. Desde cada producto es posible quitarlo de favoritos mediante desde el botón "sacar de favoritos" o editar. Por otra parte, el Historial registra automáticamente todos los escaneos realizados, agrupándolos por fecha para facilitar la orientación temporal; desde aquí también se puede ingresar al detalle de cada producto o añadirlo a favoritos si el usuario lo requiere. Ambas secciones mantienen la misma estructura visual y jerarquía del escáner.

Probar Favoritos e historial en Figma

Historial

Favoritos

Configuraciones

La sección de Configuración permite al usuario ajustar algún funcionamiento de Aletheia en cualquier momento, sin necesidad de repetir el onboarding. Desde este apartado es posible activar o desactivar el audio en los botones del menú, cambiar el contraste según el diagnóstico visual o preferencia del usuario, modificar el tamaño de la letra, seleccionar qué secciones del rotulado serán visibles, reorganizar el orden en que la información será presentada y el modo de navegación. Todas las opciones se muestran mediante una lista, con botones de audio asociados para la lectura en voz alta y facilitar la autonomía de uso.

Probar configuraciones en Figma

Contrastes

Tamaño de letra

La aplicación ofrece tres tamaños de letra disponibles: 24 pt (normal), 28 pt (grande) y 32 pt (extra grande).

Secciones visibles y orden de lectura

Modo de navegación

Cuando el usuario elige uno de los tres modos de navegación disponibles (fijo, deslizable o flotante), la aplicación muestra una breve explicación práctica del modo seleccionado antes de llevarlo de vuelta al escáner. Esta etapa funciona como una instrucción que le permite comprender cómo acceder al menú y qué gesto o interacción requiere cada modo.

Si el usuario selecciona Modo fijo, se explica que el menú estará siempre visible en la parte inferior.
Si selecciona Modo deslizable, aparece una instrucción indicando cómo deslizar para abrir el menú cuando esté oculto.
Si selecciona Modo flotante, se muestra un ejemplo visual del panel lateral para que el usuario identifique dónde encontrarlo al usar la cámara.

Bibliografía

1. Introducción y justificación

Ministerio de Salud. (2019). Manual de etiquetado nutricional actualizado 2019. https://saludresponde.minsal.cl/wp-content/uploads/2019/06/2019.06.26_MANUAL-DE-ETIQUETADO_ACTUALIZADO-2019.pdf
World Health Organization. (2019). Informe mundial sobre la visión. https://www.who.int/es/news-room/fact-sheets/detail/blindness-and-visual-impairment
Maciej Serda, G., Ochoa Fernández, C., Rivadeneira, M., & Vargas, J. (2023). La tipografía como herramienta de comunicación efectiva en el proceso de lecto-escritura en estudiantes con baja visión. Uniwersytet Śląski, 7(1), 343–354. https://doi.org/10.2/JQUERY.MIN.JS
Delgadillo, A. (2022). Accesibilidad gráfica y diseño inclusivo en contextos urbanos. Revista Diseño e Inclusión, 14(2), 55–68.
Reguera, J. (2021). Diseño gráfico inclusivo: principios para entornos accesibles. Editorial Universitaria de Buenos Aires.
Fundación Luz. (2022). Informe de caracterización general de las personas con discapacidad visual según EBS 2021. https://fundacionluz.cl/wp-content/uploads/2024/04/2022-Informe-Caracterizacion-general-de-las-personas-con-discapacidad-visual-segun-EBS-2021.pdf
González, G. (2019). “La salud visual afecta directamente la calidad de vida de las personas”. Ciencia y Salud. https://cienciaysalud.cl/2021/10/13/dr-gonzalo-vargas-la-salud-visual-afecta-directamente-la-calidad-de-vida-de-las-personas/
Yoselín Aguayo. (2020). Colores y tipografías para mejorar la experiencia de usuario. https://aguayo.co/es/blog-aguayo-experiencia-usuario/colores-y-tipografias
Saffer, D. (2020). Inclusive Design for a Digital World: Designing with Accessibility in Mind (1st ed.). Apress. https://oscqr.suny.edu/wp-content/uploads/2024/04/dokumen.pub_inclusive-design-for-a-digital-world-designing-with-accessibility-in-mind-1st-ed-978-1-4842-5015-0-978-1-4842-5016-7.pdf

2. Fundamentos teórico-conceptuales

Nielsen Norman Group. (s.f.). Usability heuristics for user interface design. https://www.nngroup.com/articles/ten-usability-heuristics/
Platzi. (s.f.). Colores que hablan: cómo el diseño universal trasciende culturas. https://platzi.com/blog/colores-que-hablan-como-el-diseno-universal-trasciende-culturas/
WebAIM. (s.f.). Introduction to Web Accessibility. https://webaim.org/intro/
W3C. (2018). Web Content Accessibility Guidelines (WCAG) 2.1. https://www.w3.org/TR/WCAG21/
Costa, J. (2014). Fundamentos del diseño. Ediciones Paidós Ibérica.
Maciej Serda, Becker, F. G., Cleary, M., Holtermann, H., Rabinovich, I., & Castet, E. (2023). La tipografía como herramienta de comunicación efectiva en el proceso de lecto-escritura en estudiantes con baja visión. Uniwersytet Śląski, 7(1), 343–354. https://doi.org/10.2/JQUERY.MIN.JS
Diseño universal: Cómo crear mensajes incluyentes y accesibles. (n.d.). Platzi. Recuperado el 29 de marzo de 2025, de https://platzi.com/blog/colores-que-hablan-como-el-diseno-universal-trasciende-culturas/?utm_source=chatgpt.com
Principios del diseño universal: Creando accesibilidad. (n.d.). Immune Institute. Recuperado el 29 de marzo de 2025, de https://immune.institute/blog/diseno-universal-principios/?utm
Romero, D. F. (n.d.). Derechos Humanos y Accesibilidad. Instituto Nacional de Derechos Humanos. https://www.indh.cl

3. Estado del arte y revisión de investigaciones previas

Bernaschina, P. (2019). Diseño inclusivo en Chile: una nueva visión sobre la adaptación del diseño industrial para el beneficio de la discapacidad. Revista Thelos. https://thelos.utem.cl/articulos/diseno-inclusivo-en-chile-una-nueva-vision-sobre-la-adaptacion-del-diseno-industrial-para-el-beneficio-de-la-discapacidad/
Ministerio de Salud. (2022). Reglamento Sanitario de los Alimentos (RSA). Gobierno de Chile. https://www.minsal.cl
Muñoz Alzate, A. (2011). La inclusión social desde el diseño. Universidad Nacional de Colombia.
Romo Re, R. (2013). Accesibilidad y diseño inclusivo. Universidad de Chile.
Servicio Nacional de la Discapacidad. (2020). Manual de accesibilidad web. https://kitdigital.gob.cl/archivos/insumos/nuevos/Manual%20Accesibilidad%20Web.pdf
Biblioteca del Congreso Nacional de Chile. (2015). Regulación de la accesibilidad universal. https://obtienearchivo.bcn.cl/obtienearchivo?id=repositorio%2F10221%2F35899%2F1%2FBCN_Regulacion_Accesibilidad_Universal_def.pdf
Envato Tuts+. (s.f.). Básicos de accesibilidad: Diseñando para discapacidad visual. Recuperado el 29 de marzo de 2025, de https://webdesign.tutsplus.com/es/accessibility-basics-designing-for-visual-impairment--cms-27634a
Gobierno de Chile. (s.f.). Manual de accesibilidad web. https://kitdigital.gob.cl/archivos/insumos/nuevos/Manual%20Accesibilidad%20Web.pdf
Letras a la Vista: Optimizando la Tipografía para Personas con Visión Baja. (s.f.). Tiflolabs. Recuperado el 25 de marzo de 2025, de https://tiflolabs.com/es/informacion/recursos/letras-a-la-vista-optimizando-la-tipografia-para-personas-con-vision-baja
Maciej Serda, Becker, F. G., Cleary, M., Holtermann, H., Rabinovich, I., & Castet, E. (2023). La tipografía como herramienta de comunicación efectiva en el proceso de lecto-escritura en estudiantes con baja visión. Uniwersytet Śląski, 7(1), 343–354. https://doi.org/10.2/JQUERY.MIN.JS
World Wide Web Consortium (W3C). (2018). Web Content Accessibility Guidelines (WCAG) 2.1. https://www.w3.org/TR/WCAG21/
Ley Nº 20.422. Establece normas sobre igualdad de oportunidades e inclusión social de personas con discapacidad. Biblioteca del Congreso Nacional. https://www.bcn.cl/leychile/navegar?idNorma=1010903

4. Identificación de brechas en la literatura y justificación del estudio

Bernaschina, R. (2019). Diseño inclusivo: nuevos desafíos para la innovación social en Chile. Universidad de Valparaíso.
Muñoz Alzate, L. F. (2011). Diseño para todos: teoría y práctica del diseño inclusivo. Universidad de Palermo.
Romo Re, C. (2013). Innovación y accesibilidad en el diseño chileno. Revista Diseña, (2), 78–85.
Villarroel, C. (s.f.). Visibilidad y legibilidad en personas con baja visión. Caso de estudio: envases de alimento. Escuela de Arquitectura y Diseño, PUCV. https://wiki.ead.pucv.cl/Visibilidad_y_legibilidad_en_personas_con_baja_visión._Caso_de_estudio:_envases_de_alimento

5. Rotulación en envases de alimentos

Ministerio de Salud. (2019). Manual de etiquetado nutricional actualizado. https://saludresponde.minsal.cl/wp-content/uploads/2019/06/2019.06.26_MANUAL-DE-ETIQUETADO_ACTUALIZADO-2019.pdf
Ministerio de Salud. (2021). Guía técnica para la declaración de nutrientes. https://www.minsal.cl/wp-content/uploads/2021/05/2021.05.28_Guia-de-declaracion-de-nutrientes-v2021.pdf
Gobierno de Chile. (s.f.). Sistema de etiquetado nutricional de advertencia. https://www.gob.cl/etiquetado/

6. Propuesta de enfoque sobre solución

Apple Inc. (s.f.). Human Interface Guidelines – Accessibility. https://developer.apple.com/design/human-interface-guidelines/accessibility/
Google. (s.f.). Material Design Accessibility. https://m3.material.io/foundations/accessibility/overview
International Organization for Standardization. (2019). ISO 30071-1:2019 – Accessibility requirements suitable for public procurement of ICT products and services. https://www.iso.org/standard/70913.html
Letras a la Vista. (s.f.). Optimizando la tipografía para personas con visión baja. Tiflolabs. https://tiflolabs.com/es/informacion/recursos/letras-a-la-vista-optimizando-la-tipografia-para-personas-con-vision-baja
Ministerio de Educación de Chile. (2007). Guía de apoyo técnico-pedagógico: Necesidades educativas especiales en el nivel de educación parvularia. https://especial.mineduc.cl
Romero, A. (s.f.). Diseño inclusivo: Accesibilidad y representación en medios visuales. En Diseño y Sociedad. Editorial Universidad de Salamanca.
Servicio Nacional del Patrimonio Cultural. (s.f.). Ley N° 20.422 – Normas sobre Igualdad de Oportunidades e Inclusión Social de Personas con Discapacidad. https://www.patrimoniocultural.gob.cl/ley-de-inclusion-en-el-serpat
University of Cambridge. (s.f.). Inclusive Design Toolkit. https://www.inclusivedesigntoolkit.com
World Wide Web Consortium (W3C). (2018). Web Content Accessibility Guidelines (WCAG) 2.1. https://www.w3.org/TR/WCAG21/
World Wide Web Consortium (W3C). (s.f.). Mobile Accessibility: How WCAG Applies to Mobile. https://www.w3.org/WAI/standards-guidelines/mobile/
América Retail. (2024). Listado con los smartphones más vendidos en Chile. https://america-retail.com/paises/chile/listado-con-los-smartphones-mas-vendidos-en-chile/
Cadem. (2022). Chile que viene: Smartphone. https://cadem.cl/wp-content/uploads/2022/08/Chile-que-viene-Smartphone-Mayo-2022_-VF.pdf
Chócale. (2024). Estos son los smartphones más vendidos en Chile en el último trimestre. https://chocale.cl/2024/10/estos-son-los-smartphones-mas-vendidos-en-chile-en-el-ultimo-trimestre/
El Mostrador. (2024). Solo la mitad de los adultos mayores chilenos tiene un smartphone para comunicarse. https://www.elmostrador.cl/agenda-pais/agenda-digital/2024/07/04/solo-la-mitad-de-los-adultos-mayores-chilenos-tiene-un-smartphone-para-comunicarse/
Fundación Rassmuss. (2024). Programa Alfadeca aplicó códigos QR a sus libros de lectoescritura. https://fundacionrassmuss.org/programa-alfadeca-aplico-codigos-qr-a-sus-libros-de-lectoescritura/
La Tercera. (2024). Estos fueron los 10 teléfonos 5G más vendidos de 2024 según una empresa de telecomunicaciones. https://www.latercera.com/tendencias/noticia/estos-fueron-los-10-telefonos-5g-mas-vendidos-de-2024-segun-una-empresa-de-telecomunicaciones/
Ministerio de Educación de Chile. (2024). Orientaciones para la regulación del uso de celulares y otros dispositivos. https://www.mineduc.cl/wp-content/uploads/sites/19/2024/03/Orientaciones-para-el-uso-del-celular-y-otros-dispositivos.pdf
Observatorio del Envejecimiento UC. (2024). ¿Hacia la superación de la brecha digital?https://observatorioenvejecimiento.uc.cl/wp-content/uploads/2024/06/Poblacion-mayor-%C2%BFHacia-la-superacion-de-la-brecha-digital.pdf
SUBTEL. (2024). Informe de estadísticas de telecomunicaciones – marzo 2024. https://www.subtel.gob.cl/wp-content/uploads/2024/06/PPT_Series_MARZO_2024_V1.pdf
UNICEF Chile. (2023). Se adelanta a los 8,9 años el acceso al celular con Internet y crece su uso para fines educativos. https://www.unicef.org/chile/comunicados-prensa/se-adelanta-los-89-a%C3%B1os-el-acceso-al-celular-con-internet-y-crece-su-uso-para

7. Justificación del formato: Aplicación móvil

Stein-Perlman, Z., Zhang, S., Lin, Z., Bengio, Y., Dafoe, A., & Ovadya, A. (2024). Expert Forecasts on Progress in AI. Centre for the Governance of AI. https://governance.ai/research/ai-forecasts-2024
UNESCO. (2021). Recomendación sobre la Ética de la Inteligencia Artificial. https://unesdoc.unesco.org/ark:/48223/pf0000380455
Gobierno de Chile. (2021). Estrategia Nacional de Inteligencia Artificial. Ministerio de Ciencia, Tecnología, Conocimiento e Innovación. https://www.cne.cl/wp-content/uploads/2021/12/Estrategia_Nacional_IA_Chile.pdf
Servicio Nacional del Patrimonio Cultural. (s.f.). Ley N° 20.422 – Normas sobre Igualdad de Oportunidades e Inclusión Social de Personas con Discapacidad. https://www.patrimoniocultural.gob.cl/ley-de-inclusion-en-el-serpat
Instituto Nacional de Normalización. (2020). NCh3267:2020 – Accesibilidad de productos y servicios digitales. Santiago, Chile.
World Wide Web Consortium (W3C). (2018). Web Content Accessibility Guidelines (WCAG) 2.1. https://www.w3.org/TR/WCAG21/

8. Prototipo IV

Asociación DOCE. (2015, noviembre 30). Filtros terapéuticos para enfermedades de la retina. https://asociaciondoce.com/2015/11/30/filtros-terapeuticos-para-enfermedades-de-la-retina/

N°	Letra muy pequeña	No distingo la letra del fondo	El material del envase deslumbra	No encuentro la información que busco
1	✓	✓		✓
2	✓	✓		✓
3	✓	✓		✓
4	✓	✓		✓
5	✓	✓		✓
6	✓	✓	✓	✓
7	✓	✓	✓	✓
8	✓	✓	✓	✓
9	✓	✓	✓	✓
10	✓	✓	✓	✓
11	✓	✓	✓	✓
12	✓	✓	✓	✓
13	✓	✓	✓	✓

N°	Letra muy pequeña	No distingo la letra del fondo	El material del envase deslumbra	No encuentro la información que busco
1	✓	✓		✓
2	✓	✓		✓
3	✓	✓		✓
4	✓	✓		✓
5	✓	✓		✓
6	✓	✓	✓	✓
7	✓	✓	✓	✓
8	✓	✓	✓	✓
9	✓	✓	✓	✓
10	✓	✓	✓	✓
11	✓	✓	✓	✓
12	✓	✓	✓	✓
13	✓	✓	✓	✓

N°	Letra muy pequeña	No distingo la letra del fondo	El material del envase deslumbra	No encuentro la información que busco
1	✓	✓		✓
2	✓	✓		✓
3	✓	✓		✓
4	✓	✓		✓
5	✓	✓		✓
6	✓	✓	✓	✓
7	✓	✓	✓	✓
8	✓	✓	✓	✓
9	✓	✓	✓	✓
10	✓	✓	✓	✓
11	✓	✓	✓	✓
12	✓	✓	✓	✓
13	✓	✓	✓	✓