Usando tiras cômicas e storyboards para testar seus conceitos de UX

Chris Spalton Blocked Desbloquear Seguir Seguindo 7 de janeiro

Eu anteriormente escrevi este artigo sobre meus 7 principais usos para esboçar em UX, e este artigo sobre como eu fui sobre publicar meu romance gráfico do projeto pessoal lateral The Eelman Chronicles , no entanto, para este artigo eu gostaria de dar um mergulho um pouco mais profundo em como eu combino o desenho para projetos de UX, e histórias em quadrinhos, a fim de trazer conceitos para a vida, a fim de testar possíveis fluxos de trabalho e idéias futuras.

Uma jornada UX simples em forma de quadrinhos

Cada vez mais estamos lendo sobre os benefícios de esboçar e todos os UXers sabem o valor (especialmente no estágio de ideação de um projeto) de rabiscar o máximo possível de idéias para fomentar a discussão, tirar todas as idéias e começar a eliminar as más idéias e refinando os bons. No entanto, essas ideias costumam ser telas estáticas ou uma visão de como será o produto real, em vez da jornada de seu usuário ao usá-lo.

Isso é 100% valioso e tem seu lugar, mas para testar o fluxo de um cenário potencial, o storyboard e os quadrinhos podem realmente adicionar uma dimensão extra à qual seus usuários podem se relacionar ou não e fornecer feedback sobre os tipos de atividades, pensamentos e sentimentos que eles estariam experimentando ao longo do caminho. Eles permitem que você veja a imagem mais ampla, em alguns casos além da tela, e realmente entende como suas hipóteses iniciais de design podem afetar seu usuário.

Às vezes, usamos mapas de jornada ou diagramas de fluxo para descrever esse processo e, novamente, são muito valiosos, especialmente em termos de compreensão e categorização dos diferentes elementos (pensamentos, sentimentos, pontos de dor, etc.) do movimento de um usuário pelo produto. Na verdade, eles são um dos primeiros passos ideais a serem dados ao mapear um UX Comic, mas podem ocasionalmente se tornar muito formais, ou "acadêmicos", e é preciso um salto cognitivo extra para realmente colocar o leitor no lugar do usuário .

Um diagrama de fluxo – a partir disso, você pode gerar vários cenários para se adaptar a uma saída mais identificável e empática, como uma história em quadrinhos.

Os seres humanos naturalmente se relacionam com o visual, e estamos constantemente escrevendo, experimentando e refinando nossas próprias narrativas e acho esse meio uma ótima maneira de realmente comunicar potenciais futuros de uma maneira que marque ambas as caixas.

Storyboards vs Comics

Este pode ser um bom momento para realmente definir a diferença entre um storyboard e um comic. Eu gosto desta explicação de Gina Smith na Citrix, onde ela diz:

Em resumo, os storyboards são ferramentas criadas para orientar a criação de outra coisa. Quadrinhos são um formato de narrativa visual. Eles são projetados para serem consumidos e são produtos acabados em si mesmos.

Acho que essa é uma distinção importante a ser feita, especialmente quando se trata de usar visuais e narrativas em seus projetos de UX. Na definição de Gina acima, ela descreve como os Storyboards são ferramentas para orientar a criação de algo mais – isso é perfeito para design e planejamento de interação mais detalhados e detalhados, histórias em quadrinhos contam uma história visual e é onde elas são perfeitas para visualizar o usuário viagem mais holisiticamente.

Eu acho que esta é a diferença chave, use histórias em quadrinhos para contar a narrativa abrangente, e uma vez que você tenha isso pregado, use storyboards para trabalhar através das interações individuais que compõem essa história.

Eu não sou especialista em interações detalhadas, então minha experiência reside principalmente na narrativa, e é aí que eu tenho mais valor em usar esse meio.

Exemplo de UX Comic mais detalhado

O processo

Como eu mencionei acima, desenhar os quadrinhos é apenas uma parte do processo, está levando a pesquisa que você realizou (você fez a pesquisa, certo?), E as necessidades do usuário / cliente que você identificou a partir dos insights Ele gerou e tomou a solução potencial hipthosese que você desenvolveu como um e tecendo-os em uma narrativa para testar como um conceito.

É importante ressaltar que essas soluções não são validadas como esta etapa, são histórias do que eu penso (com base na análise da pesquisa) pode representar uma solução ideal para resolver as dores do usuário em um determinado cenário.

Como você pode ver nos quadrinhos que criei acima, não estou simplesmente mostrando as telas ou as interações pelas quais o usuário pode se mover. Na verdade, estou mostrando as pessoas envolvidas e o que elas podem estar pensando, dizendo e se comunicando durante o processo.

Eu acho que é aí que reside o verdadeiro poder de usar quadrinhos como parte de seu processo de design, já que o leitor pode ver e entender o elemento humano real na jornada muito melhor do que um passo a passo de como uma série de elementos de formulário funcionará.

Pode ser um pouco intimidante sentar lá com um pedaço de papel em branco e pensar em começar a desenhar uma história em quadrinhos imediatamente. Portanto, é importante dar à sua história alguma estrutura.

Entenda e analise

Depois de realizar as descobertas iniciais da pesquisa exploratória e destilá-las em qualquer estrutura que funcione melhor para você, seja Tarefa para Concluir ou Histórias do usuário, mapeamento de jornada ou qualquer outra ferramenta que ajude a entender as necessidades do usuário, comece pensando em algumas cenários, que representam um conjunto de versões ideais do futuro. Separar as coisas em vários cenários permite lidar com pequenos pedaços da história sem sobrecarregar a si mesmo.

Script e desenhe

Comece fazendo um roteiro para o seu cenário, um conjunto de 8 a 10 pontos percorrendo o processo me ajuda a entender meus pensamentos e entender como a história que estou tentando explicar se encaixa.

Depois de ter o roteiro pregado, identificando quais pontos específicos cada etapa do roteiro aborda e uma ideia de como abordá-los, desenhe miniaturas aproximadas de um marcador por postagem. Isso ajuda você a visualizar a narrativa e desenhando-a, você pode começar a ver se a narrativa faz sentido, se não, embaralhe a postagem para ter certeza de que você está contando uma história coerente, mantendo as realidades e restrições da vanguarda da vida do usuário em todos os momentos. .

Desenhe os quadrinhos

Quando estiver satisfeito com a estrutura, comece a desenhar os quadrinhos 'apropriados'. Como eu mencionei acima, não se preocupe muito com a precisão de suas telas neste estágio, o objetivo desses quadrinhos é testar se o fluxo de trabalho / histórias faz sentido para os usuários em resolver seus problemas, não faz sentido em gastar tempo projetando telas bonitas se não fizerem sentido no mundo dos usuários. Os projetos 'reais' virão depois, estamos apenas tentando entender se o conceito será útil neste estágio.

Certifique-se de incluir as telas, (ou uma representação de), mas como mencionado acima, certifique-se de incluir as pessoas, o que eles podem estar dizendo, pensando e fazendo em cada fase. Isso permitirá que você explique, questione e valide a cada etapa, se isso for algo que faça sentido para seus usuários.

Há milhares de artigos sobre desenhar quadrinhos, mas o principal que eu quero expressar não é limitado pela sua habilidade artística (ou falta de), até mesmo os stickmen farão o trabalho, desde que você possa expressar emoções para ajudar a transmitir como seu usuário está se sentindo. (sobrancelhas e bocas são a chave!).

O aspecto chave é a história que você está contando, não se seu quadrinho for pendurar o Louvre. (alerta de spolier: não é).

Apoie sua história

Em termos de testar se vale a pena explorar melhor seus cenários e soluções, tenho boas experiências com o desenvolvimento da Proof of Concepts, meus antigos colegas da Foolproof escreveram este excelente artigo sobre os benefícios do desenvolvimento de protótipos de prova de conceito e acho que a criação de wireframes leves ou clicáveis protótipos para orientar o usuário em um determinado cenário realmente ajuda a dar vida a ele.

TESTE (obviamente)

Com os quadrinhos e o PoC Prototype combinados, você é capaz de estruturar os testes através da compreensão se o estado futuro que você imaginou faria a diferença na vida dos usuários, e então, ao percorrer o protótipo, começar a trabalhar nos detalhes do que os melhores caminhos para trazer a história para a realidade podem ser.

O quadrinho ajudou você a explicar, e o usuário imagina, uma nova realidade em potencial, e através de testes e desenvolvimento do protótipo você pode começar a transformar isso no produto final, enquadrar tudo como parte de uma história realmente ajuda a fazer a diferença. parte disso. Colocando seu participante no lugar de um personagem, ele é facilmente capaz de se relacionar com o local onde as coisas se alinham, onde as coisas diferem e onde as coisas precisam mudar, quando o usuário diz “Eu não faria X nesta fase, mas eu faria Y em seguida, ou isso não faria sentido para mim aqui.

A visualização permite que eles vejam claramente o processo e os estágios em relação a outras partes de sua jornada.