O papel dos guións gráficos no deseño UX

Como deseñador de UX, moitas veces terás que poñer a traballar a túa imaxinación para dar vida a novas ideas. Unha ferramenta que pode axudar con este proceso é o guión gráfico. Esta ferramenta está tomada dun dominio completamente diferente (o cine), pero xa deixou a súa pegada no mundo da UX. Os guións gráficos son excelentes para axudar aos deseñadores a visualizar como usarán os usuarios os produtos que deseñan.

Que é un guión gráfico?

Un guión gráfico é unha forma visual para representar un escenario que contén unha secuencia duns poucos eventos. Os estudos Walt Disney foron os primeiros a que se lle ocorreu a idea na década de 1930. Moitos outros campos, incluído o deseño de UX, adoptaron o guión gráfico como unha forma de representar escenarios visualmente.

Neste punto, probablemente te preguntes "Por que debería usar guións gráficos?".

A resposta breve é ​​que axudarache a deseñar máis rápido e con máis confianza.

Aquí están as principais razóns polas que se produce este caso:

1. Unha imaxe é vale máis que mil palabras - O noso cerebro procesa as imaxes moito máis rápido que o texto. Ao representar un escenario visualmente, estás acelerando o proceso de ideación de todos os implicados.
2. As historias son memorables - Durante séculos, os humanos estiveron usando historias para pasar orais. tradicións ás xeracións máis novas porque son moito máis fáciles de memorizar que os feitos. Usar unha historia como primeiro paso para a ideación pode establecer o estado de ánimo adecuadopara o proxecto dende o principio.
3. A brecha da curiosidade - As historias, especialmente as que conteñen lagoas, poden crear curiosidade de forma moi natural e activar o noso cerebro para probar para cubrir os datos que faltan. Este tipo de "capacidade intelectual" é exactamente o que queres nas túas sesións de ideación.
4. Empatizar cun "usuario real" - Igual que usamos persoas para crear empatía cun usuario que teña unha cara e un nome, colocar este usuario nun escenario creará niveis aínda máis altos de empatía cara aos usuarios entre os membros do equipo de deseño.
   Ver tamén: Como converter unha foto nun deseño vectorial

Usar guións gráficos no deseño de UX

Do mesmo xeito que os guionistas e os directores de cine usan guións gráficos para planificar as tramas en películas e televisión serie, os deseñadores de UX poden usar guións gráficos para visualizar e planificar as viaxes dos usuarios para os produtos. A técnica de guión gráfico permítelle escoller un ou dous personaxes e comprender non só o que fan en cada paso da viaxe do usuario, senón tamén por que realizan unha acción e como se senten respecto diso.

Ao comezo de no proceso de deseño de ux, terás que pensar nalgunhas pezas da historia que queres definir, polo menos a nivel conceptual, antes de comezar a debuxar nada.

O primeiro paso no guión gráfico sería decidir cal é o teu personaxe principal , e se hai máis personaxes que che gustaría incluír no teu guión gráfico.

Para podercrea un personaxe completo, terás que pensar nas seguintes cousas:

1. A descrición básica do teu personaxe que pode incluír cousas como como nome, profesión, idade, sexo e calquera outra cousa que sexa relevante
2. Que motiva a este personaxe a utilizar o teu produto ou servizo?
3. En que contexto usa o produto o teu personaxe?

O segundo paso no guión gráfico é definir a propia viaxe do usuario e as súas diferentes pezas. É bo familiarizarse coas partes dunha viaxe típica do usuario para produtos, xa que axudarache a pensar no que queres incluír no teu guión gráfico. Isto incluirá detalles como:

1. Concienciación : como aprenderán os usuarios sobre o teu produto ou servizo en primeiro lugar?
2. Consideración : que decisións terán que tomar antes de decidir comprar o produto e usalo?
3. Comprar - Como mercarán os teus usuarios o produto?
4. Primeira experiencia - Como será a súa primeira experiencia co teu produto?
5. Hábitos de uso : como será o seu patrón de uso habitual?
6. Principais beneficios : que obterán os seus usuarios ao usar o teu produto?

Se é demasiado difícil tentar decidir sobre todas estas cousas desde o principio, podes comezar describindo só as fases iniciais doa viaxe do usuario e inclúe só estas partes no teu guión gráfico. Estes inclúen a concienciación, a consideración, a compra e a primeira experiencia co teu produto. Unha vez que completes estes detalles, será máis fácil para ti e para o teu equipo ampliar o guión gráfico e incluír detalles sobre o uso a longo prazo do teu produto.

Comezar. con storyboard

Para comezar co storyboard tamén terás que pensar nalgunhas cousas diferentes. Aquí tes algunhas pautas útiles:

1. Utilizar a estrutura dunha historia cun principio, un medio e un final; céntrate no obxectivo que o teu personaxe debe acadar. Non vaias directamente ás solucións no teu guión gráfico.
2. Pensa nas ferramentas que utilizarás para crear o guión gráfico. Podes usar papel e bolígrafo para debuxar un guión gráfico ou usar un software de deseño gráfico, dependendo das túas preferencias.
3. Pensa no nivel de detalle que queres incluír na historia. Dependendo de onde esteas no teu proceso de desenvolvemento, podes querer crear historias que teñan maior ou menor cantidade de detalles, pero recorda que sempre debes deixar espazo para a imaxinación.

Para axudarche a armar un bo guión gráfico UX, vexamos un exemplo do mundo real .

Supoñamos que queres axudar ás persoas que adoran beber viño pero déixate abrumar nas tendas de viños mentres o intentaspara escoller o que comprar a continuación.

Supoñamos que quere dirixirse a persoas de entre 25 e 45 anos que están a dar os primeiros pasos para comprender mellor o viño. Decides crear unha aplicación para axudarlles chamada "Wine Time".

O teu seguinte paso é comezar a imaxinar como a xente usará a túa aplicación. Así que decides crear un guión gráfico.

Imos polo proceso.

A nosa historia comeza cos personaxes principais , Jason e Nathalie, unha parella nova de 30 anos. Viven nos suburbios de Toronto, Canadá. Encántalles beber viño e van unha vez cada tres semanas á súa tenda de viños local para comprar 2-3 botellas de viño. Adoitan comprar os viños que promociona a tenda e, de cando en vez, reciben unha recomendación dun amigo sobre que comprar. Recentemente querían comezar a explorar máis viños e queren estar menos abrumados coa ampla selección da súa tenda. Ata agora, practicamente compraron os mesmos viños cada vez. Isto é o que os motiva a tratar de buscar unha solución para saber máis sobre o viño.

Jason comezou a ler sobre viño no seu tempo libre, pero aínda así o fai. non creo que sexa moi útil. A maioría dos viños descritos neses artigos son de Europa, e vive en Canadá. Non está seguro de se os viños locais que atopa na tenda próxima son comparablesde calquera xeito.

Un día, a amiga de Nathalie, Alison, suxire que proben unha nova aplicación chamada "Wine Time". A aplicación axúdache a aprender sobre o viño e axúdache a atopar os que che gusten. Neste punto da historia, Jason e Nathalie toman coñecemento do produto.

Descargan a aplicación e inmediatamente realizan un tutorial rápido de "Introdución ao viño". . O titorial ensínalles que tipo de viños poden gustar en función de diferentes características. Isto correspondería á súa primeira experiencia coa aplicación e ao seu momento "Aha" (moi probablemente). Podemos pensar nesta parte como o comezo do medio da nosa historia .

Ao final do titorial, Jonathan e Nathalie permanecen na aplicación. "Wine Time" suxire viños para eles e comproba se están dispoñibles nas tendas próximas. Unha vez que atopan un par de botellas que lles gustan, pídenas en liña e recíbenas nun prazo de dous días. Esta parte da historia correspondería á etapa de compra na viaxe do usuario . Tamén podería estar vinculado ao uso futuro da aplicación se deciden seguir pedindo viño na aplicación para aforrar tempo.

Aquí é onde a nosa historia. remata e onde os nosos personaxes entenden como usar a aplicación "Wine Time" para acadar o seu obxectivo de explorar máis viños.

A continuación, imos falar un pouco sobre as ferramentas para crear o teuguión gráfico.

Como podes ver na imaxe de abaixo, podes crear un guión gráfico sinxelo como fixen eu en Vectornator. Podes usar as súas iconas, así como algún texto para visualizar a trama da túa historia. Decidín presentar a viaxe do usuario en catro etapas para deixar espazo para o debate sobre os detalles que non forman parte do guión gráfico.

Mantendo o guión gráfico no nivel de detalle actual podería provocar preguntas interesantes en a fase de ideación, como:

1. Que titoriais incluirá a aplicación?
2. En que parte do mundo estará dispoñible a aplicación?
3. Que tipo de viño en liña tendas deberíamos conectalo?
4. Como será o uso a longo prazo?

Bótalle un ollo ao guión gráfico que creei para a aplicación "Wine Time".

A viaxe do usuario "Wine Time". . Imaxe do autor.

‍

En resumo , o guión gráfico é unha excelente ferramenta que podes usar como deseñador de UX para dar vida a ideas conceptuais antes. comezas a idear co teu equipo. Visualizar escenarios pode facer que o proceso sexa moito máis interactivo e divertido para todos. Para representar moitos escenarios, é posible que necesites máis dun guión gráfico, pero esta necesidade farase máis clara co paso do tempo. As cousas máis importantes para lembrar son: ser creativo e divertirse.