Compartir a través de


Iconos dinámicos

Pantalla Inicio con iconos dinámicos para Correo, El tiempo, Noticias y otras aplicaciones

Los iconos dinámicos son una pieza clave de la pantalla de Inicio y la experiencia moderna de Windows. Ofrecen contenido totalmente actualizado y notificaciones. Los iconos dinámicos materializan el principio de diseño de Microsoft de ser rápidos y fluidos. Los usuarios pueden ver actualizaciones e información en tiempo real desde sus aplicaciones, y todo ello desde la página de Inicio, lo que les permite revisar la nueva información rápidamente y sentir interés por las aplicaciones incluso antes de abrirlas.

Iconos dinámicos en Windows

Un icono es una representación de una aplicación en la pantalla Inicio y puede ser estático o dinámico. Un icono estático muestra el contenido predeterminado, que suele ser una imagen de logotipo de icono completo. No obstante, un icono dinámico puede presentar contenido nuevo y valioso que invita al usuario a volver a involucrarse con tu aplicación. Puedes implementar un rótulo informativo simple o notificaciones de icono dinámico para atraer a tus usuarios.

Icono estático e icono dinámico de la aplicación Noticias

Las actualizaciones frecuentes que tienen la forma de notificaciones de icono le informan al usuario que la aplicación está conectada y recibiendo contenido dinámico nuevo. La cadencia de las notificaciones de icono dependerá del escenario específico de la aplicación. Por ejemplo, una aplicación de medios sociales ocupada podría actualizarse cada 15 minutos, una aplicación meteorológica cada dos horas, una aplicación de noticias unas cuantas veces al día, una aplicación de ofertas diarias una vez al día y una aplicación de revista una vez al mes. Si la aplicación se actualiza menos de una vez por semana, considera la posibilidad de usar un icono simple con un distintivo para evitar que aparezca contenido estático.

Los rótulos de notificación son ideales para las aplicaciones que admiten notificaciones de resumen breves, como una aplicación de servicio de mensaje corto. Puedes usar números de notificación para comunicar por ejemplo, el estado, el número de textos recibidos desde que el usuario inició la aplicación por última vez, etc. Si es probable que tu notificación siempre muestre un número de 50 o más, es aconsejable que uses un glifo de sistema que comunique el estado en lugar de un número.

Las notificaciones de icono deben ser relevantes para el usuario, y deben ser atractivas e informativas. Una notificación es una invitación al usuario para que inicie la aplicación para conseguir más información o realizar una acción.

Los usuarios pueden aplicar distintos tamaños a los iconos. Los estilos de notificación de los iconos dinámicos se pueden ajustar para adaptarse a estos diferentes tamaños. Por ejemplo, una imagen puede ser arrebatadora en un icono grande, pero en un icono mediano probablemente sea más efectiva una sencilla notificación. Ten en cuenta cada uno de los tamaños de icono y diseña las características de icono dinámico en consecuencia.

Innovación en los iconos dinámicos

Icono dinámico ancho de la aplicación Great British Chefs e icono dinámico ancho de la Tienda Windows

El contenido que aparece en un icono dinámico puede variar enormemente: desde sencillas notificaciones a imágenes o pasajes más largos de contenido que inciten al usuario a seguir explorando abriendo la aplicación. Animamos a los diseñadores y desarrolladores a que aprovechen la visibilidad y conveniencia del contenido que los iconos dinámicos ofrecen.

Estas son las características que le dan atractivo a un icono dinámico:

  • Contenido actualizado con frecuencia que hará que los usuarios sientan que la aplicación está activa, incluso cuando no se está ejecutando.
  • Actualizaciones personalizadas o adaptadas que usan la información que tienes sobre el usuario, como los intereses que el usuario especifica mediante la configuración de la aplicación.
  • Contenido que es relevante según el contexto actual del usuario.

Ejemplos

Monsters Love Candy

El juego Monsters Love Candy usa todo el icono para exhibir su marca. El icono ancho muestra el banner de XBOX, imágenes vívidas del juego y un mensaje para explorar y revelar más contenido del interior.

Dos vistas del icono dinámico ancho de la aplicación Monsters Love Candy

 

A un tamaño menor, el icono de Monsters Love Candy es legible y dinámico. Primero muestra una imagen del personaje y, luego, muestra texto que sirve de recordatorio a los jugadores de que queda por explorar.

Cuatro vistas del icono dinámico mediano de la aplicación Monsters Love Candy

 

News Bento

News Bento, una aplicación de noticias personalizada, recoge nuevas historias en diversos tamaños de icono dinámico. News Bento es genial porque agrega contenido de las fuentes importantes para sus usuarios, por lo que mostrar el origen de cada historia en su icono dinámico llama la atención de los usuarios y aumenta su confianza en la aplicación.

Dos vistas del icono dinámico ancho de la aplicación News Bento

 

La aplicación usa imágenes del artículo con la noticia en tamaños de icono dinámico ancho y grande. En un tamaño de icono menor, la fuente y el titular de una historia abarcan el icono. El fondo azul icónico de News Bento hace que sea más sencillo para los usuarios elegir la aplicación de entre otros iconos, aun cuando muestre contenido variado.

Dos vistas de iconos dinámicos medianos de la aplicación News Bento

 

Temas relacionados

Directrices y lista de comprobación de iconos y notificaciones