Storyboarding em UX Design

por Nick Babich

Kelli Guidolini
6 min readOct 6, 2017

No desenvolvimento da experiência do usuário, conhecemos técnicas de pesquisa de usuários, como workshops e entrevistas. Sintetizamos nossa pesquisa sobre histórias de usuários e fluxos de processos. Nós comunicamos nosso pensamento e soluções para nossas equipes com artefatos como pessoas e wireframes. Mas em algum lugar em tudo isso reside as pessoas reais para quem estamos projetando. Para melhorar nosso produto, devemos entender o que está acontecendo em seus mundos e como nosso produto pode melhorar suas vidas. E é aí que os storyboards entram.

Neste artigo, vou me concentrar em storyboards como um meio para ajudar a explorar soluções para problemas de UX, além de comunicar esses problemas e soluções para outros.

O que é um Storyboard?

Os storyboards são ilustrações que representam tiros que, em última instância, representam uma história. Basicamente, é uma arte seqüencial, onde imagens são agrupadas para visualizar a história. Esse método veio da produção de filmes. O estúdio Walt Disney é creditado com storyboards populares, usando esboços de quadros desde a década de 1920. Os storyboards permitem que eles construam o mundo do filme antes que eles realmente o construam.

A arte do storyboard do rei leão da Disney.

Histórias são a ferramenta de entrega mais poderosa para obter informações:

  • Visualização . Imagens valem mais que mil palavras. Ilustrar coisas funciona melhor para entender qualquer conceito ou idéia. As imagens podem falar mais poderosamente do que apenas palavras, adicionando camadas extras de significado.
  • Memorabilidade . As histórias são 22 vezes mais memoráveis ​​do que os fatos simples.
  • Empatia . É possível contar uma história que todos possam ver e se relacionar. Muitas vezes simpatizamos com personagens que têm desafios da vida real semelhantes aos nossos.
  • Engajamento . As histórias capturam a atenção. As pessoas são hardwired para responder às histórias: nosso inato senso de curiosidade desenha-nos e nos envolvemos mais quando podemos sentir uma conquista significativa a ser tida.

O que é um storyboard no contexto do design UX?

Storyboarding em UX é uma ferramenta que ajuda você a prever visualmente e explorar a experiência de um usuário com um produto. É muito como pensar em seu produto como se fosse um filme em termos de como as pessoas o usariam. Isso ajudaria você a entender como as pessoas fluíam através da interação com ele ao longo do tempo, dando-lhe um senso claro de como criar uma narrativa forte.

Por que a narrativa é importante em UX?

As histórias são uma maneira eficaz e barata de capturar, relacionar e explorar experiências no processo de design. Em relação ao processo de design UX, esta técnica tem os seguintes benefícios:

  • Abordagem de design centrada no ser humano. As histórias colocam um rosto humano em dados analíticos. Os storyboards trazem nossas soluções para a vida, para que os designers possam caminhar no lugar de seus usuários e ver as soluções à medida que as vêem. O Storyboarding ajuda os designers a entender cenários existentes, bem como hipóteses de teste para possíveis cenários.
  • Técnica “Pitch and critique”. Storyboarding é uma atividade baseada em equipe e todos podem contribuir (não apenas designers). O mesmo que para a indústria cinematográfica, cada cena deve ser apresentada e criticada por todos os jogadores da equipe. Aproximar a UX com narração de histórias inspira conceitos de design e aproxima as equipes em torno de uma imagem mais clara do que está sendo projetado.
  • Abordagem iterativa. Storyboarding depende muito de uma abordagem iterativa. A ação de esboçar testes de role-play para conceitos de design, permite que os designers experimentem pouco ou nenhum custo. Ninguém fica muito apegado às idéias que são geradas porque são tão rápidas e difíceis.

Criando seu próprio storyboard

Ao pensar em storyboard, a maioria das pessoas se concentra em sua capacidade (ou incapacidade) de desenhar. A boa notícia é que você não precisa ser bom no desenho antes de começar a desenhar cenários de cenário.

Quadro de storyboard do filme de Martin Scorsese ‘Goodfellas’

O que é muito mais importante é a história real que você quer dizer. Claramente, a transmissão de informações é uma chave.

A habilidade principal do Designer não é Photoshop ou Sketch, mas a capacidade de formular e descrever um cenário.

Como elaborar uma estrutura de história?

Se você vai criar uma representação visual de histórias para comunicar problemas de usuários para outros, há alguma preparação a ser feita para torná-los lógicos , compreensíveis e convincentes em seus argumentos. Ao entender os fundamentos da história e desconstruí-la para os blocos de construção, podemos apresentá-la de forma mais poderosa e convincente. Cada história deve ter os seguintes elementos essenciais:

  • Personagem. A pessoa específica envolvida em sua história. Os seus comportamentos, aparência e expectativas, bem como quaisquer decisões que tomam ao longo do caminho, são muito importantes. Revelar o que está acontecendo na mente do seu personagem é essencial para uma ilustração bem-sucedida de sua experiência no storyboard.
  • Cena . É um ambiente no qual o personagem se encontra (contextos do mundo real que envolvem o lugar e as pessoas).
  • Enredo. Com demasiada frequência, os designers saltam diretamente para explicar os detalhes de seu design sem antes explicar a história de trás. Não seja um deles — sua história deve ser criada com uma estrutura em mente, deve haver um começo, meio e fim óbvio. A narrativa que se desenrola no seu storyboard deve se concentrar em um objetivo para o personagem. Plot deve começar com um gatilho específico e terminar com o benefício da solução, ou um problema com o qual o personagem é deixado. Tente usar a Pirâmide de Freytag na estruturação de sua trama.
As histórias tendem a seguir uma estrutura narrativa que se parece muito com uma pirâmide. Pirâmide de Freytag, mostrando as cinco partes ou atos: Exposição, Ação crescente, Clímax, Ação em queda (ou suspense e resolução final) e Denouement (Conclusão). Ben Crothers um dded uma história rápida na pirâmide sobre um cara e seu telefone que não vai funcionar.

Para tornar sua história poderosa, aqui estão alguns pontos a serem pensados:

  • Autenticidade . O principal é fazer com que o personagem, seu objetivo e o que acontece em sua experiência sejam tão claros quanto possível. Se você está escrevendo algo que não ressoa com seu produto, seus usuários serão capazes de contar. Assim, mantenha o foco em seres humanos reais em contextos reais, e seu público irá simpatizar com eles.
  • Simplicidade . Recorte todos os extras desnecessários. Não importa quão boa seja uma frase, imagem ou página, se não adicionar valor à mensagem geral, você deve removê-la.
  • Emoção . É essencial comunicar o estado emocional do seu personagem ao longo de sua experiência.

Usando storyboard para ilustrar experiências

Começar o storyboard pode ser um pouco assustador, especialmente se você não está confiante em suas habilidades de desenho. Mas não se preocupe, a diretriz mencionada abaixo irá ajudá-lo a conseguir um melhor storyboard cenário:

  • Comece com um texto simples e setas. O principal é quebrar a história nos momentos (contexto, gatilho, decisões que um personagem faz ao longo do caminho e acaba com o benefício ou o problema).
Uma sequência de momentos.
  • Adicione emoções à sua história. Adicione emoticons a cada passo, para ajudar os outros a ter uma idéia do que está acontecendo dentro da cabeça do personagem. Lembre-se de ilustrar quaisquer reações ao sucesso / pontos de dor ao longo do caminho (qual é o personagem que espera acontecer e como o resultado o afeta?) Tente desenhar em cada estado emocional como uma expressão simples.
A mesma sequência de momentos que no exemplo acima, mas com emoticons adicionais, para ajudar a entender o que está acontecendo para o estado emocional do personagem.
  • Transforme cada etapa em um quadro de storyboard. Enfatize cada momento e pense como seu personagem está sentindo sobre isso.
Frame Storyboard
  • Desenhe resultados claros. Certifique-se de que seu storyboard deixa seu público sem dúvida sobre o resultado da história: se você está descrevendo uma situação desfavorável — termine com todo o peso do problema, se você estiver apresentando uma solução — termine com os benefícios dessa solução para o seu personagem.
O sorriso e a tristeza nos rostos humanos podem adicionar emoções à sua história e isso continua vivo nos corações e mentes de sua audiência. Crédito da imagem: Chelsea Hostetter, Austin Center for Design

Conclusão

O storyboard em UX não é fácil. Mas funciona. Visual é uma ótima maneira de trazer uma história para a vida, então tente utilizá-los sempre que possível. Todo o pouco que você pode fazer para entender um usuário é tremendamente útil.

--

--