O valor do storyboard para o design de produtos

Publicados: 2022-03-10
Resumo rápido ↬ Ao criar visuais compreensíveis e tangíveis, as empresas diminuirão as falhas de comunicação entre os departamentos e aumentarão a produtividade geral. Este artigo é para quem deseja desenvolver um produto e melhorar a comunicação interna.

Quando você pensa na palavra “storyboard”, provavelmente pensa em criação de filmes, mídia e vídeo. Historicamente, é para isso que os storyboards são usados, mas quem disse que não podemos usá-los também para o desenvolvimento de produtos?

Os storyboards são uma ferramenta eficaz de comunicação e desenvolvimento de produtos para profissionais de marketing digital, criadores de conteúdo, especialistas em experiência do usuário e gerentes de produto. Neste artigo, ensinarei por que o storyboard é valioso para o processo de desenvolvimento de produtos, bem como por que ele pode reduzir as falhas de comunicação entre os departamentos, bem como os custos indiretos.

Abaixo segue um quadrinho de uma situação clara e comum vivenciada pela maioria das empresas. As palavras só podem chegar a explicações eficazes e falhas de comunicação são uma ocorrência comum no mundo do desenvolvimento de produtos. Ao ler o artigo, lembre-se dessa imagem e observe exemplos em que o storyboard ou a comunicação visual podem evitar mal-entendidos.

Um problema clássico de comunicação corporativa
O problema de comunicação 'Tree Swing' (visualização grande)
Mais depois do salto! Continue lendo abaixo ↓

Vou definir uma cena que quase todas as empresas de tecnologia experimentam regularmente:

A profissional de marketing Mary tem uma ideia para um novo produto. Mary acha que este produto será um grande vencedor e recorre à tecnologia para que eles o construam.

A desenvolvedora Diane ouve a ideia de Mary e diz que ela começará a trabalhar nela. À medida que Diane continua a desenvolver a funcionalidade, ela percebe que o produto será realmente muito mais eficiente se ela combinar algumas das partes e cortar outras. Diane termina de construir o produto e o envia para o Creative Chris.

Chris se encontra com Mary para discutir a interface do usuário do produto, onde Mary explica suas ideias. Chris começa a trabalhar. Ele começa a incorporar as ideias de Mary, mas rapidamente percebe que tem um conceito de interface do usuário muito melhor e mais interessante em mente e, eventualmente, conclui o produto dessa maneira.

Uma vez que o projeto está completo, Mary está chateada. O produto não tem a funcionalidade solicitada, nem a interface do usuário permite que o usuário navegue no produto corretamente.

Todos os três departamentos voltam à prancheta para refazer o produto, e uma quantidade significativa de tempo e dinheiro foi desperdiçada.

Esta situação comum não é culpa de uma pessoa. Mary deveria ter explicado a Diane e Chris seu objetivo final claro do produto e deixá-los criá-lo com o objetivo em mente. Diane deveria ter entendido que Mary estava solicitando funcionalidades específicas por um motivo e mesmo que seu produto possa ter sido mais eficiente, é inútil se não atingir o objetivo final desejado . Chris deveria ter entendido que, embora o conceito de interface do usuário de Mary não fosse o mais esteticamente agradável, ela tinha essa interface por um motivo. Eles deveriam ter trabalhado juntos para criar um conceito que funcionasse para todos.

Existem algumas ideias por aí sobre como atacar problemas comuns de falta de comunicação no desenvolvimento de produtos, no entanto, muitos descobriram que a solução mais bem-sucedida é criar storyboards durante todo o processo de desenvolvimento de produtos.

Um storyboard é uma coleção de células, seja em uma progressão linear ou mapeada a partir de uma ideia central que conta uma história. Cada célula pode conter uma imagem, um título e uma descrição que fornece informações específicas ao leitor sobre determinados aspectos da história. Os storyboards são representações simples de um conceito maior e forçam seus criadores e leitores a dividir grandes tópicos complexos em subseções simples passo a passo.

A Jornada da Empreendedora Erin

A jornada fictícia, mas baseada em eventos reais, de uma empreendedora usando storyboards para ajudar ela e sua equipe a projetar, construir e iterar um produto dela.

Erin deixou seu emprego na grande empresa em que trabalhava e decidiu perseguir seus sonhos e abrir sua própria empresa. Ela já tinha uma ideia — SoLoMoFoo. O SoLoMoFoo é um aplicativo para alertar os funcionários quando houver comida gratuita disponível em áreas comuns, como salas de conferência, cozinhas de escritórios compartilhados ou escritórios particulares. Em seu antigo emprego, ela notou com muita frequência que a comida de graça é desperdiçada devido à falta de conscientização e os funcionários ficam descontentes depois de ouvir sobre a comida de graça que acabaram de perder. Ela decidiu que esse problema precisava de uma solução e que ela iria construí-lo! Primeiro, ela precisava descobrir quem exatamente seriam seus usuários-alvo.

Uma maneira útil de descobrir potenciais usuários-alvo é criar personas. Erin decidiu mapear alguns de seus usuários e compradores-alvo e registrar algumas de suas características únicas.

Criando Personas

Criar personas pode ajudá-lo a sair de si mesmo. Ele pode ajudá-lo a reconhecer que pessoas diferentes têm necessidades e expectativas diferentes e também pode ajudá-lo a se identificar com o usuário para o qual você está projetando.

— Rikke Dam, cofundador da Interaction Design Foundation
Exemplos de Personas de Comprador e Usuário
Personas para SoLoMoFoo (visualização grande)

Erin sabe que o SoLoMoFoo resolverá um problema que existe (a falta de conscientização sobre a comida disponível gratuitamente) — mas para quem esse problema existe? Quem vai usar o produto dela? Antes de Erin começar a criar storyboards, ela primeiro precisa construir suas personas. Geralmente, as empresas terão que se concentrar em dois tipos diferentes de personas – personas do usuário e personas do comprador.

1. Personas de usuário

Estas são representações fictícias de usuários por excelência que se encaixam em certos critérios. A maioria dos produtos tentará limitar o número de duas ou no máximo três personas de usuários-chave e, em seguida, concentrar a maioria dos esforços de marketing na atração desses usuários. No caso do SoLoMoFoo, existem duas personas de usuário chave que Erin identificou:

  • Baking Ben
    Ben costuma trazer comida grátis para o local de trabalho para compartilhar com colegas de trabalho. Ele se sente um pouco estranho em enviar e-mails para todo o escritório toda vez que traz cupcakes, então adoraria um aplicativo que alertasse seus colegas de trabalho para ele.
  • Hangry Hank
    Hank está constantemente perdendo comida de graça e está chateado por causa disso. Ele se sente menos produtivo quando está com fome e ficaria muito interessado em um aplicativo que o alertasse sempre que houvesse comida disponível.

2. Personas do comprador

Muitas vezes, o usuário pretendido do seu produto não é o mesmo que o comprador pretendido. No modelo de negócios do SoLoMoFoo, uma empresa inteira comprará o aplicativo SoLoMoFoo e fará com que seus funcionários o baixem. Dessa forma, todos no escritório poderão enviar alertas quando tiverem comida grátis e receber alertas quando estiverem procurando comida. Erin decidiu que o comprador mais provável do SoLoMoFoo será o departamento de RH.

  • RH Hailey
    Hailey é a gerente de RH e tem poder de compra. Ela está constantemente procurando maneiras de melhorar o moral e o engajamento dos funcionários. Ela é incentivada por seus superiores a inspirar energia e trabalho em equipe entre os funcionários e tem um orçamento para gastar em aplicativos ou ferramentas que a ajudarão a fazer isso.

A criação dessas personas ajudará você a entrar no lugar de seus usuários e de seus compradores (se eles forem diferentes). Isso ajuda você a dar um passo para trás em relação ao seu produto e vê-lo através dos olhos das pessoas para quem você está projetando.

Para começar a criar as personas que você precisa, existem vários recursos online que você pode usar. Por exemplo, você pode usar um modelo de planilha de persona como um destes:

Modelo de Persona HubSpot
Modelo de persona da HubSpot (visualização grande)
Modelo de persona Xtensio (crédito para Xtensio) (visualização grande)

Ou use uma ferramenta de criação de persona como esta da HubSpot.

Depois que as personas forem criadas, o próximo passo é descobrir como essas personas entrariam em contato com o problema que você está resolvendo, seu produto como solução e como o produto acabaria beneficiando suas vidas. Uma ótima maneira de se colocar no lugar de suas personas é criar mapas de jornada.

Mapeamento de jornada

O mapeamento da jornada do cliente ajuda você a visualizar a experiência do seu cliente do ponto de vista do cliente, em todos os diferentes pontos de contato que eles têm com sua marca à medida que buscam atingir uma meta ou metas específicas.

— Especialistas em Tandem Seven

Agora que Erin identificou as principais personas do usuário e comprador do SoLoMoFoo, é hora de ela descobrir como essas personas podem se deparar com seu produto, como elas o usariam e quais obstáculos potenciais podem enfrentar ao longo do processo. Uma ótima maneira de fazer isso é criar mapas de jornada na forma de storyboards . Criar esses storyboards de mapeamento de jornada força o designer de produto a se colocar no lugar do usuário ou do comprador e experimentar seu produto passo a passo.

Mapa da Jornada do Usuário
Mapa da jornada do cliente para SoLoMoFoo (visualização grande)

Um storyboard de mapa de jornada geralmente pode ser dividido em seis componentes principais:

  1. Problema experimentado
    Você decidiu criar seu produto por um motivo. Você acredita que seus usuários-alvo estão enfrentando um problema que desejam resolver. Qual é o problema que seu produto resolve?
  2. Pesquisa de soluções
    Depois que sua persona tiver experimentado o problema, você acredita que ela procurará uma solução. Que métodos eles usarão para pesquisar? Esses podem ser canais de marketing em potencial a serem considerados para sua estratégia de entrada no mercado.
  3. Descoberta de produtos
    Durante a busca, suas personas encontrarão seu produto e decidirão começar a usá-lo. Como eles saberão que este é o produto para eles? Como eles vão começar? Que barreiras à entrada eles podem enfrentar?
  4. Com experiência no produto
    A persona agora usará o produto e experimentará o objetivo pretendido. Como eles usam isso? Eles podem usá-lo imediatamente ou há outras etapas que eles precisam tomar?
  5. Problema aliviado
    Depois que o objetivo do produto pretendido é alcançado, o problema do usuário é aliviado. Este é o mesmo problema que você estava tentando resolver no início do seu storyboard? Que outros problemas potenciais podem resultar de sua solução?
  6. Resultado benéfico
    Agora que o problema dessa persona é aliviar, por que a vida dela é melhor? Que benefício a solução do problema trouxe para eles e como isso melhorará sua situação?

Precisa de um exemplo? Observe a ilustração abaixo:

Modelo de boneco em branco para mapeamento de jornada
Modelo de mapa de jornada do cliente (visualização grande)

No caso da Empreendedora Erin, ela deve considerar como a falta de acesso a comida gratuita afetaria o RH Hailey, como ela pesquisaria possíveis soluções, como ela se depararia com o SoLoMoFoo, como a plataforma SoLoMoFoo seria implementada em seu local de trabalho , e os potenciais benefícios e cronograma para esses benefícios que o programa SoLoMoFoo traria.

Mapeamento da jornada do comprador
Mapa da jornada do comprador para SoLoMoFoo (visualização grande)

Criar mapas de jornada na forma de storyboards é uma maneira útil de humanizar seus compradores. É essencial lembrar que seus usuários não são apenas números, mas pessoas reais. Ter um personagem humano e sua história de mapa de jornada pessoal associada a cada persona serve como um lembrete constante de que seus usuários são pessoas e suas necessidades estão mudando constantemente.

Esses mapas de jornada não são apenas uma ótima ferramenta de desenvolvimento de produtos externos, mas também uma ótima maneira de minimizar as falhas de comunicação internas.

Ao desenvolver personas de usuário e um storyboard de mapa de jornada do cliente, todos podem visualizar as etapas que uma persona seguiria ao se envolver com seu produto. Criar mapas de jornada e apresentá-los aos colegas de trabalho permite que os membros da equipe visualizem sua visão de maneira realista e tangível. Depois que cada departamento entender seus mapas de jornada, todos poderão chegar a um consenso sobre qual será o produto final, e o processo de desenvolvimento poderá continuar com todos na mesma página.

Storyboard para UX Design

O storyboard em UX é uma ferramenta que pode ajudá-lo a prever e explorar visualmente a experiência de um usuário com um produto.

— Nick Babich, editor-chefe do UX Planet
Maquete básica de storyboard de UX
Storyboard da experiência do usuário (visualização grande)

A empreendedora Erin identificou com sucesso quem ela acredita que são seus usuários e compradores-alvo e como eles entrarão em contato e usarão seu produto. Agora é hora de ela projetar a experiência do usuário do SoLoMoFoo.

Uma maneira útil de retroceder e visualizar seu produto do ponto de vista de um usuário é criar conceitos de UX por meio de storyboard. A criação de storyboards, célula por célula, força você a percorrer todas as etapas do seu processo de UX como usuário . Você pode criar facilmente vários storyboards e experimentar diferentes abordagens de UX para encontrar o conceito mais eficiente.

Erin quer projetar o SoLoMoFoo como um aplicativo simples para que ela revise as personas e os mapas de jornada com sua equipe de desenvolvimento e marketing para que eles tenham clareza sobre a visão do produto e, juntos, comecem a projetar uma experiência do usuário.

Criar esses storyboards visuais e tangíveis aponta falhas em potencial em seu UX – talvez você esteja forçando seus usuários a dar um grande salto em uma etapa e não seja intuitivo. Ou talvez você tenha algumas etapas em seu UX que possam ser combinadas em uma, eliminando assim ações supérfluas.

De acordo com o especialista em UX, Luca Morovian:

“O storyboard de UX pode ajudar a prever e explorar visualmente a experiência do usuário com um produto. Ele visualiza como as pessoas interagem com um serviço ou aplicativo. Um storyboard de UX também pode ajudar a entender as motivações e experiências atuais dos usuários relacionadas a um determinado problema.”

O poder e o valor do storyboard para UX vem no processo de criação, permitindo que você experimente seu produto como usuário, o que permite otimizar melhor para um design eficaz e uma taxa de conversão aprimorada.

UX Storyboard com setas de aspecto
Storyboard de experiência do usuário com descrições detalhadas (visualização grande)

Por fim, Erin identificou seus usuários e compradores-alvo, mapeou a jornada de seus processos e construiu um UX simplificado – mas o processo de desenvolvimento de produtos nunca termina.

Storyboarding para iterações e melhorias de produtos

Seu pessoal conhece seus produtos melhor do que ninguém, desde que você faça as perguntas certas e use storyboards atraentes, você pode solicitar reações deles e iniciar uma discussão sobre o que você precisa descobrir.

— André Bourque, empresário

Erin agora identificou quem ela acha que usará e comprará seu SoLoMoFoo, como eles encontrarão o produto e se envolverão com ele e como o fluxo de usuários da plataforma será projetado.

Como os desenvolvedores de produtos sabem, um produto nunca está totalmente completo . À medida que a tecnologia muda, os usuários se adaptam e seu produto também. É importante consultar constantemente os mapas de jornada do cliente e as personas do usuário para garantir que eles ainda sejam precisos para o seu produto. À medida que você aprende mais sobre seus usuários e cenários de casos de usuários, seu produto deve se adaptar de acordo.

Ao analisar as iterações de produtos, a maioria das equipes de desenvolvimento de produtos tem dificuldade em isolar o escopo e decidir qual aspecto do produto atual eles desejam alterar. Os storyboards podem ajudar os designers de produto a dividir seu produto em segmentos individuais, o que permite que eles trabalhem especificamente em um aspecto de um produto sem envolver outros.

Aqui estão algumas perguntas que você pode usar como guia:

  • Você tem um problema de taxa de conversão na página inicial e deseja modernizar a interface do usuário?
  • Os usuários não estão respondendo às suas call-to-actions? Talvez o seu UX seja muito complicado? Ou talvez as pessoas simplesmente não estejam comprando seu produto, então você está realmente resolvendo seu problema percebido?

Ter um storyboard do seu produto permite que você veja claramente quais partes do seu produto são responsáveis ​​por quais ações dos usuários. Como resultado, você pode focar seu processo de iteração em um aspecto do seu produto em vez do produto como um todo, permitindo melhorias mais rápidas e um processo mais limpo.

Como começar

Agora que você tem o conhecimento sobre como começar a usar storyboards em seu processo de desenvolvimento de produtos, é hora de começar.

Aqui estão alguns passos rápidos para ajudá-lo a dar o primeiro passo:

  1. Identifique o problema para o qual seu produto está resolvendo;
  2. Identifique 1-3 personas de usuário e 1-3 personas de comprador (se diferentes);
  3. Crie mapas de jornada para suas personas;
  4. Design UX flui em torno das necessidades do seu público-alvo;
  5. Iterar, repetir e melhorar!

Concluindo, agora você tem ferramentas para começar a incorporar o storyboard em seu processo de desenvolvimento de produtos. Desde o início, identificando seus usuários-alvo até o final, criando um UX e iterando seu produto para melhorias.

O uso de storyboards durante o processo de design do produto ajudará a evitar falhas de comunicação simples e permitirá que você e sua equipe tenham um conceito claro de como seu produto será realizado e como será. Comece a fazer o storyboard de sua nova ideia de produto hoje!