Criação de protótipos interativos com Adobe XD

Prototipagem interativa com Adobe XD

“Chegamos ao final do curso, espero que tenham gostado tanto quanto eu. Agora você aprendeu tudo o que precisa fazer para criar protótipos animados com Adobe XD. Convido você a criar seu próprio protótipo, você pode usar qualquer problema que exista ou usar um imaginário como eu fiz. Não se preocupe porque você não vai percorrer esse caminho sozinho, irei te guiar e te apoiar através do fórum. Compartilho com vocês a série de etapas que adoraria ver em seu projeto. O que você quer resolver? Tudo decorre dessa questão, então tome um tempo e pense no problema que você quer resolver, pense com calma, lembre-se que muitos Apps obtiveram seu sucesso graças às suas propostas de resolução.

Criar e pesquisar Uma vez que você tenha seu problema definido, é hora de começar a criar um mapa de experiência, use-o para baixar todas as informações que podem ajudar seu usuário a resolver o problema, bem como as variantes que possam surgir ao longo do caminho. Lembre-se de que seus "jogadores" devem atingir a meta! Com isso definido então, é hora de começar a investigar, assumir a tarefa de ver se há outras pessoas que resolvem a mesma coisa que você, se houver, então dê uma olhada no que eles criaram, procure as lacunas que suas propostas têm e pensam em um diferencial para sua proposta. Se, por outro lado, você é o primeiro, procure aqueles que considera para resolver problemas semelhantes aos seus. Por fim, com todas as informações de sua pesquisa, crie um quadro de humor que pode servir de referência e inspiração. Os esboços Examine seu fluxo para ver se há alguma lacuna. Se não os encontrou, agora sim, comece a fazer os esboços dos seus ecrãs que tenham as características que considera importantes. Suas telas resolvem seu objetivo? Você está satisfeito com a aparência do seu esboço? Digitalização Leve seus esboços para o Adobe XD. Explore caminhos visuais, até chegar ao caminho que mais gosta. Lembre-se de que tudo deve ser consistente, ou seja, tente usar a mesma fonte e tamanho para todas as suas telas. Com seu quadro de humor em mãos, escolha suas fontes, seus ícones, tudo. Lembre-se de manter um pedido e cuidar para que tudo esteja na tela que você deseja. Nasce o protótipo Você já sabe como ficará o seu produto, agora é a hora de começar a vincular os botões às telas de destino. Para fazer isso, organize suas telas no Adobe Xd. Ao testar como seus botões estão funcionando, não se preocupe se cometer um erro, você pode aprender tudo. Organize seu fluxo! O que vai primeiro e o que vem a seguir? Anime seu protótipo Dentro do Adobe XD vá até a opção Autoanimar, assim você começará a dar vida ao seu protótipo. Certifique-se de repetir os componentes da tela de destino para as telas anteriores. Teste se o que você está preparando está realmente feito. Seja paciente e ordeiro, isso tornará a animação mais fácil! Tudo funciona! Usando o mirror com seu computador e seu celular teste seu protótipo, isso será superimportante, pois ajudará você a identificar algumas áreas de oportunidade. Lembre-se também de que você pode exportar seu protótipo para realizar alguns testes de usuário. Se decidir fazer seu teste de usuário, certifique-se de saber se seu protótipo resolve o problema e se sua experiência é boa, aproveite também para obter mais informações que agreguem ao seu projeto. Seu protótipo está pronto! Lembre-se de que não importa se você não tem um projeto na porta, você pode praticar a realização de um problema hipotético. Convido você a não parar de construir ou desenvolver outros protótipos. Não desanime se não for perfeito na primeira vez, você sempre encontrará algo para melhorar, isso nos ajuda a crescer, aprender e ser melhores. Não pare de criar, testar, errar e aprender! Agradeço de coração por fazer parte deste curso. Continue praticando, não desista. Ficarei aguardando para ver seu projeto, responderei no fórum o mais breve possível. Vejo você em breve! ”

Transcrição parcial do vídeo

“Projeto final Vamos fazer um resumo do curso. Primeiro eu falei sobre mim e minhas influências e conversamos sobre o projeto que trabalharemos no curso. Definimos o que é um produto digital e como interagimos com eles. bem como o que é um protótipo e por que é útil animá-lo. Eu lhe dei os benefícios do Adobe XD para criar protótipos animados. Posteriormente, levantamos o projeto e criamos um mapa de navegação. Definimos um objetivo principal e procuramos soluções possíveis. Nós esboçamos as telas para revisar a experiência e então passamos os esboços para o Adobe XD para trabalhar neles. Nó...”

Esta transcrição é gerada automaticamente, portanto pode conter erros.

Resumo do curso: Criação de protótipos interativos com Adobe XD

• Nível: Iniciante
• 96% avaliações positivas (78)
• 1959 alunos
• 5 unidades
• 17 aulas (2h 36m)
• 11 downloads

• Categoria

  Web e App Design

• Softwares

  Adobe XD

• Áreas

  Design de apps, Design digital, Design interativo, UX / UI, Web Design