Compartir a través de


Diseñar la página de aterrizaje de una aplicación de banda ancha móvil

La página de aterrizaje es la primera página que ve el usuario cuando inicia la aplicación de banda ancha móvil, excepto en determinados casos que se describen en Integración de una aplicación de banda ancha móvil con otros componentes de Windows.

Captura de pantalla de una página de aterrizaje de una aplicación de banda ancha móvil de pago.

La página de aterrizaje debe seguir las directrices de la aplicación para UWP para el diseño de la aplicación. Para fomentar la simplicidad y la facilidad de navegación, se recomienda que se ajuste a todo el contenido de la página de aterrizaje en una sola página. La página de aterrizaje es el centro central de la aplicación. Aunque no es un método de navegación principal o una página de administración, muestra la aplicación y su funcionalidad principal.

En las secciones siguientes se describen algunos de los contenidos que puede incluir en la página de aterrizaje:

Planes pospagos

Dado que es importante que el usuario pueda ver información sobre su uso de datos, el uso debe resaltarse en la página de aterrizaje si es posible. Aunque se recomienda obtener información general, también puede proporcionar un vínculo a una página independiente en la aplicación que contiene más detalles. Puede encontrar algunas sugerencias para obtener más detalles en la sección uso de datos. Consulta Diseño de la información de uso y saldo de la cuenta en una aplicación de banda ancha móvil para obtener más información.

Planes de prepago

La visualización de uso de datos se simplifica para los planes de prepago. También se debe ofrecer a un usuario una opción para recargar o rellenar su plan. Puede proporcionar un vínculo a una página que ofrezca opciones de pago. Consulta Diseño de páginas de facturación en una aplicación de banda ancha móvil para obtener más información. A continuación se muestra una página de información general típica para un plan de prepago:

Captura de pantalla de una página de aterrizaje de una aplicación de banda ancha móvil de prepago.

Se puede resaltar una lista de mensajes de texto del operador en la página de aterrizaje. Dado que una serie de mensajes de operador son de alta prioridad, los usuarios prefieren tener fácil acceso a estos. Para obtener más información sobre la funcionalidad que se debe incluir para los mensajes de texto, consulte Diseño de mensajes en una aplicación de banda ancha móvil.

Puede proporcionar vínculos a otras páginas clave en la página de aterrizaje. Por ejemplo, podría incluir un icono para ayuda y soporte técnico y un icono para servicios.

Navegación de la aplicación

Al describir la página de aterrizaje, es importante tener en cuenta la navegación dentro de la aplicación. La aplicación tendrá varias páginas con varios propósitos. Windows 10 ofrece las siguientes herramientas que se pueden usar para la navegación:

  • Botón Atrás El botón Atrás se puede usar para volver a la página anterior de la aplicación. Para obtener más información sobre el estilo del botón Atrás, consulte Inicio rápido: controles de estilo.

  • Prestación desplegable con texto de encabezado El texto del encabezado se puede usar como una prestación desplegable para la navegación entre varias páginas de una aplicación. En las cifras anteriores, al hacer clic en Información general de la cuenta, se produciría una lista desplegable de páginas en la aplicación a la que se puede navegar, como se muestra en la ilustración siguiente:

    Captura de pantalla de un menú desplegable para navegar entre páginas de la aplicación.

    Para obtener más información sobre el diseño de la navegación de la aplicación, vea Inicio rápido: Uso de la navegación de página única y selección de elemento | seleccionar objeto.

Personalización de marca de operadores

Puedes personalizar tu aplicación de banda ancha móvil para adaptarte a tu estilo de personalización de marca. Mediante el uso de numerosas personalizaciones, puedes hacer que tu aplicación sea única y fácil de reconocer. Para obtener más información sobre cómo puede personalizar la aplicación, consulta Diseño de personalización de marca en una aplicación de banda ancha móvil.

Resumen rápido

Diseño adecuado para la página de aterrizaje

  • Muestre información de un vistazo a la que los usuarios buscarán principalmente en la aplicación.

  • Use un diseño sencillo para mejorar la legibilidad.

  • Sigue las directrices de la aplicación para UWP.

  • Deshabilite el botón Atrás si es la primera vez que el usuario visita la aplicación.

Diseño inadecuado para la página de aterrizaje

  • No tenga desplazamiento en la página de aterrizaje. Intente restringir todo el contenido a una sola página.

  • No tiene funcionalidad de administración en la página de aterrizaje.

Recursos adicionales

Diseño de la experiencia del usuario de una aplicación de banda ancha móvil