Introducción a los widgets

Artículo
03/11/2023

Los widgets de Windows son pequeños contenedores de interfaz de usuario que muestran texto y gráficos, asociados a una aplicación instalada en el dispositivo. Los widgets instalados se muestran en una cuadrícula del panel de widgets: un plano flotante que se superpone al escritorio de Windows cuando el usuario hace clic en el icono Widgets de la barra de tareas, usa el acceso directo de Windows+W o desliza el dedo desde el borde izquierdo de la pantalla. Los widgets ayudan a los usuarios a mantenerse al tanto de lo que es importante para ellos al agregar contenido personalizado y acciones rápidas de las aplicaciones que usan. Son rápidamente consumibles y accionables. Los widgets no están diseñados para reemplazar a las aplicaciones y sitios web, sino que proporcionan acceso sin problemas a la información más necesaria que los usuarios pueden leer o a las funcionalidades usadas con más frecuencia que pueden desencadenar inmediatamente. Al diseñar el widget, tenga en cuenta el tipo de valor que llevará a los consumidores. 

Captura de pantalla del panel de widgets. El panel es un rectángulo redondeado que muestra la hora en la parte superior, seguida de una barra de búsqueda. El resto del panel es una cuadrícula de rectángulos redondeados que representan un widget cada uno. Los widgets individuales muestran las noticias principales, el tiempo actual, el tráfico actual, etc.

Terminología de widgets

Término	Definición
Host de widgets	Una aplicación que muestra y administra widgets de Windows. En la versión actual, el único host de widgets es el panel de widgets integrado en Windows 11.
Panel de widgets	El panel widgets es un componente del sistema de Windows 11 que se muestra sobre el escritorio cuando el usuario hace clic en el icono Widgets de la barra de tareas, usa el acceso directo de Windows+W o desliza el dedo desde el borde izquierdo de la pantalla. El panel de widgets muestra los widgets y administra su diseño en el panel.
Widget	Un widget es una tarjeta adaptable que presenta contenido o acciones importantes de una aplicación. Permite a los usuarios acceder a la información deseada de forma instantánea sin necesidad de iniciar la aplicación o el sitio web asociados. El contenido del widget se actualiza dinámicamente a lo largo del día para proporcionar al usuario contenido actual e interesante que se puede consumir de un vistazo. Los widgets proporcionan características interactivas básicas que permiten al usuario iniciar la aplicación asociada para una interacción más profunda. Los widgets no están diseñados para reemplazar a las aplicaciones y los sitios web.
Proveedor de widgets	Un proveedor de widgets es una aplicación de Windows que proporciona contenido que se va a mostrar en el widget. El proveedor de widgets posee el contenido, el diseño y los elementos interactivos del widget.

La experiencia visual de un widget incluye elementos visuales y elementos de interacción definidos mediante el formato JSON de tarjetas adaptables. El Diseñador de tarjetas adaptables proporciona un editor en tiempo real para diseñar tarjetas adaptables, así como plantillas para los tamaños y los temas admitidos de los widgets. Es importante que el diseño del widget cumpla los principios de diseño del widget de Windows para ayudar a garantizar que el panel de widgets proporciona una experiencia coherente y familiar para todos los widgets.

Para ver un tutorial de nivel superior de los elementos visuales de un widget, consulte Estados del widget y componentes integrados de la interfaz de usuario.

Para crear excelentes widgets de Windows, tenga en cuenta los siguientes principios al diseñar y desarrollar sus widgets:

Se debe comprender con un vistazo

Los usuarios pueden obtener el máximo valor del widget con un vistazo. Solo necesitan hacer clic en él si quieren detalles más completos o interacciones más profundas.

Confiable

Permite navegar de forma instantánea por la información usada con más frecuencia para ahorrar tiempo a los usuarios al repetir esos pasos. Impulsa la interacción coherente con la aplicación.

Útil

Eleva la información más útil y relevante.

Personal

Proporciona contenido personalizado y crea una conexión emocional con los clientes. Los widgets nunca deben contener anuncios. Los clientes controlan el contenido y el diseño del widget.

Con foco

Por lo general, cada widget debe centrarse en una tarea o escenario principal. Los widgets no están diseñados para reemplazar a las aplicaciones y los sitios web.

Actual

El contenido debe actualizarse dinámicamente en función del contexto disponible. Debe estar actualizado y proporcionar el contenido adecuado en el momento adecuado.

En función de su comprensión de los clientes, identifique el contenido más importante o las acciones más útiles a las que los usuarios les gustaría tener acceso rápido sin abrir la aplicación o el sitio web. Tenga en cuenta los principios enumerados en la sección Principios del widget y piense en cómo se pueden aplicar a la aplicación.
La aplicación puede admitir varios widgets individuales. Determine el número de widgets independientes que quiere admitir para que cada widget se centre en un propósito específico.
Determine el contenido que quiere incluir para cada widget. Un único widget puede admitir tres tamaños diferentes; pequeño, mediano y grande. Para cada widget, piense en el contenido que aportaría más valor a los usuarios y sus necesidades empresariales. Para cada tamaño de pequeño a grande, el propósito del widget debe permanecer igual, pero la cantidad de información mostrada debe expandirse en los tamaños mayores. Se recomienda que los proveedores de widgets implementen todos los tamaños de widget para ofrecer flexibilidad a los usuarios al personalizar el diseño del widget.
Piense en las interacciones del usuario que admitirá el widget. Los usuarios pueden hacer clic en el título del widget o en cualquier destino de clic que haya definido en el widget. Estas interacciones pueden activar accesos directos de vínculos profundos en la aplicación o sitio web que llevan a los usuarios directamente a lo que les interesa, de modo que no tengan que navegar desde la raíz de la aplicación. Tenga en cuenta los diferentes modelos de navegación ofrecidos.
Las aplicaciones deben implementar un proveedor de widgets que implemente la funcionalidad de back-end para enviar el diseño y los datos del widget al panel de widgets que se va a mostrar. Actualmente, puede implementar un proveedor de widgets mediante una aplicación de escritorio Win32 empaquetada o una aplicación web progresiva. Para más información sobre cómo crear un proveedor de widgets Win32, consulte Proveedores de servicios de widgets. Para más información sobre los proveedores de widgets de PWA, consulte Creación de widgets controlados mediante PWA.