Modelo de Protótipo de Baixa Fidelidade
Transforme conceitos gerais de design em elementos testáveis com nosso modelo de protótipo de baixa fidelidade.
Sobre o template de protótipo de baixa fidelidade
Os protótipos de baixa fidelidade ajudam os times de produto e de UX a estudar a funcionalidade do produto ou serviço com foco na iteração rápida, e nos testes de usuário para projetar os designs futuros. Procurando um modelo de wireframe que possa ser usado como um projeto para páginas de sites ou telas de aplicativos? É para isso mesmo que serve um wireframe de baixa fidelidade.
Ao se concentrarem em esboçar e traçar um mapa de conteúdo, menus e fluxo de usuário, os designers e não designers podem participar do processo de design, e de ideação. Em vez de produzir telas interativas vinculadas, os protótipos de baixa fidelidade se concentram em insights sobre as necessidades do usuário, visão do design e alinhamento dos objetivos das partes interessadas.
Continue lendo para saber mais sobre os protótipos de baixa fidelidade.
O que é um protótipo de baixa fidelidade?
Os protótipos de baixa fidelidade funcionam como visualizações iniciais práticas do seu produto ou serviço. Estes protótipos simples compartilham apenas alguns recursos com o produto final. São ideais para testar conceitos amplos e validar ideias.
Os protótipos de baixa fidelidade também são estáticos e tendem a se apresentar como telas, uma a uma.
Cada tela terá o visual de um esboço ou wireframe com ilustrações simples em preto e branco. Em vez de detalhes complexos, cada quadro é preenchido com conteúdo ou etiquetas fictícias, a depender do que estiver disponível.
Quando usar protótipos de baixa fidelidade?
Os protótipos de baixa fidelidade são mais úteis quando você precisa testar cada elemento de design: desde fluxos de trabalho ou caminhos de conversão até o posicionamento de elementos visuais ou interação com o site.
Os gerentes de produto e designers de UX podem usar protótipos quando precisam:
Fazer alterações no design com facilidade durante a fase de teste do produto
Incentivar os usuários a dar feedback sincero com base na funcionalidade, e não no design
Alterar os esboços do design com rapidez, se as ideias não funcionarem
Definir expectativas realistas com os stakeholders, já que os esboços provavelmente não serão lançados no dia seguinte
Os protótipos de baixa fidelidade estão ganhando mais popularidade graças ao aumento da disseminação do design thinking e das metodologias de lean startup (como validação antecipada e soluções de produtos mínimos viáveis em que os times iteram) e a abordagem colaborativa e responsiva do design centrado no usuário.
Crie seu próprio protótipo de baixa fidelidade
É muito fácil criar seus próprios protótipos de baixa fidelidade. A ferramenta de lousa da Miro é a canvas perfeita para criá-los e compartilhá-los. Comece selecionando o modelo do protótipo de baixa fidelidade e siga os passos a seguir para criar o seu.
Defina seus objetivos. Defina quais recursos principais você deseja mostrar aos seus usuários. Em um post it, liste duas ou três funcionalidades principais que você pretende incluir no protótipo de baixa fidelidade.
Defina seu método com base no seu usuário e recursos. O nível de detalhes que você deve incluir no seu protótipo de baixa fidelidade dependerá das respostas a duas perguntas: que tipo de usuário será exposto a esse protótipo (e como eles podem fornecer feedbacks úteis)? Quais ferramentas e recursos estão disponíveis para você?
Se você trabalha no Adobe XD, pode usar o plugin do Adobe XD para adicionar seus boards de arte aos boards da Miro e ainda colaborar com seu time durante o processo de design na Miro.
Execute seu protótipo. Não se preocupe muito com a forma ou a função. Atenha-se “a sua ideia em si e ao que você deseja testar com o usuário.
Teste seu protótipo. Ajude seus usuários a entender os objetivos do projeto do seu protótipo e faça perguntas de teste. Você também pode criar uma tela de boas-vindas ou um guia breve junto com os wireframes do protótipo para que seus usuários de teste leiam antes de começar a análise. Você pode solicitar feedbacks gerais ou específicos por exemplo sobre percepção de benefícios, reações, awareness, vantagem competitiva ou intenção de uso.
Aprenda com sua fase de teste de protótipo e repita. Colete feedback dos seus usuários e encontre as coincidências entre suas observações. Esses insights podem ser incorporados em um diagrama de afinidade para identificar padrões ou semelhanças. Você pode repetir a fase de teste com os usuários conforme necessário. Depois de incorporar o feedback do usuário aos seus protótipos de baixa fidelidade, você pode seguir para a criação de protótipos de alta fidelidade.
Comece com esse modelo agora mesmo.
Modelo de mapa de pontos de contato com o cliente
Ideal para:
Pesquisa secundária, Gerenciamento de produtos, Mapeamento
Para atrair e manter a fidelidade de clientes, é preciso entender suas dificuldades, desejos e necessidades. O mapa de pontos de contato com o cliente ajuda nessa compreensão por meio da visualização de toda a trajetória do cliente, da assinatura de um serviço e navegação em seu site à compra de seu produto. E como nenhum cliente é igual a outro, o mapa da jornada do cliente permite traçar diversas rotas que passem por seu produto. Assim, você poderá antecipar essas trajetórias e atender a seus clientes em todas as etapas.
Modelo para Sketch Online
Ideal para:
UX Design, Desk Research, Design Thinking
Antes de seguir a todo vapor, analise ideias promissoras com uma visão macro, para saber como funcionam e como satisfazem seus objetivos. É isso que os esboços (Sketching) fazem. Este modelo oferece uma ferramenta de colaboração remota poderosa para as fases iniciais de prototipagem, seja para esboçar páginas da web e aplicativos móveis, desenhar logos, ou planejar eventos. Em seguida, você pode compartilhar seus esboços com seu time e salvar cada estágio do esboço antes de alterá-lo e desenvolvê-lo.
Modelo de Storyboard
Ideal para:
Design Thinking
Embora o storyboard seja normalmente associado ao planejamento de cenas para um filme ou programa de TV, ele também tem sido amplamente adotado no mundo empresarial. Um storyboard é uma sequência de ilustrações que são usadas para desenvolver uma história. Você pode usar nosso modelo de storyboard sempre que quiser se colocar realmente na situação de um cliente ou usuário, para entender como eles pensam, sentem e agem. Esta tática pode ser especialmente útil quando você identifica um problema ou ineficiência em um processo existente. Você pode fazer um storyboard de processos ou fluxos de trabalho em andamento, para que possa planejar como gostaria que eles fossem no futuro.
Template para Screen Flow UX (Fluxo de Telas)
Ideal para:
UX Design, Gerenciamento de Produtos, Wireframes
Um screen flow, conhecido também como fluxo de telas ou wireflow, é um layout com várias telas que combina wireframes com fluxogramas. O resultado disso é um fluxo de ponta a ponta que mapeia o que os usuários veem em cada tela e como isso afeta o processo de tomada de decisão em seu produto ou serviço. Ao pensar visualmente sobre o que seus clientes estão visualizando, você pode se comunicar com os times internos, stakeholders e clientes sobre as decisões que você tomou. Você também pode usar um screen flow para encontrar novas oportunidades de fazer com que a experiência do usuário seja sem percalços e frustração do início ao fim.
Modelo para Análise de Sitemap
Ideal para:
Mapping, Software Development, Diagrams
Criar um site é uma tarefa complexa. Várias partes interessadas se reúnem para criar páginas, escrever conteúdo, criar elementos e desenvolver uma arquitetura de site que atenda a um público-alvo. Um mapa de site ou sitemap é uma ferramenta eficaz para simplificar o processo de design do site. Ele permite que você faça um balanço do conteúdo e crie os elementos que pretende incluir no seu site. Ao visualizar seu site, você pode estruturar e criar cada componente de uma forma que faça sentido para seu público.
Template de Lean UX Canvas
Ideal para:
Desk Research, Gerenciamento de Produtos, Experiência do Usuário
O que está criando, por que está criando e para quem você está criando? Essas são as grandes questões que orientam grandes empresas e times para o sucesso, e o template Lean UX Canvas ajuda você a encontrar essas respostas. Especialmente útil durante a pesquisa, o design e o planejamento do projeto, esta ferramenta permite que você faça melhorias no produto de forma rápida e resolva os problemas de negócios para desenvolver um produto mais centrado no cliente. Este modelo permite que você crie um template Lean UX Canvas estruturado em oito elementos importantes: problema de negócios, resultado de negócios, usuários e clientes, benefícios do usuário, ideias de soluções, hipóteses, suposições, experimentação.