O papel dos storyboards no design UX

O papel dos storyboards no design UX
Rick Davis

Uma ferramenta que pode ajudar neste processo é o storyboard. Esta ferramenta foi emprestada de um domínio completamente diferente (o cinema), mas já deixou a sua marca no mundo da experiência do utilizador. Os storyboards são óptimos para ajudar os designers a imaginar como os utilizadores irão utilizar os produtos que concebem.

Veja também: Guia de hand lettering para principiantes

O que é um storyboard?

Um storyboard é uma forma visual de representar um cenário que contém uma sequência de alguns eventos. Os estúdios Walt Disney foram os primeiros a ter esta ideia, na década de 1930. Muitas outras áreas, incluindo o design UX, adoptaram o storyboard como forma de representar cenários visualmente.

Nesta altura, deve estar a perguntar-se "Porque devo utilizar storyboards?".

A resposta curta é que o ajudará a conceber mais rapidamente e com mais confiança.

Eis as principais razões que explicam este facto:

  1. Uma imagem vale mais do que mil palavras - O nosso cérebro processa imagens muito mais rapidamente do que texto. Ao representar um cenário visualmente, está a acelerar o processo de ideação para todos os envolvidos.
  2. As histórias são memoráveis - Durante séculos, os seres humanos têm utilizado histórias para transmitir tradições orais às gerações mais jovens, porque são muito mais fáceis de memorizar do que factos. Utilizar uma história como primeiro passo para a ideação pode criar o ambiente certo para o projecto desde o início.
  3. O défice de curiosidade - As histórias, especialmente as que contêm lacunas, podem muito naturalmente criar curiosidade e activar o nosso cérebro para tentar preencher os detalhes em falta. Este tipo de "poder cerebral" é exactamente o que pretende nas suas sessões de ideação.
  4. Empatia com um "utilizador real" - Tal como utilizamos personas para criar empatia com um utilizador que tem um rosto e um nome, colocar este utilizador num cenário criará níveis ainda mais elevados de empatia para com os utilizadores entre os membros da equipa de design.

Utilizar storyboards no design UX

Tal como os guionistas e os realizadores de cinema utilizam storyboards para planear os enredos de filmes e séries de televisão, os designers de experiência do utilizador podem utilizar storyboards para imaginar e planear percursos do utilizador para os produtos. A técnica de storyboarding permite-lhe escolher uma ou duas personagens e compreender não só o que fazem em cada etapa do percurso do utilizador, mas também por que razão tomam uma acção e como se sentem em relação a ela.

No início do processo de ux design, terá de pensar em algumas partes da história que pretende definir, pelo menos a nível conceptual, antes de começar a esboçar qualquer coisa.

A primeira etapa do storyboarding consiste em decidir quem é o seu personagem principal é, e se há mais personagens que gostaria de incluir no seu storyboard.

Para criar uma personagem completa, é necessário ter em conta os seguintes aspectos:

  1. O descrição básica do seu personagem que pode incluir coisas como nome, profissão, idade, sexo e qualquer outra coisa que seja relevante
  2. O que é que motiva esta personagem para utilizar o seu produto ou serviço?
  3. Em que contexto a sua personagem utiliza o produto?

O segundo passo do storyboard é definir o percurso do utilizador em si e as suas diferentes partes. É bom familiarizar-se com as partes de um percurso típico do utilizador para produtos, uma vez que isso o ajudará a pensar no que pretende incluir no seu storyboard. Isto incluirá pormenores como

  1. Consciencialização - como é que os utilizadores tomam conhecimento do seu produto ou serviço?
  2. Considerações - que decisões terão de tomar antes de decidirem comprar o produto e utilizá-lo?
  3. Comprar - como é que os seus utilizadores vão comprar o produto?
  4. Primeira experiência - como será a sua primeira experiência com o seu produto?
  5. Hábitos de utilização - como será o seu padrão de utilização regular?
  6. Principais benefícios - o que é que os seus utilizadores vão ganhar com a utilização do seu produto?

Se for demasiado difícil tentar decidir sobre todos estes aspectos desde o início, pode começar por descrever apenas as fases iniciais do percurso do utilizador e incluir apenas estas partes no seu storyboard. Estas incluem a Consciencialização, a Consideração, a Compra e a Primeira Experiência com o seu produto. Assim que tiver estes detalhes, será mais fácil para si e para a sua equipa alargar o storyboard eincluir pormenores sobre a utilização a longo prazo do seu produto.

Começar a utilizar o storyboard

Para começar a fazer um storyboard, também terá de pensar em algumas coisas diferentes. Aqui estão algumas directrizes úteis:

  1. Utilizar o estrutura de uma história com um princípio, um meio e um fim; concentre-se no objectivo que a sua personagem precisa de alcançar. Não salte directamente para as soluções no seu storyboard.
  2. Pense no ferramentas Pode usar caneta e papel para esboçar um storyboard ou usar um software de design gráfico, dependendo da sua preferência.
  3. Pense no nível de pormenor Dependendo do ponto em que se encontra no seu processo de desenvolvimento, pode querer criar histórias com mais ou menos pormenores, mas lembre-se de deixar sempre algum espaço para a imaginação.

Para o ajudar a elaborar um bom storyboard de experiência do utilizador, vamos analisar um exemplo do mundo real .

Vamos supor que quer ajudar as pessoas que adoram beber vinho, mas que ficam sobrecarregadas nas lojas de vinhos quando tentam escolher o que comprar a seguir.

Vamos supor que quer atingir pessoas entre os 25 e os 45 anos que estão a dar os primeiros passos para compreender melhor o vinho e decide criar uma aplicação para as ajudar chamada "Wine Time".

O próximo passo é começar a imaginar como as pessoas vão utilizar a sua aplicação, pelo que decide criar um storyboard.

Vamos analisar o processo.

A nossa história começa com o personagens principais Jason e Nathalie, um jovem casal na casa dos 30 anos, vivem nos subúrbios de Toronto, no Canadá. Adoram beber vinho e vão uma vez de três em três semanas à loja de vinhos local para comprar 2-3 garrafas de vinho. Normalmente compram os vinhos que são promovidos pela loja e, ocasionalmente, recebem uma recomendação de um amigo sobre o que comprar.explorando mais vinhos, e querem ficar menos sobrecarregados com a vasta selecção na sua loja. Até agora, têm comprado praticamente os mesmos vinhos todas as vezes. Isto é o que motiva para tentar encontrar uma solução para saber mais sobre o vinho.

Jason começou a ler sobre vinho nos seus tempos livres, mas continua a não achar que seja muito útil. A maior parte dos vinhos descritos nesses artigos são da Europa, e ele vive no Canadá. Não tem a certeza se os vinhos locais que encontra na loja mais próxima são comparáveis de alguma forma.

Um dia, Alison, amiga de Nathalie, sugere-lhes que experimentem uma nova aplicação chamada "Wine Time", que ajuda a aprender sobre o vinho e a encontrar vinhos de que gostem. Nesta altura da história, Jason e Nathalie tornam-se atento do produto.

O utilizador descarrega a aplicação e, de imediato, participa num rápido tutorial de "Introdução ao vinho", que o ensina a escolher os tipos de vinho que mais lhe agradam, de acordo com as suas características. primeira experiência com a aplicação e o seu momento "Aha" (muito provavelmente). Podemos pensar nesta parte como o início do meio da nossa história .

No final do tutorial, o Jonathan e a Nathalie permanecem na aplicação. "Wine Time" sugere-lhes vinhos e verifica se estão disponíveis em lojas próximas. Assim que encontram algumas garrafas de que gostam, encomendam-nas online e recebem-nas no prazo de dois dias. Esta parte da história corresponderia à comprar fase no percurso do utilizador Pode também estar relacionado com o utilização futura da aplicação se decidirem continuar a encomendar vinho através da aplicação para pouparem tempo.

É aqui que a nossa história fins e onde as nossas personagens compreendem como utilizar a aplicação "Wine Time" para alcançar os seus objectivos. objectivo de explorar mais vinhos.

A seguir, vamos falar um pouco sobre ferramentas para criar o seu storyboard.

Como pode ver na imagem abaixo, pode criar um storyboard simples, como eu fiz no Vectornator. Pode utilizar os seus ícones, bem como algum texto para visualizar o enredo da sua história. Decidi apresentar a viagem do utilizador em quatro fases para deixar algum espaço para discussão sobre os pormenores que não fazem parte do storyboard.

Manter o storyboard no nível de detalhe actual pode suscitar questões interessantes na fase de concepção, como por exemplo:

  1. Que tutoriais incluirá a aplicação?
  2. Em que parte do mundo é que a aplicação estará disponível?
  3. A que tipo de lojas de vinhos em linha devemos ligá-lo?
  4. Como será a utilização a longo prazo?

Veja o storyboard que criei para a aplicação "Wine Time".

O percurso do utilizador da "Hora do Vinho", imagem do autor.

Em suma A visualização de cenários pode tornar o processo muito mais interactivo e divertido para todos. Para representar muitos cenários, poderá ser necessário mais do que um storyboard, mas esta necessidade tornar-se-á mais clara com o tempo. Os aspectos mais importantes a ter em conta são: ser criativoe divertir-se.

Veja também: Como transformar uma ilustração digital numa pintura mural



Rick Davis
Rick Davis
Rick Davis é um designer gráfico experiente e artista visual com mais de 10 anos de experiência na indústria. Ele trabalhou com uma variedade de clientes, de pequenas startups a grandes corporações, ajudando-os a atingir seus objetivos de design e elevar sua marca por meio de visuais eficazes e impactantes.Formado pela Escola de Artes Visuais da cidade de Nova York, Rick é apaixonado por explorar novas tendências e tecnologias de design e constantemente ultrapassar os limites do que é possível na área. Ele tem uma profunda experiência em software de design gráfico e está sempre ansioso para compartilhar seu conhecimento e ideias com outras pessoas.Além de seu trabalho como designer, Rick também é um blogueiro comprometido e se dedica a cobrir as últimas tendências e desenvolvimentos no mundo do software de design gráfico. Ele acredita que compartilhar informações e ideias é fundamental para promover uma comunidade de design forte e vibrante e está sempre ansioso para se conectar com outros designers e criativos online.Esteja ele projetando um novo logotipo para um cliente, experimentando as ferramentas e técnicas mais recentes em seu estúdio ou escrevendo postagens de blog informativas e envolventes, Rick está sempre comprometido em oferecer o melhor trabalho possível e ajudar os outros a atingir seus objetivos de design.