Teste ao vivo de protótipos com Adobe XD

Quando se trata de testar prototótiposde forma realista, o ambiente virtual muitas vezes não é suficiente. O feedback real de dispositivos reais pode ser crucial para o sucesso do seu projeto. Neste tutorial, vou te mostrar como, com o AdobeXD e o aplicativo correspondente no seu smartphone ou tablet, você pode obter uma pré-visualizaçãoao vivo dos seus protótipos. Assim, você pode testar seus designs diretamente nos dispositivos para os quais os criou.

Principais descobertas

• Você pode exibir protótipos diretamente no seu dispositivo via USB ou na nuvem.
• O aplicativo Adobe XD está disponível gratuitamente na App Store e no Google Play Store.
• Assim, você pode coletar feedback e testar ajustes ao vivo.

Guia passo a passo

1. Acessando o protótipo

Para exibir um protótipo no Adobe XD, você deve primeiro usar o ícone de play na parte superior da barra de menu. Este ícone permite que você visualize seu protótipo na resolução para a qual o criou, ao vivo, e interaja com ele. É melhor usar o timestamp de 5 segundos para mergulhar de forma adequada.

2. Instalando o aplicativo Adobe XD

Para a pré-visualização ao vivo no seu smartphone ou tablet, você precisa do aplicativo Adobe XD. Este está disponível tanto no Google Play Store quanto na App Store da Apple. Baixe-o gratuitamente e não se deixe confundir pelo fato de que às vezes se fala em iTunes – é a App Store! Certifique-se de que a instalação foi concluída.

3. Conexão via USB

Depois de instalar o aplicativo, conecte seu smartphone ou tablet ao seu computador via cabo USB. Assim que a conexão estiver estabelecida, você pode fazer alterações no Adobe XD, e estas serão exibidas no seu dispositivo sem atraso. Isso é especialmente interessante se você quiser realizar cenários de teste ou demonstrações ao vivo. Aqui você pode continuar a trabalhar e utilizar a pré-visualização ao vivo a partir de 66 segundos.

4. Usando a nuvem

Uma alternativa flexível à conexão USB é o armazenamento do seu protótipo na nuvem da Adobe. Para isso, vá em “Salvar como”. O Adobe XD salva por padrão na nuvem, para que você possa acessá-lo de qualquer dispositivo mais tarde. O upload pode levar alguns segundos, mas você pode acompanhar o progresso na barra superior e veja como você se aproxima da pré-visualização ao vivo a partir de 130 segundos.

5. Acessando o protótipo no dispositivo

Assim que seu protótipo estiver salvo na nuvem, você pode abrir o aplicativo Adobe XD no seu smartphone para acessá-lo ao vivo. Você terá acesso rapidamente ao seu protótipo carregado. Clique nele para carregar o protótipo e ver como ele aparece no seu dispositivo. Aqui está a demonstração, que você pode encontrar aos 144 segundos no vídeo.

6. Interação e feedback

No aplicativo, você pode navegar pelo seu design e tem a oportunidade de visualizar cada aspecto de forma ideal. Uma mensagem será exibida se fontes estiverem faltando, o que você pode simplesmente ignorar, ou pode ser baixada através de fontes Adobe se necessário. Experimente com o protótipo e clique em diferentes áreas para simular a experiência do usuário. A partir de 186 segundos, isso se torna especialmente visível.

7. Acessando menus

Para abrir o menu, basta tocar na tela com três dedos. Isso abrirá uma série de opções, incluindo a possibilidade de compartilhar a tela, alterar configurações e mais. Obtenha uma visão geral dos diferentes artboards que você criou para o seu protótipo, como foi explicado aos 226 segundos.

8. Conclusão do teste

Use a pré-visualização ao vivo no seu dispositivo para ver especificamente como seus designs são recebidos pelos usuários. Ao apresentar seu protótipo a alguém, ele ficará empolgado em poder interagir com ele. Lembre-se de que o dispositivo deve estar em um estado limpo antes de passar adiante. Assim, você pode garantir que seu protótipo apareça da melhor forma. Informações sobre isso podem ser encontradas aos 273 segundos.

Resumo – Teste ao vivo de protótipos com Adobe XD: como levar seus designs ao seu dispositivo final

Neste guia, você aprendeu como é fácil testar protótipos com Adobe XD ao vivo em smartphones e tablets. Com apenas alguns passos, você pode apresentar seus designs em um ambiente realista e coletar feedback valioso dos usuários.