Guia do Usuário Cancelar

Trabalhar com protótipos compartilhados no XD

Saiba mais sobre como trabalhar com protótipos compartilhados no XD.

protótipos

O Adobe XD facilita a colaboração entre designers e revisores com os protótipos compartilhados. Como revisor, você pode trabalhar com protótipos das seguintes maneiras:

Vamos primeiro nos familiarizar com as configurações e opções do link do protótipo.

Familiarizar-se com as configurações e opções

No link do protótipo, você pode verificar as configurações da sua conta, ajustar as configurações de zoom, verificar as notificações e convidar outras partes interessadas:

interagir com protótipos

A. Convidar B. Configurações de zoom C. Modo de tela inteira D. Suporte e feedback E. Notificações F. Configurações de conta 

  • Convidar: para convidar outras partes interessadas para o link do protótipo, clique Convidar. Ao convidar uma parte interessada, você pode definir o nível de acesso para Pode exibir ou Pode editar. Você deve entrar em sua conta da Adobe para ver o botão Convidar.
  • Configurações de zoom: para ampliar e reduzir o link do protótipo, use as configurações de zoom. Você pode selecionar um dos incrementos de zoom predefinidos: 25%, 50%, 75%, 100%, 150%, 200%, conforme necessário. Como alternativa, use o gesto de pinçagem no touchpad para ajustar o zoom ou mantenha pressionada a tecla Cmd/Ctrl e gire o botão de rolagem do mouse para rolar e ajustar o zoom em incrementos menores. O nível de zoom padrão no qual os links de protótipo são abertos permanece o mesmo de antes.
  • Modo de tela inteira: clique no ícone de tela inteira para exibir o protótipo no modo de tela inteira. Pressione Esc para sair do modo de tela inteira.
  • Suporte e feedback: a qualquer momento, se você deseja obter ajuda ou fornecer feedback, clique no ícone do ponto de interrogação.
  • Notificações: para exibir todas as atividades/notificações nos protótipos aplicáveis a você, clique no ícone de sino. 
  • Configurações de conta: para ver os detalhes da sua conta de usuário, clique no ícone do perfil.

Interagir com protótipos

Os protótipos compartilhados são de natureza interativa. Você pode interagir com um protótipo usando gatilhos. Use gatilhos definidos pelo designer, como tocar, arrastar, teclado, controles e entradas de voz, que resultam em ações como transição, áudio, fala, vídeo e reprodução de Lottie. Você também pode usar os controles de navegação na parte inferior da tela.

Observações importantes

  • Se a tela de carregamento do link do protótipo tiver um vídeo configurado para ser reproduzido automaticamente, o vídeo ficará sempre sem som. Clique em Ativar som na mensagem que você recebe na parte inferior da tela.
  • [Somente Safari] Por padrão, a reprodução automática de som está desabilitada no Safari. Para habilitar a reprodução automática de som em links de protótipo do XD, consulte Ativar reprodução automática de som no Safari. Se você habilitar a reprodução automática para links de protótipo do XD, não será necessário ativar o som do vídeo no futuro. 

Para saber como o vídeo funciona com outras interações, consulte Compreender as interações e o comportamento de reprodução de vídeo.

Ativar o som do vídeo
Clicar em Ativar som no banner azul na parte inferior da tela

Navegar nos protótipos

  • Na parte inferior do protótipo, clique nos botões de controle direito e esquerdo para percorrer as pranchetas de um protótipo. Clique em Início para voltar para a exibição da primeira prancheta. 
  • Ao clicar em um comentário no navegador do aplicativo, a prancheta correspondente ao comentário é exibida na tela. 
  • Para criar um ambiente mais controlado para testes de usuário em protótipos com fios, oculte os controles de paginação e navegação no seu protótipo da Web.

Para isso, selecione Compartilhamento > Configuração de exibição > Personalizado > Mostrar controle de navegação ao criar links no XD. Para obter mais informações, consulte Compartilhar protótipos.

Se os controles de navegação estiverem:

  • Ativados (configuração padrão): o protótipo de aplicativo Web exibirá os botões Início, Voltar e Avançar.
  • Desativados: os controles de navegação do protótipo de aplicativo Web e os números da prancheta não estarão visíveis. Use os pontos ativos definidos para interagir com protótipos e clique no botão Início para navegar até a tela inicial. Quando você abre um protótipo em um dispositivo móvel, a tela de boas-vindas é exibida, as divisões esquerda/direita são ocultadas e o gesto de deslizar é desativado.
Controles de navegação ativados
Controles de navegação ativados

A. Início B. Prancheta anterior C. Próxima prancheta 

Controles de navegação desativados
Controles de navegação desativados

Se os fluxos contiverem vínculos, você poderá optar por mostrar os controles de navegação ao publicar seus protótipos.

Exibição em grade

A exibição em grade de protótipos e especificações de design permite aos envolvidos no projeto ou desenvolvedores acessar as pranchetas mais relevantes com mais rapidez e facilidade.

Para alternar para a exibição em grade, clique no nome do link ou no ícone de grade no canto superior esquerdo do protótipo compartilhado. 

Exibição em grade

A. Ícone de grade com o nome do link B. Recolher o painel de comentários 

Na exibição em grade, você pode:

  • Exibir a representação em miniatura de todas as telas,
  • Ver o número de comentários em uma determinada prancheta,
  • Pesquisar uma prancheta específica pelo nome e
  • Clicar no ícone de tela vinculada para exibir todas as telas vinculadas a uma determinada prancheta.
gridview-breakdown
Exibição em grade

A. Número de comentários em uma prancheta B. Clique no ícone de telas vinculadas para ver as telas vinculadas C. Telas vinculadas à prancheta First Cards 

Adicionar comentários

É possível revisar os protótipos e compartilhar feedback com os designers ao adicionar comentários nos protótipos compartilhados. O link de protótipo está sempre atualizado com os comentários mais recentes.

Pré-requisitos

Você pode fazer comentários em designs e protótipos públicos sem fazer logon na primeira instância. 

Você pode fazer logon usando sua Adobe ID ou optar por fazer comentários como convidado. Para fazer logon como convidado, clique em Fazer logon como convidado na parte superior do painel. Quando solicitado a inserir um nome, digite um nome e insira o código CAPTCHA.

Mais itens semelhantes

Receba ajuda com mais rapidez e facilidade

Novo usuário?