Interfaz de usuario

Ícono adaptable optimizado para el nivel 2

NIVEL 2: Optimización adaptable

Para los usuarios, la interfaz de usuario es la app. La IU determina la experiencia del usuario, que, a su vez, determina la satisfacción del usuario, el uso de la app, las compras en la app y la retención de clientes.

Las pantallas grandes ofrecen un espacio de visualización amplio para las IU innovadoras y adaptables que brindan una UX que las pantallas pequeñas no pueden replicar.

Incluye los siguientes elementos de la IU para optimizar tu app para pantallas grandes:

  • Riel o panel lateral de navegación
  • Objetivos táctiles grandes
  • Menús y diálogos bien ubicados
  • Diseños multipanel

Diseños adaptables

Crea diseños adaptativos que optimicen la IU de tu app en pantallas grandes y pequeñas. Diseña y compila para varios factores de forma de forma simultánea. Prepara tu app para el futuro y los nuevos tipos de dispositivos.

Diseños canónicos

Aprovecha los diseños adaptativos probados para que la UX de tu app sea excepcional. Crea un diseño de lista y detalles, panel de asistencia o feed para que más contenido sea más fácil de administrar y más agradable.

IU responsiva

Aplica formato a los elementos de la IU según el tamaño de la pantalla. Restringe el ancho de los botones, las tarjetas y los campos de texto que ocupan todo el ancho en pantallas pequeñas a un tamaño funcionalmente adecuado en pantallas grandes. No permitas que los cuadros de diálogo y otras ventanas modales ocupen toda la pantalla. Se muestran menús contextuales y otras ventanas emergentes relacionadas con el elemento junto al elemento que el usuario seleccionó, no centrado en la pantalla.

Incorporación de actividades

Actualiza tus apps heredadas basadas en actividades con diseños de varios paneles en pantallas grandes. No es necesario refactorizar el código. Configura tus diseños en XML o con algunas llamadas a la API de Jetpack WindowManager.

Próximos pasos

Para obtener información sobre el desarrollo de la IU para una UX optimizada, consulta las siguientes guías para desarrolladores: