Truco para adaptar dise├▒o en Android para m├│viles con tama├▒o de letra grande

Las opciones de accesibilidad se utilizan cada vez m├ís en las apps m├│viles. Concretamente en Android, son much├şsimos los usuarios que, debido a la edad, configuran sus terminales para mostrar las letras m├ís grandes y poder leer mejor la informaci├│n en la pantalla.

Esto está empezando a tener un impacto muy grande en las interfaces de las apps, ya que hay algunas que no se adaptan correctamente a un tamaño de letra variable y el resultado es una interfaz no adaptada y una experiencia de usuario nefasta.

Cambiar el tama├▒o de letra en Android

Para cambiar el tama├▒o de letra en Android, hay que acceder a la parte de configuraci├│n de Android (como es habitual a trav├ęs del icono de la rueda dentada). En la secci├│n “Pantalla” veremos la opci├│n “Tama├▒o de Texto”. Como veis, hay hasta 6 tama├▒os de letra posibles, y la diferencia es bastante notable entre ellas:

Este ejemplo compara el tamaño S (hay XS) con el XXL, que es el más grande.

El tama├▒o de letra influye en algunos dise├▒os

Recientemente he tenido este problema en la app de ShopAdvizor, donde un usuario reportaba una mala experiencia de usuario. Tras analizar con varios tel├ęfonos la pantalla y pedirle m├ís datos sobre versi├│n de Android, modelo de terminal, etc. No vimos nada que nos llamara la atenci├│n, hasta que nos mand├│ una captura de pantalla como esta:

Ejemplo de pantalla totalmente descuadrada por el tama├▒o de la letra

Es ah├ş cuando pudimos detectar que lo que hab├şa hecho era aumentar el tama├▒o de letra hasta el m├íximo, as├ş que tuvimos que buscar una manera de readaptar el c├│digo de maquetaci├│n para que no influyera en los usuarios con un tama├▒o de letra “normal” y se ajustara a los usuarios con un tama├▒o de letra grande.

C├│mo maquetar en Android para todo tipo de tama├▒os de letra

La soluci├│n que encontramos, tras mucho tiempo de prueba-error fue la siguiente:

A) En los apartados en los que es imposible mantener un diseño adecuado hay que rediseñar. No queda más remedio, salvo usar AutoFitTextView para reducir el tamaño del texto, pero no suele ser lo deseado.

B) Utilizar SP como medida de los elementos en lugar de DP.┬áCon esto te aseguras de que el elemento se adaptar├í al tama├▒o de letra, y as├ş puedes solucionar el problema.

Como se ve, la diferencia únicamente es más scroll.

¿Buscas mantenimiento para tu App Android? Contáctame ahora.