Prototipação

Prototipação

1. Níveis de Fidelidade

   • Os protótipos podem ter basicamente 3 níveis de fidelidade: baixa, média e alta. Isso tem relação com a proximidade do resultado final.
   • Média Fidelidade
     • * PALAVRA CHAVES "WIREFRAMES"
     • Com mockups
       • *Geralmente, é a ÚLTIMA ETAPA DO PROCESSO de prototipação. Nela, você refina os esboços FEITOS EM PAPEL OU SEUS WIREFRAMES. Esse protótipo é mais conhecido como MOCKUP INTERATIVO. *Ele é chamado dessa forma, porque permite simular interações, como CLIQUE, TOQUE E HOUVER (passar o cursor por cima).
     • Com wireframes
       • *Wireframes não são muito refinados visualmente e não têm problema algum. Geralmente, são em preto e branco e SEM IMAGENS, mas você ainda não precisa se preocupar com isso. O FOCO, nessa fase, é construir uma estrutura e definir a HIERARQUIA DA INFORMAÇÃO, o FLUXO DE NAVEGAÇÃO e os TEXTOS DA INTERFACE.
       • Ferramentas
         • *Axure *Balsamiq *UXPin
   • Alta Fidelidade
     • *Para avaliar seus protótipos de ALTA FIDELIDADE, você pode adotar o TESTE DE USABILIDADE. Assim como nos WIREFRAMES, essa iniciativa pode ser estruturada e feita com POTENCIAIS CLIENTES. *A meta é validar tudo que você aprovaria em um WIREFRAME (HIERARQUIA DA INFORMAÇÃO, FLUXO DE NAVEGAÇÃO E OS TEXTOS DA INTERFACE), MAIS OS ASPECTOS VISUAIS E DE INTERAÇÃO. *Se você estiver usando o Invision, vale a pena testar a ferramenta Maze. Ele permite fazer testes de usabilidade  remotos usando o próprio mockup interativo do Invision, contabilizando a taxa erros, o tempo que o usuário levou para completar a tarefa e mais. *Após essa etapa, você terá a interface e as interações prontas para serem desenvolvidas. Após o processo de prototipação, a solução estará bem ajustada para seus usuários e dispensará os RETRABALHOS na parte de desenvolvimento.
   • Baixa Fidelidade
     • *Essa é geralmente a primeira etapa da prototipação, mas nem sempre acontece apenas no início do projeto. O ideal é usar esses protótipos mesmo em produtos MAIS CONSOLIDADOS, quando são lançadas NOVAS FUNCIONALIDADES, por exemplo. Para fazer protótipos de baixa fidelidade, você precisa de somente 2 recursos: lápis e papel. * PALAVRA CHAVE, "FAZER ESBOÇOS"
     • Fluxos de Usuário
       • *Fluxo de usuário (User Flow) é uma técnica que te permite mapear TODO O FLUXO DE TELAS do seu site ou aplicativo de forma rápida. *Essa técnica funciona bem para alinhar os CAMINHOS e AÇÕES que o USUÁRIO pode fazer junto com os membros do time.
       • Mais detalhes
         • *Uma vantagem dessa etapa é que PESSOAS de DIFERENTES ÁREAS e ESPECIALIDADES também podem participar. Inclusive, essa técnica é muito utilizada no começo dos DESIGN SPRINTS. *O OBJETIVO é gerar diversas perspectivas de soluções, VINDAS DE DESENVOLVEDORES, DESIGNERS, GERENTES DE PRODUTO, VENDEDORES, ENTRE OUTROS PARTICIPANTES. Obs.: Antes de desenhar páginas com lápis e papel, é interessante mapear os fluxos de navegação usando TÉCNICAS COMO FLUXO DE USUÁRIOS (user flows). Assim, você diminui a chance de esquecer de desenhar partes importantes do fluxo e deixar pontas soltas. *Conhecer seus USUÁRIOS e definir o OBJETIVO DO SEU PRODUTO DIGITAL.

2. Conclusão

   • CONCLUSÃO *Na prototipação, existem algumas etapas e as suas preocupações com o designer vão mudando ao longo do processo. *No início, você precisa ser ÁGIL E VERIFICAR se está indo para o caminho certo. Depois, passe mais tempo refinando sua solução até chegar bem próximo do que considera real e funcional. *O mais importante é sempre MANTER SEUS USUÁRIOS E STAKEHOLDERS PRÓXIMOS DURANTE O PROCESSO. Eles vão ajudá-lo a construir uma solução que realmente resolva um problema. *Não se esqueça de que o processo de prototipação é cíclico. Então, sempre que achar necessário, pegue lápis e papel para voltar ao INÍCIO. *Quanto mais o PROTÓTIPO esteja mais próximo do produto final(baseado nos steakholders e usuários)  menos RETRABALHOS na parte de desenvolvimento.