Skip to content
HackaKobe
Share
Explore
Métodos

Prototipação

O objetivo de um protótipo é “simular” um resultado final de forma mais rápida e com menos custos para que os problemas e oportunidades de melhorias sejam detectados de forma mais ágil e sem gastar recursos desnecessários.

Wireframe

O formato mais simples de prototipação tem como função auxiliar na organização das informações e a diagramação do produto. É como se fosse um “esboço” dele.

image.png

Baixa fidelidade

Possui apenas informações e interações básicas do projeto é uma versão “melhorada” do wireframe, mas com mais conteúdo, texto e mais possibilidade de entendimento do resultado final. Normalmente usam-se ferramentas de wireframing ou são desenhados a mão.

image.png


Média fidelidade

Ideal para projetos mais bem estruturados de forma que conseguimos visualizar informações mais próximas e fidedignas do resultado final. Normalmente são usadas ferramentas de prototipagem como Figma, SketchApp, Adobe XD, entre outros. No protótipo de média fidelidade também é legal adicionar elementos da marca ou do produto.

image.png

Alta fidelidade

Após obtidos todos os insumos do projeto, é gerado o protótipo de alta fidelidade que tem uma semelhança de aproximadamente 99% do projeto final. Deve ser interativo e ter todas as características da identidade visual do produto.
image.png

Ferramentas para produtos digitais

Papel: ideal para wireframes e protótipo de baixa fidelidade
excelente para protótipos navegáveis
funciona muito bem criar protótipos navegáveis, inclusive feitos no papel
prototipação de média e alta fidelidade de telas e fluxos
: ferramenta muito fácil para wireframes e protótipos de baixa fidelidade
: prototipação de média e alta fidelidade de telas e fluxos, funciona online
: protótipos de baixa fidelidade e wireframes
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.