As 8 etapas para criar um ótimo storyboard

Jake Knapp, do Google Ventures, nos mostra o processo ultrarrápido que ele emprega para colocar as ideias de uma equipe no papel.

As 8 etapas para criar um ótimo storyboard

[ Nota do editor: esta é a quarta de uma série de sete postagens sobre como executar seu próprio design sprint do Google Ventures. Leia a primeira parte aqui , o segundo aqui , e o terceiro aqui . ]

Nota do editor



30/12/13

Feliz (quase) Ano Novo! Estamos nos despedindo de 2013 revisitando algumas de nossas histórias favoritas do ano. Aproveitar.



No Google Ventures Design Studio, temos um processo de cinco dias para obter um produto ou recurso, desde o design até a prototipagem e o teste. Chamamos isso de sprint de design de produto. Nos primeiros dois dias do sprint, aprendemos sobre o problema, compartilhamos muito conhecimento e escolhemos o desafio que queremos enfrentar neste sprint. É hora de começar a criar soluções. Espere que essa etapa demore entre duas horas e o dia todo.




Eu chamo essa etapa de divergir porque quando todos (do CEO ao gerente de marketing) estão fazendo esboços rápidos, tendemos a ter muitas ideias - e diferentes tipos de ideias. Lembra-se de Legend of Zelda como o mapa iluminava as salas que você visitou enquanto explorava a masmorra? Isso é o que você está fazendo no dia 2: iluminando todos os caminhos possíveis.

Embora você vá gerar ideias, não pense nisso como um brainstorming - pelo menos não o tipo de brainstorming que todo mundo está gritando. Em vez disso, todos no sprint trabalharão silenciosa e individualmente, geralmente em torno da mesma mesa. Os exercícios descritos abaixo o forçam a tirar as ideias da cabeça e colocá-las no papel, sem ficar preso à sensação de que elas precisam ser concluídas ou perfeitas.

Tire a poeira dessas velhas ideias



Na minha experiência, algumas das melhores ideias que surgem dos sprints geralmente já existiam antes do início do sprint. Não é que fossem ideias ruins; eles simplesmente não tinham recebido amor suficiente ainda. O sprint dá a você a chance de colocar todas as soluções em igualdade de condições. Se você não apresentar suas ideias pré-existentes, você prestará um péssimo serviço a si mesmo.

Como as novas ideias são tão brilhantes e frescas, o facilitador precisa lembrar a todos que pensem no velho primeiro. Não há necessidade de ficar envergonhado com a solução em que você pensou cinco meses atrás enquanto comia um burrito ou tomava banho.

Papel primeiro



Um problema com o design business-as-usual-é que as empresas adquirem o hábito de ir direto para maquetes de alta fidelidade. Em um design sprint, começamos a projetar no papel por uma série de razões:

• É mais rápido.
• Todos podem contribuir (não apenas designers).
• Ninguém se apega muito às ideias geradas porque são muito rápidas e rudes. Nós usamos propositadamente marcadores grossos para garantir que nada se torne muito precioso.
• Eu mencionei que é mais rápido?

Execute a série de exercícios abaixo para orientar todos, desde a tomada de notas até o esboço e o compartilhamento. Veja meu postagem anterior para obter uma lista exata dos materiais de que você precisa. Eu uso meu fiel Temporizador para que todos possam ver quanto tempo resta em cada exercício.

Quando estou facilitando um sprint, gosto de lembrar a todos que não vamos compartilhar nenhum dos materiais até que façamos storyboards - essa é a etapa cinco do ciclo - e eles terão muito tempo para aprimorá-los. Quero ter certeza de que todos se sintam soltos e saibam que realmente terão muito tempo para trabalhar, embora estejamos acompanhando o tempo à medida que avançamos.

1. Escolha parte do problema

No Dia 1, você desenhou um diagrama da história do usuário . Olhem para isso juntos como uma equipe. Se a história do usuário tiver mais de duas etapas (e provavelmente é), você precisará dividi-la antes de começar a esboçar. Isso é tão simples quanto encontrar pedaços naturais na história e desenhar uma caixa ao redor deles, assim:


Agora decida em qual parte focar primeiro. Geralmente faz sentido ter todos no sprint focalizando a mesma parte do problema ao mesmo tempo. Se você adotar essa abordagem, fará um ciclo para cada parte do problema, com todos colaborando em cada parte conforme você avança.

Você também pode dividir e conquistar - todos pegam uma parte da história na qual estão interessados ​​e trabalham nisso. Essa maneira geralmente é mais rápida, embora apresente o risco de que as pessoas não pensem na história do usuário de forma holística. Se você tem mais de dois ou três blocos em sua história, pode ter que dividir e conquistar, ou talvez decidir que vai se concentrar em uma parte menor do problema para este sprint.

De qualquer forma, o facilitador garante que todos saibam em qual parte da história do usuário estão se concentrando antes de você continuar.

2. Faça anotações (5 minutos)

Neste ponto da sprint, os quadros brancos e as paredes provavelmente estão cobertos por diagramas, notas e como podemos colocar notas adesivas . Esta é sua chance de recarregar essas coisas em seu cérebro. Todo mundo pega um pedaço de papel e anota tudo o que acha que é útil.

3. Mapa mental (10-15 minutos)

Agora você vai adicionar todas as outras ideias que estão em sua cabeça, misturá-las com as anotações que acabou de fazer e organizá-las livremente no papel. O mapa mental vai ser sua folha de dicas que você pode usar quando estiver esboçando ideias de interface do usuário.

Se você ainda não está familiarizado com o mapeamento mental, geralmente o descrevo como escrever tudo em sua cabeça, sem formatação específica; ou brainstorming individual tranquilo. Você pode escrever palavras e conectá-las ou não, pode desenhar ou não - você basicamente não pode fazer isso errado. O importante é que todos estejam tirando todas as soluções, velhas e novas, da cabeça e colocando-as no papel com baixíssima fidelidade.

Aqui está um exemplo:


4. Crazy Eights (5 minutos)

Todo mundo dobra uma folha de papel em branco ao meio quatro vezes, depois a desdobra, de modo que eles obtêm oito painéis. Então você tem cinco minutos no total para desenhar oito esboços, um em cada painel. Sim, você fez as contas corretamente, o que significa cerca de 40 segundos por esboço, o que é uma loucura ... mas é uma ótima maneira de criar variações de ideias rapidamente. E, uma vez que não são compartilhados com o grupo, não há necessidade de se preocupar em torná-los bonitos.

Como você tem apenas 40 segundos para cada desenho, precisará desligar a autodição e apenas colocar suas ideias no papel. Crazy Eights também ajudará a liberar seus músculos criativos e torná-lo mais produtivo nos exercícios de desenho subsequentes. Se você ficar preso, tente repetir um esboço anterior com uma pequena variação - esse tipo de exploração é útil e o mantém em movimento.


Para obter melhores resultados, faça duas rodadas de Crazy Eights. No segundo turno, todos vão pegar o jeito. Você está raspando o fundo do barril, o que torna mais doloroso ter novas ideias, mas muitas vezes é daí que vêm as soluções mais interessantes.

Agora você pode estar pensando, eu sou um pouco hipócrita: no início deste post, eu disse que ideias antigas são melhores, e agora estou pedindo a você para apresentar novas ideias. Não me interpretem mal, não há problema em preencher suas folhas do Crazy Eights com ideias antigas. Mas as novas também são boas - só porque as ideias antigas tendem a ser mais fortes, não significa que sempre ganham.

Dica profissional: obtenha o Aplicativo Bit Timer para o seu iPhone e defina-o para períodos de trabalho de 30 segundos e períodos de descanso de 10 segundos para oito repetições, para que você não tenha que cronometrar sozinho. O alarme do período de descanso atua como um aviso de 10 segundos para encerrar seu esboço atual. (Crazy Eights são baseados no 685 exercício apresentado a nós por Brynn Evans.)

5. Storyboard (10-20 minutos)

Agora vamos tornar o diagrama da história do usuário mais concreto, e vamos fazer algo que será compartilhado anonimamente e criticado pelo grupo. O objetivo é pegar as ideias que geramos até agora e esboçar uma IU real mostrando como um usuário se moveria por esta parte da história - onde ele clica, quais informações eles inserem, o que eles pensam, etc.

Comece com uma folha de papel em branco e coloque três notas adesivas nela. Cada nota adesiva é um quadro no storyboard. É como uma história em quadrinhos que você vai preencher. Reveja seu mapa mental e seus Oitos loucos e encontre as melhores ideias. Provavelmente, você está ansioso para ilustrar pelo menos um deles com mais detalhes. Agora você está pronto para o rock. Peço a todos que desenhem a interface do usuário nos três quadros de seu storyboard mostrando uma progressão: primeiro isso, depois aquilo, depois aquilo.


Existem três regras importantes de storyboard:
Faça isso sozinho: Assim como um produto real, seu desenho tem que fazer sentido por si só, sem você lá para lançá-lo. Nas próximas etapas, as pessoas verão isso, mas você não terá a chance de falar sobre sua ideia até o final.
Mantenha o anonimato: Não escreva seu nome no desenho. Você vai querer que todas as ideias comecem em igualdade de condições e pode ser perturbador saber qual foi desenhada pelo CEO.
Dê um nome: Crie um título atraente para sua ideia. Isso torna mais fácil discutir e comparar mais tarde.
Quando terminar os storyboards, pendure-os na parede com alguns coisas pegajosas . Dica profissional: pendure-os lado a lado (como um museu de arte) para que as pessoas não tenham que se aglomerar para vê-los.

6. Crítica silenciosa (5 a 10 minutos)

Dê a todos um monte de adesivos de pontos . Então, sem falar, todos olham para os diferentes storyboards e colocam um adesivo em cada ideia ou parte de uma ideia que gostam. Não há limites para a quantidade de adesivos que você pode usar, e eu nem mesmo impeço as pessoas que querem descaradamente votar em suas próprias ideias. No final, você tem uma espécie de mapa de calor, e algumas ideias já estão se destacando.

7. Críticas de 3 minutos (3 minutos por ideia)

Em seguida, todos se reúnem em torno dos storyboards, um de cada vez. Primeiro, as pessoas falam sobre o que gostaram, depois perguntamos à pessoa que desenhou se perdemos algo importante. Normalmente, as melhores e mais populares ideias são aquelas que as pessoas podem entender sem uma explicação, então o autor do storyboard geralmente não tem mais nada a acrescentar. Esse processo funciona muito melhor do que deixar as pessoas explicarem suas ideias primeiro - o que quase sempre consome muito tempo.


Às vezes, gosto de fazer essa etapa em um projetor, especialmente se houver muitas ideias para passar. Vou tirar fotos de cada storyboard no meu telefone, enviá-los para o Dropbox, colocá-los em um arquivo do Keynote e, em seguida, fazer anotações sobre as partes que gostamos com contornos e rótulos de texto à medida que avançamos no projetor. Isso é mais fácil para todos verem e você tem um artefato digital com as ideias para usar mais tarde. A desvantagem é a configuração: conte com 15 minutos extras para capturar e enviar fotos.

8. Super voto (5 minutos)

Depois de examinar todas as ideias, todos recebem um ou dois adesivos especiais (que podem ser os mesmos adesivos de pontos de antes com uma marca de caneta neles). Esses são super votos para as ideias que você considera as melhores. Entre o mapa de calor original e esses super votos, é muito fácil ver quais são os conceitos mais fortes.

Os super votos oferecem uma maneira única de ajustar o processo para refletir a estrutura de tomada de decisão de sua equipe ou empresa. O seu CEO toma todas as decisões finais sobre o produto? Se for esse o caso, seja honesto sobre isso e dê a ela três super votos e um a todos os outros. Ou talvez seja um diretor de experiência do usuário ou talvez um conjunto de produto e design que comanda. A regra simples é dar votos extras aos decisores.

Por padrão, esse processo será uma meritocracia, mas nem sempre é assim que as empresas trabalham e, francamente, o consenso pode levar a decisões de design ruins. A última coisa que você quer são decisões que os decisores não apóiam verdadeiramente. Em algumas equipes, essas regras podem ser não escritas, então não se surpreenda se parecer um pouco estranho trazê-las à tona - a longo prazo, você ficará feliz por ter feito isso.

Repita

Agora estamos de volta à primeira etapa para iniciar todo o ciclo novamente. (Não se preocupe, fica mais fácil a cada repetição.) Se você dividiu a história do usuário da última vez, pode ser hora de passar para outra parte. Muitas vezes, quando estou correndo um sprint, vou perceber neste ponto que nosso escopo era muito grande e devemos apenas dobrar e continuar trabalhando na mesma seção. De qualquer forma, o final de um ciclo é um bom momento para gastar alguns minutos e decidir cuidadosamente onde focar em seguida.

Espere que uma equipe seja capaz de fazer este ciclo duas ou três vezes por dia antes de se esgotar. Faça muitas pausas e lanches para manter as tropas em movimento.

Fique ligado no próximo episódio, onde falaremos sobre como decidir quais peças desses storyboards vão para seu protótipo.

15 dias para achatar o meme da curva

Relacionado

Como conduzir seu próprio Google Ventures Design Sprint

Do Google Ventures, os 6 ingredientes de que você precisa para executar um Design Sprint

A primeira etapa em um desafio de design: construir a compreensão da equipe