Como e por que os protótipos são obrigatórios para um bom design
Nada o aproxima mais da funcionalidade do produto final do que a criação de protótipos. Enquanto os wireframes esboçam o modelo e os maquetes mostram a sensação e a textura do design, é o protótipo que dá vida à "experiência" por trás da "experiência do usuário". Essa bela frase de chamariz pode parecer ótima na tela, mas você não saberá se funciona com usuários finais até o protótipo clicável. Os protótipos não apenas ajudam a fornecer a prova de conceito, como também expõem falhas de usabilidade por trás dos wireframes e maquetes.
Então, como realmente colocamos em prática essa salvaguarda contra reuniões emergenciais de partes interessadas, revisões sem fim e dolorosas madrugadas na fase de desenvolvimento? Embora tenhamos abordado anteriormente a prototipagem adequada no Guia de processo e documentação de design de UX, vamos nos aprofundar em como a prototipagem pode fazer ou prejudicar o sucesso de um produto. Nesta parte, começaremos examinando os motivos mais convincentes para o protótipo e como os protótipos melhoram os testes de colaboração, design e usabilidade.
Fonte: Bill Buxton, via Donna Lichaw
5 razões pelas quais você precisa prototipar
Embora pular a prototipagem possa economizar algum tempo durante o design, esse excedente pode ser perdido muitas vezes no desenvolvimento. Se as pessoas experimentam jeans antes de comprá-los e testam carros antes de assinarem o cheque, faz sentido testar seus projetos de maneira interativa antes de iniciar o desenvolvimento. Afinal, a interação é como os usuários acessam as soluções de design para seus problemas.
Fonte: Balanço da árvore de gerenciamento de produtos
Para entender melhor por que você deveria fazer um protótipo, vejamos Todd Zaki Warfel, o designer que escreveu o livro sobre prototipagem ... literalmente. Warfel resume os pontos de seu livro em uma apresentação de slides, onde podemos ver todos os motivos relevantes para adotar a prototipagem. Embora eles variem dependendo dos designers e de suas necessidades, alguns benefícios universais incluem:
- Comunicação e colaboração - Uma coisa é discutir a documentação dos requisitos, mas é um nível totalmente diferente de colaboração imaginativa quando as duas partes podem brincar com um protótipo e explorar limitações e possibilidades. A documentação pode ser mal interpretada, mas as experiências são compartilhadas.
- Avalie a viabilidade e reduza o desperdício - wireframes, maquetes e documentos de requisitos estão no papel, não na realidade. A prototipagem permite que as equipes experimentem, dando a elas a liberdade de fracassar mais barato enquanto aprendem mais. Veja como os protótipos ajudaram a aumentar a precisão da estimativa em 50% e reduzir os pedidos de esclarecimento em 80%.
- Venda sua ideia - os protótipos podem ser ótimos para lançar se você estiver trabalhando com clientes céticos. Experimentar o site ou aplicativo da vida real prova sua visão mais do que uma descrição prolífica ou maquete atolada em anotações.
- Teste a usabilidade mais cedo - Ao testar um protótipo pelo usuário, você pode encontrar problemas e corrigi-los no início do processo, economizando uma enorme dificuldade em lidar com eles quando eles são cimentados no código. O mesmo estudo de caso citado acima teve uma redução de 25% nos erros pós-lançamento, graças à criação de protótipos.
- Defina suas prioridades de design - recomendamos a criação de protótipos cedo e frequentemente, porque a priorização do design de interação o manterá fundamentado na realidade quando você tomar decisões estáticas de design. O visual deve cumprir a experiência, e não o contrário.
Nem todo protótipo precisa ser elaborado e consumir - de fato, algumas escolas de pensamento acreditam em uma forma rápida e de baixo investimento de prototipagem. O ponto é que quase sempre é benéfico dedicar alguns recursos à prototipagem, quantos dependem de suas necessidades específicas.
Como os protótipos melhoram a colaboração e a comunicação
Mostrar é sempre melhor do que dizer, e a experiência é rei. Se as pessoas puderem interagir com suas idéias, poderão entendê-las melhor. Isso funciona tanto externamente - direcionando para clientes e partes interessadas - quanto internamente - para colaborar mais profundamente com sua equipe ou reunindo-os para apoiar uma nova idéia (ou pelo menos brincar com ela antes de acabar com ela).
Os protótipos esclarecem a comunicação interna de algumas maneiras.
Primeiro, ele cria uma conexão entre designers e desenvolvedores anteriormente, dando ao mesmo objetivo o objetivo de trabalhar. Conforme discutido no Guia de prototipagem, departamentos diferentes usam jargões e jargões diferentes, mas um protótipo quebra todas as barreiras. Protótipos são os brinquedos do design e, quando algo é divertido, as pessoas ficam mais ansiosas para baixar a guarda e começar a explorar as idéias malucas que podem funcionar. Como coloca o fundador e CEO da Emmet Labs, David Yerba, a prototipagem “faz com que as pessoas certas na sala se comuniquem da maneira certa”.
No UXPin, a colaboração em protótipos é natural, graças aos recursos de apresentação e colaboração ao vivo. Com o rastreamento de iteração e comentários ao vivo, wireframes e protótipos podem ser discutidos e apresentados em tempo real, sem a necessidade de email.
Em segundo lugar, no mesmo artigo, a Yerba também descreve os benefícios da prototipagem para apresentações formais. Clientes e partes interessadas podem facilmente interpretar mal uma descrição, mesmo que entregue com alguma pesquisa convincente ou modelos perfeitos em pixels. Um protótipo interativo, por outro lado, requer pouca descrição. Os protótipos ajudam as partes interessadas a pensar sobre a experiência, em vez de cair na muleta de criticar elementos visuais apenas porque estão bem diante de seus olhos. Em uma nota lateral, os protótipos também acrescentam um toque às apresentações - as pessoas podem literalmente experimentar a “mágica” do design: é a diferença entre ver a planta versus explorar a casa modelo.
Um protótipo é uma arma poderosa para levar a qualquer apresentação. David e Tom Kelley, fundador e parceiro da IDEO, atribuem o que chamam de "Lei de Boyle" (nomeado após um dos principais protótipos da IDEO, Dennis Boyle). A lei de Boyle é simples, mas eficaz: nunca vá a uma reunião sem um protótipo. Em termos de suas habilidades comunicativas e persuasivas, esse auxílio de apresentação geralmente faz a diferença entre um "sim" ou um "não".
Como os protótipos adicionam equilíbrio ao design
A prototipagem é a fase em que o conceitual se torna real, portanto exige criatividade com praticidade e lógica com intuição.
Fonte: Fluxo do usuário para a função Pesquisar no Kickstarter
Philip van Allen, professor e designer da Art Center College of Design, acredita que os protótipos ajudam a tomar decisões que não podem ser descritas por parâmetros. Para o designer, existem três principais benefícios da prototipagem:
- Tomada de decisão - Escolhas importantes de design relacionadas à ergonomia, forma, função, produção - às vezes de uma só vez - são finalizadas na fase de prototipagem. Um protótipo funcional fornecerá feedback instantâneo para que você possa tomar uma decisão fundamentada (não apenas heurística).
- Foco - Com feedback concreto para todos os sentidos (em vez de simplesmente “adivinhar” como será o produto final), os protótipos o fundamentam na realidade do usuário. As prioridades de experiência do usuário se tornam aparentes quando você pode experimentá-las bem na sua frente.
- Paralelismo - O processo de design não precisa ser seqüencial. A coleta de feedback, a definição de requisitos e o brainstorming de novos conceitos e interações podem acontecer ao mesmo tempo durante a criação de protótipos e, quando bem feitos, complementam-se (discutiremos os processos em detalhes posteriormente neste e-book).
Como nós sabemos disso? Quando trabalhamos para melhorar o site do Yelp, primeiro construímos um lo-fi e depois um protótipo de oi-fi. Inicialmente, a interatividade era simples, mas ao projetá-la, fomos confrontados com decisões e obstáculos que não apareceriam em um design estático. Por meio da criação de protótipos, identificamos e resolvemos problemas de UX, como fazer a transição da página inicial para os resultados da pesquisa sem sobrecarregar repentinamente o usuário com informações demais.
Para encurtar a história, a fase de prototipagem foi quando conseguimos fundir nossos objetivos conceituais com nossa realidade prática. Foi quando o design visual e o design de interação entraram em equilíbrio.
Como a prototipagem facilita os testes de usabilidade
A razão pela qual dividimos as tarefas em wireframes, maquetes e protótipos é porque cada um tem um propósito diferente.
Concentrando-se apenas na estruturação em wireframing, por exemplo, somos capazes de criar uma estrutura sólida sem nos distrair ainda com visuais de maquete ou funcionalidade de protótipo. Embora o wireframing e os mockups se inclinem mais para o criativo e o abstrato, a prototipagem é sobre dar um nó e dar vida a idéias - e isso requer testes de usabilidade para que você possa acertar.
Fonte: Teste de usabilidade para protótipos
Para fazer uma analogia, os protótipos são para o produto final o que os esboços são para os wireframes / modelos. A criação de protótipos é uma maneira de "esboçar com interações" para criar um modelo aproximado de usabilidade, depois refinar e aperfeiçoar.
Para isso, o teste de usabilidade é vital. Como recomendamos no Guia de prototipagem, tente executar testes de usabilidade em cada estágio do protótipo para que sua fidelidade e funcionalidade se movam na direção certa. Embora o teste de usabilidade seja um tópico denso por si só (abordado em outro e-book), aqui estão alguns princípios básicos a serem lembrados:
- Conheça o produto - Conheça bem o seu produto e o que você deseja testar antes de começar. Se você realizar testes de usabilidade com um produto que se comporta de forma irregular ou se não tiver certeza do que precisa ser testado, os resultados serão inválidos.
- Recrute os participantes corretos - Provavelmente, seu produto é direcionado a um grupo de usuários-alvo, portanto, certifique-se de que seus participantes representem esse grupo. Os testes qualitativos podem ser executados com apenas 5 pessoas; os testes quantitativos requerem pelo menos 20 pessoas para significância estatística. Para obter uma lista completa de dicas de recrutamento de usuários, consulte a lista de 234 dicas e truques de Jakob Nielsen para recrutar pessoas para testes de usabilidade.
- Configure o teste certo - Existem muitos tipos diferentes de testes de usabilidade e muitas maneiras diferentes de conduzi-los. Escolha aquele que corresponda às suas necessidades de orçamento, tempo e projeto.
- Analisar resultados - é quando os dados de usabilidade se transformam em insights de design. Incorpore suas descobertas em suas iterações o mais rápido possível.
Fonte: Por que você só precisa testar com 5 usuários
Para obter mais informações sobre que tipos de testes de usabilidade funcionariam para você e como conduzi-los, faça o download do e-book gratuito The Guide to Usability Testing.
Por que a prototipagem é obrigatória para dispositivos móveis
Embora a prototipagem de produtos para desktop seja apenas recomendada, para dispositivos móveis é obrigatória. Dispositivos móveis são usados em mais ambientes que dispositivos de desktop, o que leva a muito mais cenários de usuário e casos de uso. O que isso significa, é claro, é que, embora você possa evitar a criação de protótipos para computadores, não terá tanta sorte com dispositivos móveis.
Rachel Hinman, pesquisadora sênior de UX do Nokia Research Center, concorda que a necessidade de prototipagem móvel supera em muito a já importante necessidade no campo de desktop. Veja o gráfico abaixo, com base na apresentação de slides de Hinman, para ver uma comparação entre a estabilidade dos dois:
Donna Lichaw, especialista em produtos da Greatnorthelectric, também concorda e compara razões gerais de protótipo versus razões específicas de dispositivos móveis. Os gestos adicionam uma nova dimensão de interatividade que nem existe para a área de trabalho; portanto, a prototipagem é a única maneira de testar as combinações quase infinitas de gestos e animações.
Descobrimos a seguir os motivos mais convincentes para a criação de protótipos para dispositivos móveis:
- O fluxo cria ou quebra a experiência móvel - como as experiências móveis abrangem várias páginas, o fluxo do usuário deve estar no centro da lista de prioridades de design. Visite o UXArchive para ver como algumas das principais empresas como Snapchat, Google Maps e outras arquitetam seus fluxos móveis.
- As animações tornam a experiência divertida e desejável - as animações são o elemento central das micro-interações móveis, com efeitos acionados por gestos, como tempo, velocidade e bounciness, adicionando um elemento de diversão ao fornecer feedback visual e disponibilidade. Confira este artigo para ver as visões contrastantes das animações do Google Material Design e Apple iOS e, em seguida, veja 20 exemplos dessas práticas recomendadas em ação.
- Os erros de UX são mais caros - os custos de aplicativos para dispositivos móveis variam de US $ 6.000 a US $ 200.000, com o custo médio em torno de US $ 6.400. Lidar com a App Store também pode ser uma dor de cabeça; portanto, alguns protótipos iniciais podem ajudar bastante a economizar tempo, dinheiro e sanidade.
O UXPin permite protótipos animados responsivos e testes de usabilidade integrados. Crie suas tarefas e observe a tela do usuário e as reações faciais enquanto elas interagem com o seu design. Após cada teste, você pode gerar um videoclipe que captura cada palavra, reação e clique.
Leve embora
Nós sempre prototipamos e aconselhamos outros a fazer o mesmo. Embora entendamos que certas restrições podem dificultar a prototipagem para algumas empresas, sugerimos fortemente que ela funcione, mesmo que seja apenas um protótipo limitado. Os benefícios superam em muito os custos: melhor colaboração entre a equipe, localização / correção precoce de problemas, aprimoramento dos projetos existentes e comunicação através da ação, em vez de palavras. Essas vantagens valem o tempo e esforço extras.
Para obter conselhos mais práticos sobre prototipagem de baixa ou alta fidelidade, baixe o Guia gratuito para prototipagem. Saiba como e quando usar diferentes ferramentas e táticas de prototipagem, com as melhores práticas do Zurb, Google Ventures, IDEO e muito mais. Também estão incluídas dicas de especialistas como Jeff Gothelf, Todd Zaki Warfel e outros.
