Diseño de lightbox para la aplicación de Microsoft Teams
El cuadro de luz es un componente de visualización que enfatiza la información importante desactivando el diseño de página detrás de él. La información de la caja de luz es no editable y no interactiva. La vista lightbox permite a los usuarios obtener una vista previa del contenido multimedia, incluidas imágenes, vídeos y archivos de audio en una superficie grande sobre la ventana principal de Teams.
El componente lightbox está diseñado para revisiones rápidas, comprensión o verificación. No admite acciones para la edición o la colaboración. Los usuarios pueden iniciar la caja de luz en una nueva ventana de Teams o abrirla directamente en una aplicación o explorador nativos.
Anatomía
La vista de cuadro de luz incluye un encabezado, una fase central y un carrusel.
| Contador | Descripción |
|---|---|
| 1 | Atrás: botón para navegar a la pantalla previoius |
| 2 | Abrir en: botón (básico o dividido) para navegar a la ventana externa |
| 3 | Botones con acciones de contenido: Acercar o alejar, Compartir, Descargar o abrir el panel de chat |
| 4 | Chevrons para presentación con diapositivas |
| A | Encabezado de cuadro de luz: accionable |
| N | Fase central: Contenedor de contenido principal |
| C | Carrusel: accionable |
Ajuste de tamaño de los componentes
A continuación se muestra el tamaño predeterminado del contenedor con el contenido principal:
Procedimientos recomendados
Procedimientos recomendados para Lightbox
Hacer: Use un componente lightbox para obtener una vista previa de los archivos que presentan medios como una imagen, vídeo y audio en una vista de pantalla completa.
Ayuda para ahorrar tiempo durante la apertura de archivos. Se abre encima del contenido principal. Con fácil navegación a través de los archivos y cierre rápido y suave.
No: Use un cuadro de luz para la edición o interacción de contenido.
La información de la caja de luz es no editable y no interactiva. Proporcione opciones claras en el menú Abrir en , donde los usuarios pueden empezar a interactuar con el contenido.
Hacer: Usar un componente lightbox para obtener una vista previa de documentos
Documentos, que están diseñados solo para la opción de vista previa o tienen la opción Vista previa de la opción Más.
No lo hagas: usa una caja de luz en entornos de colaboración en los que resulta útil ver la presencia en directo
Los usuarios no podrán ver quién más está en el archivo y realizar cambios desde la caja de luz.
Hacer: el botón Atrás del encabezado llevará a la pantalla anterior y cerrará la caja de luz o hará clic en los lados del contenido principal.
No use más botón para cerrar la caja de luz.
Para salir de la caja de luz, vuelva a la pantalla anterior o pulse fuera de ella.
Hacer: resalte el panel de chat para comunicarse sobre el archivo en vista previa
No: Consulte los comentarios en una experiencia de lightbox.
Los usuarios no pueden comentar en los archivos de lightbox.
Hacer: abra el archivo en una nueva ventana si el archivo requiere más tiempo para centrarse y es editable.
No: use lightbox para archivos como Word, Excel, PowerPoint y PDF. Lightbox es un buen componente para la vista previa del contenido.
Comentarios
Próximamente: A lo largo de 2024 iremos eliminando gradualmente GitHub Issues como mecanismo de comentarios sobre el contenido y lo sustituiremos por un nuevo sistema de comentarios. Para más información, vea: https://aka.ms/ContentUserFeedback.
Enviar y ver comentarios de