Compartilhar via

Projetando Viva Connections exibições rápidas

  • Artigo

Princípios

Crie exibições rápidas para fornecer informações um pouco mais detalhadas (por exemplo: uma lista detalhada com dados) ou para realizar tarefas rápidas (por exemplo, um formulário simples) sem abrir um aplicativo.

Aqui estão alguns exemplos de exibições rápidas:

Captura de tela de vários exemplos de exibições rápidas.

Dica

Exemplos de designs de cartão adaptáveis para visualizações rápidas estão disponíveis no GitHub

A experiência de Exibição Rápida funciona em diferentes plataformas e fatores forma com base em um único JSON. Isso apresenta determinadas limitações em termos de estilo e posicionamento disponíveis em controles. Você não deve esperar uma comparação idêntica ou perfeita de pixel de uma exibição rápida renderizada na Web/ iOS ou Android.

Dica

O JSON é um formato de arquivo padrão aberto e um formato de intercâmbio de dados que usa texto legível por humanos para armazenar e transmitir objetos de dados que consistem em matrizes e pares de atributo–valor (ou outros valores serializáveis). É um formato de dados comum com uma variedade diversificada de funcionalidades no intercâmbio de dados, incluindo a comunicação de aplicativos Web com servidores. O JSON é um formato de dados independente de linguagem. Ele foi derivado de JavaScript, mas muitas linguagens de programação modernas incluem código para gerar e analisar dados de formato JSON. Os nomes de arquivo JSON usam a extensão .json.

Layout

Captura de tela de um cartão com foco no cabeçalho e na área de conteúdo, que inclui contêineres, elementos e entradas.

  1. Cabeçalho
    1. Ignorar modo de exibição rápido
    2. Nome do cartão, definido pelo título do cartão dashboard
    3. Abrir aplicativo vinculado (opcional)
  2. Área de conteúdo - Rolável, pode conter os seguintes elementos definidos pelo esquema de cartões adaptáveis:
    1. Contêineres
      1. Contêiner
      2. ImageSet
      3. FactSet
      4. Conjunto de Colunas
      5. Table
    2. Elementos
      1. TextBlock
      2. RichTextBlock
      3. Image
      4. Mídia
      5. ActionSet
    3. Entradas
      1. Input.Text
      2. Input.Date
      3. Input.Time
      4. Input.Number
      5. Input.ChoiceSet
      6. Input.Toggle

Interação

As exibições rápidas são roláveis verticalmente independentemente do restante da interface subjacente e não devem ser roladas horizontalmente.

Pilha de retorno

Evite adicionar muitos níveis de navegação na Visualização rápida. É melhor mantê-lo simples para que seja fácil para que os usuários realizem suas tarefas rapidamente.

Embora você possa abrir vários modos de exibição rápidos filhos do modo de exibição rápido pai, recomendamos não navegar mais de um nível para baixo.

Imagem móvel do acesso à tarefa de formulário de registro que leva ao cartão Q F A do registro.

Exibições rápidas versus exibições da Web

Apesar de serem visualmente semelhantes, são duas superfícies diferentes para casos de usos diferentes.

Captura de tela do cartão de formulário de registro e de uma guia do navegador da Web do Microsoft dot com.

Visualização rápida

Essa superfície de interface do usuário é criada usando código JSON. Serve como uma média para executar ações rápidas ou preencher formulários simples de pout ou renderizar mais informações com tempos de carregamento mais rápidos em comparação com uma página da Web chamada por meio do modo de exibição da Web.

Exibição da Web

Pode ser usado para carregar páginas da Web com tudo o que elas podem oferecer, incluindo layouts mais complexos e estilos melhores, pode ser muito mais lento de carregar do que uma exibição rápida.

Qualquer página da Web aberta no celular será renderizada em um modo de exibição da Web, enquanto ela será uma nova guia do navegador, se aberta no SharePoint.

Temas

Web

As exibições rápidas seguirão os temas padrão e personalizados do Microsoft Office SharePoint Online criados pela empresa.

Captura de tela que mostra como um cartão exibido em páginas da Web aparece no modo claro e no modo escuro.

Celular

Atualmente, não há suporte para temas escuros para modos de exibição rápidos em dispositivos móveis iOS e Android.

Captura de tela que mostra como um cartão exibido no celular aparece no modo claro e no modo escuro.

Para alguns cartões, você usará links para URLs. Dependendo do local do conteúdo, os links para URLs podem exibir conteúdo no Microsoft Teams ou em outro lugar e o comportamento do Único logon (SSO) pode diferenciar. Obtenha mais informações sobre como os links para URLs e SSO se comportam dependendo do local do conteúdo ao qual você está se vinculando. Saiba mais