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 Diagrama de Lótus
Ideal para:
UX Design, Ideaçaão, Diagramas
Até mesmo as pessoas mais criativas podem precisar de ajuda de vez em quando para pensar de forma criativa, ver as coisas sob outro aspecto e gerar ideias brilhantes. Um diagrama de lótus dá a essas pessoas uma nova inspiração para que você possa fazer sessões de brainstorming mais fáceis e produtivas. Esta técnica de pensamento criativo explora ideias colocando a ideia principal no centro do diagrama e os conceitos auxiliares nos quadros circundantes. Este modelo oferece uma maneira fácil de criar diagramas de lótus para fazer brainstorming, bem como uma canvas infinita para as inúmeras ideias geradas.
Template para Gráfico Burndown
Ideal para:
Gerenciamento de Projetos, Workflows Ágeis, Mapeamento
Opa, acompanhe você mesmo o seu ritmo! Isso significa saber quanto trabalho resta e, com base na data de entrega, quanto tempo você terá para cada tarefa. Perfeito para gerentes de projeto, os gráficos de burndown criam uma visualização clara do trabalho restante de um time para ajudar a concluí-lo dentro do prazo e do orçamento. Esses gráficos também têm outros grandes benefícios. Eles incentivam a transparência e ajudam os membros individuais do time a estarem cientes do seu ritmo de trabalho para que possam ajustá-lo ou mantê-lo.
Modelo de Framework H.E.A.R.T.
Ideal para:
Desk Research, Project Management, User Experience
Felicidade (Happiness), Engajamento (Engagement), Adoção (Adoption), Retenção (Retention) e Sucesso da Tarefa (Task Success). Estes são os pilares da experiência do usuário. É por isso que eles servem como as principais métricas do framework H.E.A.R.T. Este framework, desenvolvido pelo time de pesquisa do Google, oferece às grandes empresas uma maneira precisa de medir a experiência do usuário em escala. Essas métricas servem como referência durante o ciclo de desenvolvimento do produto. Embora o framework H.E.A.R.T. use cinco métricas, é possível que não precise das cinco para todos os projetos. Escolha as que serão mais úteis para sua empresa e seu projeto.
Template para a abordagem Working Backwards
Ideal para:
Desk Research, Strategic Planning, Product Management
A Amazon foi pioneira no método Working Backwards, que pode ser traduzido como “trabalhando de trás para frente”. O modelo é ideal para criar novos produtos, baseados em um dos princípios-chave da empresa: o foco no consumidor. Working backwards é uma metodologia para pensar em um produto sem um roadmap detalhado, invertendo a lógica do processo de criação de produtos. Seu time inverte a lógica do processo de criação. Ou seja, começa com uma imagem do que o cliente quer e só depois cria o produto, fazendo o lançamento de uma maneira que realmente atenda aos consumidores. O método requer que qualquer pessoa com uma nova ideia de produto ou recurso articule seu objetivo da maneira mais clara possível. Se a apresentação de ideias impressionar a liderança, a próxima etapa é mapear o que o time precisa para chegar ao lançamento do produto ou recurso.
Modelo de fluxograma de UI
Ideal para:
UI, UX, UX Design, Design, Product Design
Nosso modelo de fluxograma para UI te ajuda a colaborar com colegas de design sem dificuldades. Mapeie os fluxos de usuários e as interações de produtos, fornecendo uma tela estruturada para articular a intrincada jornada dos usuários pela sua interface digital. Um dos principais benefícios desse modelo é sua capacidade de facilitar a colaboração em tempo real, garantindo que todos estejam na mesma página e promovendo um entendimento compartilhado das decisões de design. Melhore seus projetos de design, aprimore a colaboração e traga clareza aos seus projetos com o nosso modelo de fluxograma de UI.
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.