Directrices sobre iconos secundarios

Un icono secundario es una manera coherente y eficaz que tienen los usuarios para acceder directamente a áreas específicas de una aplicación de la Tienda Windows desde la pantalla Inicio. Aunque el usuario elige si quiere "anclar" o no un icono secundario a la pantalla Inicio, es el desarrollador quien determina qué áreas de una aplicación se pueden anclar. Para obtener un resumen más detallado, consulta Introducción a los iconos secundarios. Ten en cuenta estas directrices a la hora de habilitar iconos secundarios y de diseñar la interfaz de usuario asociada en tu aplicación de la Tienda Windows.

Nota  Solo los usuarios pueden anclar un icono secundario a la pantalla Inicio; las aplicaciones no pueden anclar iconos secundarios con programación. Los usuarios también pueden controlar la retirada de un icono, y pueden quitar un icono secundario desde la pantalla Inicio o desde la aplicación principal.

Recomendaciones

Ten en cuenta las siguientes recomendaciones a la hora de habilitar iconos secundarios en tu aplicación:

  • Cuando el contenido que tiene el foco se puede anclar, la barra de la aplicación debe incluir un botón "Anclar a Inicio" para crear un icono secundario para el usuario.

  • Crea un control flotante que aparezca cuando el usuario haga clic en el botón "Anclar a Inicio". Este control flotante debe confirmar que el usuario quiere agregar un icono secundario a la pantalla Inicio. Por ejemplo, este es un control flotante de confirmación de la aplicación ESPN.

    Control flotante que confirma que el usuario quiere anclar un icono secundario a la pantalla Inicio.

  • Si el contenido que tiene el foco ya está anclado, cambia el botón "Anclar a Inicio" de la barra de la aplicación por el botón "Desanclar de Inicio". El botón "Desanclar de Inicio" debe quitar el icono secundario existente (después de recibir confirmación del usuario).

  • Cuando el contenido que tiene el foco no se puede anclar, no muestres un botón "Anclar a Inicio" (o muestra un botón "Anclar a Inicio" deshabilitado).

  • Usa los glifos proporcionados por el sistema para tus botones "Anclar a Inicio" y "Desanclar de Inicio" (consulta los miembros de anclaje y desanclaje de Windows.UI.Xaml.Controls.Symbol o WinJS.UI.AppBarIcon).

  • Usa el texto de botón estándar: "Anclar a Inicio" y "Desanclar de Inicio". Tendrás que invalidar el texto predeterminado cuando uses los glifos de anclaje y desanclaje proporcionados por el sistema.

  • No uses un icono secundario como un botón de comando virtual para interactuar con la aplicación primaria, como un icono "saltear a siguiente pista".

Instrucciones de uso adicionales

Para desarrolladores

  • Cuando se inicia una aplicación, siempre debe enumerar sus iconos secundarios, por si se han realizado adiciones o eliminaciones de las cuales no estaba al tanto. Cuando se elimina un icono secundario a través de la barra de la aplicación de la pantalla Inicio, Windows simplemente quita el icono. La propia aplicación es responsable de liberar los recursos usados por el icono secundario. Cuando se copian iconos secundarios a través de la nube, las notificaciones de icono y distintivo actuales en el icono secundario, las notificaciones programadas, los canales de notificación de inserción y los Identificadores uniformes de recursos (URI) usados con las notificaciones periódicas no se copian con el icono secundario y deben volver a configurarse.
  • Usa la clase RequestCreateForSelectionAsync para crear un icono secundario. Esto te permite colocar el control flotante de confirmación de manera predecible, lo que mejora la experiencia del usuario.
  • No cambies el nombre del activo de la imagen predeterminada de tu icono una vez publicada la aplicación. Antes de recibir su primera notificación o cuando no hay ninguna notificación para mostrar, el icono secundario muestra su imagen predeterminada. Si Windows no encuentra la imagen esperada, mostrará un icono en blanco.
  • La aplicación debe usar identificadores únicos, significativos y que se puedan volver a crear para los iconos secundarios. Esto es importante por los siguientes motivos:
    • Los usuarios pueden volver a adquirir los iconos secundarios cuando se instala la aplicación en un segundo equipo. El uso de identificadores de iconos secundarios predecibles y significativos para una aplicación ayuda a que esta sepa qué debe hacer con estos iconos cuando se ven en una instalación nueva en un equipo nuevo.
    • En tiempo de ejecución, la aplicación puede consultar si existe un icono específico.
    • Se puede solicitar que la plataforma de iconos secundarios devuelva el conjunto de todos los iconos secundarios que pertenecen a una aplicación específica. El uso de identificadores únicos y significativos para estos iconos puede ayudar a que la aplicación examine el conjunto de iconos secundarios y realice las acciones correspondientes. Por ejemplo, en una aplicación de medios sociales, los identificadores podrían identificar los contactos individuales para los que se crean los iconos.
  • Los iconos secundarios, como todos los iconos de la pantalla Inicio, son entradas dinámicas que pueden actualizarse frecuentemente con contenido nuevo. Los iconos secundarios pueden exponer notificaciones y actualizaciones mediante los mismos mecanismos que cualquier otro icono. Para actualizar el icono cuando la aplicación no está iniciada, es necesario que el icono secundario pida y abra un URI de canal con los Servicios de notificaciones de inserción de Windows (WNS). Para más información, consulta el tema sobre cómo solicitar, crear y guardar un canal de notificaciones.

Temas relacionados

Para diseñadores

Introducción a los iconos secundarios

Directrices sobre iconos y notificaciones

Guidelines for Segoe UI Symbol icons

Para desarrolladores (XAML)

Introducción a los iconos secundarios

SecondaryTile class

Windows.UI.Xaml.Controls.Symbol

Quickstart: Pinning a secondary tile

Para desarrolladores (HTML)

Introducción a los iconos secundarios

SecondaryTile class

WinJS.UI.AppBarIcon

Inicio rápido: creación de un archivo secundario

Muestra

Muestra de iconos secundarios