Mucha gente aumenta el tamaño de la fuente o de la pantalla en su teléfono. Si tu diseño supone el valor por defecto, el texto se recorta y los botones se solapan. Esta prueba dura unos diez minutos y encuentra la mayoría de los problemas.
Preparación
Los nombres de los menús varían según el fabricante. En la mayoría de dispositivos:
- Abre Ajustes > Pantalla > Tamaño de fuente (a veces Tamaño y estilo de fuente) y mueve el control al máximo.
- Abre Ajustes > Pantalla > Tamaño de pantalla (a veces Zoom de pantalla) y muévelo al máximo.
- Si el dispositivo ofrece Texto en negrita, prueba también con él activado.
- Vuelve a tu app. Reiníciala para que cada pantalla empiece de cero.
Prueba tres combinaciones: solo la fuente más grande, solo el tamaño de pantalla más grande, y ambos juntos. Ambos juntos es el peor caso.
Lista
- Texto recortado. Títulos, etiquetas de botones, pestañas y filas de lista no deben cortarse sin una forma de leerlos. Cómo comprobar: abre cada pantalla principal y lee cada etiqueta completa.
- Elementos solapados. Texto encima de iconos, botones u otro texto. Cómo comprobar: mira barras de herramientas, tarjetas y filas con varios elementos juntos.
- Botones inalcanzables. Un botón empujado bajo el pliegue en una pantalla que no se desplaza. Cómo comprobar: intenta completar cada flujo hasta el final, incluido el último botón de confirmar.
- Contenedores de altura fija. Filas o tarjetas con altura definida recortan el texto más alto. Cómo comprobar: busca líneas sueltas que debían ajustarse en varias líneas.
- Formularios y teclado. El campo de entrada y su texto de error deben seguir visibles con el teclado abierto. Cómo comprobar: rellena un formulario con texto grande.
- Diálogos. El texto largo y las filas de botones en los diálogos de alerta suelen desbordarse. Cómo comprobar: activa cada diálogo.
- Navegación. Pestañas inferiores con etiquetas largas, menús laterales, barras de pestañas. Cómo comprobar: todos los elementos deben ser legibles y pulsables.
- Objetivos táctiles. Un texto más grande no debe reducir el área pulsable. Cómo comprobar: pulsa los controles más pequeños.
- Rotación. El texto grande en horizontal deja poco espacio vertical. Cómo comprobar: gira en los formularios y diálogos. Mira rotación y cambios de configuración.
- Cambio en vivo. Cambia el tamaño de fuente con la app abierta y vuelve. Debe recrearse bien y mantener su posición.
Cómo arreglar lo que encuentres
- Define el texto en unidades escalables y deja que las filas crezcan con el contenido en vez de fijar su altura.
- Permite el ajuste de línea o una segunda línea donde una etiqueta pueda ser larga.
- Haz desplazables las pantallas que puedan desbordarse.
- Vuelve a probar con los mismos ajustes tras cada corrección.
Quién debe probar
Pide a testers que ya usen texto grande que prueben tus flujos clave. Ellos saben qué es normal para ellos. Pide una captura de cada pantalla rota y los ajustes de fuente y de pantalla usados.
Límites
Es una comprobación de diseño, no una revisión completa de accesibilidad. Para el uso con lector de pantalla, mira la prueba de lector de pantalla de 10 minutos. Los nombres de los ajustes varían según el fabricante; anota el modelo del dispositivo con cada informe.
Visión general: Pruebas de apps Android. Relacionado: tamaños de pantalla y modo oscuro.
Empieza gratis en AppReviewX y pide a los testers que hagan esta prueba en sus propios dispositivos.