Compartir a través de


Creación y edición de un panel de Viva Connections

El panel de Viva Connections proporciona un acceso rápido y sencillo a la información y a las tareas relacionadas con el trabajo. El contenido del panel se puede dirigir a usuarios de roles, mercados y funciones de trabajo específicos.

El panel consta de tarjetas que involucran a los espectadores con aplicaciones de Microsoft Teams existentes, aplicaciones y servicios Viva, aplicaciones de asociados, soluciones personalizadas mediante el marco de SharePoint Framework (SPFx), vínculos internos y vínculos externos.

Captura de pantalla que muestra un ejemplo de panel para escritorio y móvil.

Edición del panel desde Microsoft Teams

El panel de Viva Connections se puede editar directamente desde Microsoft Teams. Necesita permisos de nivel de miembro o propietario para empezar.

Diagrama de cómo crear un panel de Viva Connections.

Nota:

  • Al configurar Viva Connections por primera vez, se le pedirá que elija un conjunto de tarjetas predeterminadas en función de la audiencia prevista.
  • Puede elegir las vistas móviles y de escritorio indistintamente mientras está creando.
  • Recomendaciones de imágenes para tarjetas en el panel: las tarjetas medianas deben ser de 300x150 a 400x200 con relación de aspecto 2:1 y tarjetas grandes de 300x300 a 400x400 con relación de aspecto 1:1 para evitar el estiramiento en la aplicación móvil.
  • Las direcciones URL de imagen en las propiedades de la tarjeta deben ser una dirección URL absoluta para que el vínculo funcione en la aplicación móvil.
  • Se recomienda limitar el número de tarjetas a aproximadamente 20 en el panel para obtener la mejor experiencia de visualización.
  • Los usuarios podrán personalizar su panel en Viva Connections móvil reordenando, ocultando y mostrando tarjetas. Estos cambios solo afectan a la experiencia móvil del usuario y no afectarán a su experiencia de escritorio o tableta.
  1. Vaya a la aplicación Viva Connections en Teams.

  2. A continuación, seleccione Editar en la sección del panel.

  3. Seleccione + Agregar una tarjeta.

  4. Seleccione Editar (icono de lápiz) para que cada tarjeta edite propiedades como la etiqueta, el icono, la imagen y la configuración de destino del público cuando corresponda.

  5. Seleccione Eliminar (icono de papelera) para quitar tarjetas.

  6. Obtenga una vista previa de la experiencia en todos los dispositivos para garantizar la facilidad de uso antes de publicar o volver a publicar.

  7. Publique o vuelva a publicar cuando haya terminado de compartir las ediciones con otros usuarios.

Cómo editar el panel desde SharePoint cuando tiene un sitio principal

Si su organización tiene un sitio principal de SharePoint, puede configurar y editar el panel desde el sitio principal de SharePoint o en Microsoft Teams. Necesita permisos de edición para que el sitio principal de SharePoint realice cambios.



Nota:

Las imágenes son un aspecto importante para que sus tarjetas sean ricas y atractivas. Si es administrador de SharePoint, le recomendamos que habilite una red de distribución de contenidos (CDN) para mejorar el rendimiento de la obtención de imágenes. Tenga en cuenta al almacenar imágenes que /siteassets es de forma predeterminada una fuente de CDN cuando la CDN privada está activada, mientras que /style library es la fuente predeterminada cuando la CDN pública está activada. Obtenga más información sobre las CDN.

  1. En el sitio principal de SharePoint, seleccione el engranaje Configuración en la parte superior derecha de la página.

  2. Seleccione Administrar Viva Connections.

  3. Seleccione el botón + Crear panel o Ver panel .

  4. Seleccione + Agregar una tarjeta.

  5. Seleccione el tipo de tarjeta que desea agregar desde el cuadro de herramientas de tarjetas del panel y, a continuación, use las instrucciones de este artículo para configurar cada tipo de tarjeta. Al compilar el panel, puede obtener una vista previa de su apariencia en dispositivos móviles y de escritorio para diferentes audiencias.

  6. Cuando haya terminado de agregar tarjetas y aplicar la segmentación a audiencias específicas, obtenga una vista previa de la experiencia para garantizar una experiencia de visualización ideal.

  7. Una vez que esté satisfecho con el aspecto del panel en versión preliminar, seleccione Publicar o volver a publicar en la parte superior derecha del panel para que esté disponible para su uso en el sitio principal, en Teams y en la aplicación móvil de Teams.

Use el elemento web Panel para Viva Connections

Nota:

  • Después de editar el contenido en el panel, el nuevo contenido puede tardar varios minutos en estar disponible en el elemento web Panel.
  • Para obtener los mejores resultados, se recomienda colocar el elemento web del Panel en una sección vertical derecha.

Una vez creado y publicado un panel, puede usar el elemento web Panel para mostrarlo en el sitio de Connections. Puede agregar el elemento web a cualquier sección de la página de SharePoint.

Captura de pantalla del elemento web panel de Viva Connections resaltado en el sitio de Connections.

Cuando se agrega, se rellenará automáticamente con las tarjetas del panel existente en su sitio. Puede establecer el número máximo de tarjetas que desea mostrar. Obtenga información sobre cómo usar el elemento web Panel.

Tarjetas de panel disponibles

Icono del cuadro de herramientas Descripción
Captura de pantalla del icono del diseñador de tarjetas con un vínculo a un artículo para obtener más información. Cree sus propias tarjetas o use vistas rápidas para una experiencia más interactiva mediante el marco de tarjetas adaptables.
Captura de pantalla del icono de la tarjeta de aprobaciones con un vínculo para obtener más información. Use Aprobaciones para aprobar solicitudes de vacaciones, documentos e informes de gastos.
Captura de pantalla del icono de la tarjeta de tareas asignadas con un vínculo para obtener más información. Use Tareas para administrar el trabajo del equipo, asignar tareas y realizar un seguimiento de las tareas.
Captura de pantalla del icono de la tarjeta Asignaciones con un vínculo para obtener más información. Muestre un resumen de las próximas y pasadas asignaciones vencidas para los alumnos.
Captura de pantalla del icono de la tarjeta Cursos con un vínculo para obtener más información. Mostrar un resumen de los cursos en los que está inscrito un alumno.
Captura de pantalla del icono de la tarjeta Eventos con un vínculo para obtener más información. Vea y únase a los próximos eventos dentro de su organización.
Capturas de pantalla del icono de la tarjeta noticias con un vínculo para obtener más información. Promover noticias de varios orígenes que desea mostrar de forma destacada, incluidas las noticias promocionadas de SharePoint.
Captura de pantalla del icono de tarjeta de OneDrive con un vínculo para obtener más información. Vea y acceda a archivos recientes, compartidos y favoritos desde su cuenta de OneDrive.
Captura de pantalla del icono de Personas tarjeta con un vínculo para obtener más información. Proporcione una opción para buscar información de contacto y chatear, enviar correo electrónico o llamar directamente con otros usuarios de su organización.
Captura de pantalla del icono de la tarjeta Vínculos rápidos con un vínculo para obtener más información. Proporcione una lista de los vínculos o archivos pertinentes a los usuarios seleccionados por los administradores.
Captura de pantalla del icono de la tarjeta de desplazamientos con un vínculo para obtener más información. Muestra información sobre el turno siguiente o actual de la aplicación Turnos en Teams.
Captura de pantalla del icono de la tarjeta de la lista de reproducción de Stream con un vínculo para obtener más información. Muestra una lista de vídeos para los usuarios que se pueden ver en Microsoft Stream.
Captura de pantalla del icono de aplicación de Teams con un vínculo para obtener más información. Use para abrir una aplicación o un bot personales de Teams especificados por el autor del panel.
Tarjeta de analizador o aplicación de Microsoft Use tarjetas que integren servicios de asociados.
Captura de pantalla del icono de Viva Topics Contribute y Topics icono Detección con un vínculo para obtener más información Use Topics tarjetas para fomentar la detección de conocimientos, la interacción y el uso compartido.
Captura de pantalla del icono de tarjeta Viva Learning con un vínculo para obtener más información. Proporcione un vínculo a la aplicación de Viva Learning que se puede usar para mostrar a ciertas audiencias.
Captura de pantalla del icono de la tarjeta pulse Viva con un vínculo para obtener más información. Proporcione un breve estado de un pulso enviado recientemente con un vínculo a la aplicación Viva Pulse para que los usuarios obtengan más información.
Captura de pantalla del icono de la tarjeta de vínculo web con un vínculo para obtener más información. Acceda a un sitio sin salir de la aplicación Viva Connections.

Aplicar la segmentación de audiencia a las tarjetas

La segmentación de público se puede aplicar a lo largo de la experiencia de Viva Connections, incluidas las tarjetas en el panel. La segmentación de público crea una experiencia de visualización personalizada filtrando el contenido más importante para grupos específicos. Usar la segmentación de público para:

  • Crear vistas personalizadas para distintos roles y regiones.
  • Generar tantas vistas diferentes como sea necesario para crear experiencias únicas.
  • Asegúrese de que el público previsto ve el contenido más importante.

Establecer el público objetivo de una tarjeta

  1. Si la página aún no está en modo de edición , seleccione Editar en la parte superior derecha de la página del panel.

  2. Selecciona la tarjeta a la que quieres dirigirte a una o más audiencias y selecciona el lápiz Editar tarjeta de la barra de herramientas de la izquierda.

  3. En el panel de propiedades de la derecha, en Audiencias de destino, escriba o busque los grupos de audiencias de destino.

    Nota:

    Si ha seleccionado un grupo de destinatarios que ha creado o modificado recientemente, es posible que tarde algún tiempo en ver la segmentación aplicada a ese grupo.

  4. Cuando una tarjeta está dirigida correctamente al público, aparece un icono de contacto en la esquina inferior izquierda de la tarjeta.

    Captura de pantalla que muestra el icono de confirmación de destino del público.

Vista previa del panel para ver cómo se muestra para diferentes audiencias

Después de crear o editar tarjetas en el panel, asegúrese de obtener una vista previa de la experiencia para cada audiencia y en dispositivos móviles y de escritorio. Lo que se ve en el modo de vista previa se aproxima a cómo se muestra el panel para determinadas audiencias y dispositivos. Al aplicar la segmentación de audiencia a las tarjetas, puede obtener una vista previa de la forma en que las distintas personas ven el panel en función de la audiencia o el dispositivo. En el modo de vista previa, asegúrese de lo siguiente:

  • Las brechas físicas no están presentes entre las tarjetas que pueden aparecer al obtener una vista previa de diferentes audiencias y dispositivos. Si ve brechas, reorganice las tarjetas para que cada audiencia y dispositivo tenga una experiencia de visualización de alta calidad.
  • Los iconos, los gráficos y las imágenes son fáciles de identificar y comprender.
  • Los botones y vínculos están activos y van a sus destinos previstos.
  • Las etiquetas y el texto de descripción son útiles, fáciles de leer y tienen sentido para el público previsto.

Para obtener una vista previa de diferentes audiencias

  1. Mientras esté en modo de edición, seleccione Vista previa en la parte superior derecha.

    Captura de pantalla que muestra el icono de destino del público.

  2. Abra la lista desplegable Seleccionar públicos para obtener una vista previa como. (si no hay ninguna tarjeta dirigida a la audiencia, verá una etiqueta de destino de audiencia deshabilitada).

    En esta captura de pantalla se muestra la etiqueta de grupo de destino del público.

  3. Busque y seleccione un grupo. Una vez agregado, el grupo se selecciona de forma predeterminada. Puede volver a seleccionar el grupo en la lista desplegable Seleccionar audiencias para obtener una vista previa para anular la selección.

    Captura de pantalla que muestra el panel de destino del público en modo de vista previa.

    • Se muestran las tarjetas destinadas a un grupo específico.
    • Cuando se selecciona una o más audiencias, también se mostrarán las tarjetas que no tengan aplicada la segmentación de audiencia.
    • Si no hay audiencias dirigidas, solo se mostrarán las tarjetas que no sean dirigidas a la audiencia. Si no hay ninguna tarjeta con destinatarios de audiencia aplicada, no se mostrará ninguna.
    • Si no forma parte de una de las audiencias que ha seleccionado, solo verá las tarjetas que no están dirigidas a la audiencia. Si ninguna de las tarjetas está dirigida al público, no verá ninguna tarjeta.

Ejemplos

En el ejemplo siguiente, la versión preliminar se establece para dispositivos móviles y resalta las distintas vistas que se pueden crear desde un único panel.

Vista 1 Vista 2
Captura de pantalla de una vista creada para un público específico. Imagen de una segunda vista creada para un público específico.

Funcionamiento de las direcciones URL y el inicio de sesión único

Para algunas tarjetas, usará vínculos a direcciones URL. En función de la ubicación del contenido, los vínculos a direcciones URL pueden mostrar contenido en Microsoft Teams o en otro lugar y el comportamiento del inicio de sesión único (SSO) puede diferir. Obtenga más información sobre cómo se comportan los vínculos a las direcciones URL y el inicio de sesión único en función de la ubicación del contenido al que esté vinculando.

Nota:

Cuando no se admite el inicio de sesión único, se pedirá a los usuarios que escriban sus credenciales de inicio de sesión.

Abre la dirección URL en… En el móvil de Teams En el escritorio de Teams
Aplicación de Teams Las aplicaciones de Teams (como Turnos, Aprobaciones o Kudos) se abren en Teams y el usuario no necesita volver a autenticarse. Las aplicaciones de Teams (como Turnos, Aprobaciones o Kudos) se abren en Teams y el usuario no necesita volver a autenticarse.
Forms Forms abrir en Teams, se le pide al usuario que inicie sesión la primera vez y que el usuario no tenga que volver a autenticarse si sigue iniciando sesión. Forms abrir en Teams, se le pide al usuario que inicie sesión la primera vez y que el usuario no tenga que volver a autenticarse si sigue iniciando sesión.
Viva Engage Viva Engage se abre en Teams, se le pide al usuario que inicie sesión la primera vez y que el usuario no tenga que volver a autenticarse si sigue iniciando sesión. Abre una sesión del explorador web y es posible que el usuario tenga que volver a autenticarse en función de la configuración del explorador y del equipo.
PowerApps PowerApps se abre en Teams, se le pide al usuario que inicie sesión la primera vez y que el usuario no tenga que volver a autenticarse si sigue iniciando sesión. Abre una sesión del explorador web y es posible que el usuario tenga que volver a autenticarse en función de la configuración del explorador y del equipo.
Portales de inicio/apagado Los power portals se abren en Teams, se pide al usuario que inicie sesión por primera vez y que el usuario no tenga que volver a autenticarse si sigue iniciando sesión. Abre una sesión del explorador web y es posible que el usuario tenga que volver a autenticarse en función de la configuración del explorador y del equipo.
Stream Stream se abre en Teams, se le pide al usuario que inicie sesión la primera vez y que el usuario no tenga que volver a autenticarse si sigue iniciando sesión. Abre una sesión del explorador web y es posible que el usuario tenga que volver a autenticarse en función de la configuración del explorador y del equipo.
Vínculos externos La vista web se abre en Teams y es posible que el usuario tenga que volver a autenticarse (en función del sitio). Abre una sesión del explorador web y es posible que el usuario tenga que volver a autenticarse en función de la configuración del explorador y del equipo.

Más recursos

Guía paso a paso para configurar Viva Connections

Más información sobre cómo planear un panel

Diseñar su propia tarjeta de panel con el diseñador de tarjetas

Tarjetas de panel disponibles en Viva Connections