Compartilhar via


Estruturar o lightbox para a sua aplicação Microsoft Teams

O lightbox é um componente de apresentação que realça informações importantes ao desativar o esquema de página por trás do mesmo. As informações na caixa de luz não são disponíveis e não são interativas. A vista de caixa de luz permite que os utilizadores pré-visualizem conteúdos multimédia, incluindo imagens, vídeos, ficheiros de áudio numa superfície grande sobre a janela principal do Teams.

O componente lightbox foi concebido para revisões rápidas, compreensão ou verificação. Não suporta ações para edição ou colaboração. Os utilizadores podem iniciar a caixa de luz numa nova janela do Teams ou abri-la diretamente numa aplicação ou browser nativo.

Anatomia

A vista de caixa de luz inclui um cabeçalho, um palco central e um carrossel.

Conceber a anatomia da vista lightbox no Teams.

Contador Descrição
1 Anterior: botão para navegar para o ecrã previoius
2 Abrir em: Botão (básico ou dividido) para navegar para a janela externa
3 Botões com ações de conteúdo: Ampliar ou reduzir, Partilhar, Transferir ou abrir o painel de chat
4 Divisas para apresentação de diapositivos
A Cabeçalho do Lightbox: Acionável
B Fase central: contentor de conteúdo principal
C Carrossel: Acionável

Dimensionamento dos componentes

Segue-se o dimensionamento predefinido para o contentor com o conteúdo principal:

O exemplo mostra o dimensionamento de uma imagem com a vista de caixa de luz no Teams.

Práticas recomendadas

Melhores práticas recomendadas para o Lightbox

Fazer: utilize um componente do lightbox para pré-visualizar ficheiros que apresentam multimédia como uma imagem, vídeo, áudio numa vista de ecrã inteiro

Ajuda para poupar tempo durante a abertura do ficheiro. Abrir sobre o conteúdo principal. Com uma navegação fácil pelos ficheiros e rápida dispensa recuperável.

O exemplo mostra a utilização de um componente lightbox para pré-visualizar ficheiros.

Não: Utilizar uma caixa de luz para edição ou interação de conteúdos

As informações na caixa de luz não são disponíveis e não são interativas. Forneça opções claras no menu Abrir em , onde os utilizadores podem começar a interagir com conteúdo.

Exemplo a mostrar a utilização de um componente lightbox para edição de conteúdos.

Fazer: utilizar um componente do Lightbox para pré-visualizar documentos

Documentos, que se destinam apenas à opção de pré-visualização ou têm a opção Pré-visualizar a partir da opção Mais.

Exemplo a mostrar a utilização de um componente lightbox para pré-visualizar documentos.

Não o faça: utilize uma caixa de luz em ambientes de colaboração onde é útil ver a presença em direto

Os utilizadores não poderão ver quem mais está no ficheiro e efetuar alterações a partir da caixa de luz.

Exemplo que mostra a utilização de um componente lightbox em ambientes de colaboração.

Fazer: o botão Anterior no cabeçalho irá aceder ao ecrã anterior e fechar a caixa de luz ou clicar nos lados do conteúdo principal

O exemplo mostra a utilização de um componente lightbox com o botão anterior no cabeçalho.

Não utilize mais botões para fechar a caixa de luz

Pode sair da caixa de luz ao voltar ao ecrã anterior ou tocar fora do mesmo.

Exemplo que mostra a utilização de um componente lightbox com mais botões anteriores.

Fazer: Realce o painel de chat para comunicar sobre o ficheiro pré-visualizado

Exemplo que mostra a utilização de um componente do lightbox com o painel de chat realçado.

Não o faça: veja comentar numa experiência de lightbox

Os utilizadores não podem comentar em ficheiros lightbox.

Exemplo que mostra a utilização de um componente lightbox com comentários no painel de chat.

Fazer: abra o ficheiro numa nova janela se o ficheiro precisar de mais tempo para se concentrar e for editável

Exemplo que mostra a utilização de um componente lightbox para abrir o ficheiro numa nova janela.

Não o faça: utilize o lightbox para ficheiros como Word, Excel, PowerPoint e PDF. O Lightbox é um bom componente para a pré-visualização de conteúdos

Exemplo que mostra a utilização de um componente lightbox para ficheiros como Word, Excel, PowerPoint e PDF.