Design UX para desenvolvedores

O que são as Metas do Usuário, as Listas de Tarefas, os Fluxos do Usuário, os Mapas de Empatia e os Mapas de Viagem? Como você usa estes para fazer User Personas? Como você usa tudo isso para criar produtos mais úteis e agradáveis? Aprenda tudo isso neste breve guia de 8 minutos.

Foto por Headway em Unsplash

Como desenvolvedor da Web ou de dispositivos móveis, muitas vezes você pode se perguntar o que é realmente o que os desenhistas de UX fazem? Como você coloca as mãos nesta poeira mágica que torna os produtos de algumas empresas notavelmente mais fáceis e divertidos de usar? Como você constrói produtos com grande usabilidade quando não tem o orçamento de contratar um UX Designer para o seu projeto paralelo solo?

Eu escrevi este guia para explicar o que se passa na mente de um Designer de UX quando protótipos de produtos – para que você possa pensar como um também! Vamos começar.

Objetivos do usuário

Um objetivo do usuário é o que o usuário está tentando alcançar. Para freeCodeCamp, o objetivo do usuário é aprender a programação da web para que eles possam começar a criar aplicativos da web. Para o usuário do Uber, o objetivo é encontrar um táxi para chegar a um destino. Para o usuário de Fandango, o objetivo é reservar um ingresso de cinema. E assim por diante.

É importante identificar as metas do usuário antes de começarmos a projetar qualquer coisa. Qual é o problema do usuário que estamos tentando resolver? O que o usuário quer fazer aqui? Qual é o principal trabalho para o qual o usuário está contratando seu produto?

Geralmente, há vários objetivos de usuário em um aplicativo: dividiremos cada um desses objetivos em uma lista de tarefas que o usuário deve realizar para atingir sua meta.

Listas de Tarefas

Depois de identificar uma meta de usuário, você pode começar a dividi-la em uma lista de tarefas que o usuário deve realizar para concluir a meta com êxito. Para encontrar um Uber, uma lista de tarefas seria a seguinte:

  1. Abra o aplicativo Uber.
  2. Digite um destino na caixa "Para onde?" Na parte superior.
  3. Escolha o tipo de Uber desejado (Pool, uberX, SELECT, BLACK, uberXL, SUV, etc.)
  4. Certifique-se de que o método de pagamento é o que você deseja pagar.
  5. Pressione o botão Confirmar.
  6. Confirme o ponto de coleta.
  7. Espere o carro, pegue a carona, caia no seu destino.
  8. Rever e dica.

As listas de tarefas parecem muito simples, mas podem acabar se tornando complicadas e confusas. Por exemplo, o Uber tomou uma decisão consciente de adicionar uma etapa Confirm pickup spot (Etapa 6), embora eles possam estar razoavelmente confiantes de que o GPS escolheria sua localização com precisão. Além disso, algumas tarefas podem ser executadas em qualquer ordem, algumas tarefas podem exigir que outras tarefas sejam executadas antes delas (etapa 7) ou algumas tarefas podem até ser opcionais (etapa 8).

Diagramas de Fluxo do Usuário

Com uma lista de tarefas, você pode convertê-la em um diagrama de fluxo do usuário para mostrar como um usuário se moverá pelo seu aplicativo. Os Diagramas de Fluxo do Usuário ajudam você a raciocinar sobre como o aplicativo funcionará antes de iniciar qualquer prototipagem / construção. É o mesmo que a lista de tarefas, exceto que é um fluxograma que usa símbolos e setas para comunicar a lista de tarefas mais visualmente.

Aqui estão dois diagramas de fluxo de usuários comparando o Uber ao Grab:

( Fonte )

Mapa de empatia

Um mapa de empatia mostra como os usuários individuais sentem, pensam e falam sobre a experiência de usar seu produto. É o começo da criação de uma persona de usuário, que discutiremos no final deste guia.

Mapas de empatia são usados ??para coletar e organizar dados sobre usuários individuais. Mais tarde, podemos voltar a eles para procurar padrões de comportamento e agregá-los eventualmente a personas do usuário.

Veja como você faz um mapa de empatia:

  1. Dividir um pedaço de papel em quatro quadrantes.
  2. Rotule-os Vendo, pensando e sentindo, ouvindo e dizendo.
  3. Entreviste seus usuários e, durante a entrevista, preencha esses quadrantes ao observar a interação deles com o protótipo / produto ou o problema que eles encontrarem em um ambiente real.

Mapa de empatia para um usuário que está tentando gravar e enviar um vídeo em 2004. ( Fonte )

Depois de coletar mapas de empatia suficientes para usuários individuais (recomendo pelo menos de 3 a 5), ??você começará a ver padrões – esses padrões informam as Personas do usuário que você criará mais tarde.

Mapas de jornada do usuário

Um Mapa de jornada do usuário é muito semelhante em conceito a um Mapa de empatia, exceto que mostra como um usuário está se sentindo e o que está pensando em diferentes momentos ao usar seu produto.

Em essência, é uma série de mapas do Empathy em uma linha do tempo à medida que o usuário progride através de um fluxo de usuários em seu produto. Por exemplo:

Mapa do User Journey para um usuário que está tentando gravar e enviar um vídeo em 2004. ( Fonte )

No mapa User Journey acima, você notará que estágios diferentes da experiência estão no eixo X, e estamos tentando identificar vários aspectos da experiência do usuário no eixo Y.

Existem dois tipos de mapas de jornada do usuário:

  1. mapas retrospectivos: onde você mapeia como os usuários atualmente fazem coisas com base em resultados de pesquisas (como o mapa acima)
  2. mapas prospectivos: onde você mapeia como espera que os usuários se comportem com a nova ideia de produto ou com o fluxo reprojetado em um produto existente.

Personas do usuário

Depois de criar mapas Empathy e mapas User Journey, o próximo passo é procurar padrões nas suas observações e criar algumas personas para o seu projeto.

Criando User Personas

Primeiro de tudo, vamos descobrir quais personagens ou perfis NÃO são:

  • Tipos de personalidade
  • Demografia
  • Personagens em sua "história de marca"
  • Estereótipos baseados na sua experiência
  • Raso ou unidimensional
  • Conceitos
  • Previsões

Então, o que é uma persona ou perfil de usuário?

Uma persona do usuário descreve os objetivos, expectativas, motivações e comportamento de pessoas reais. Por que eles vêm ao seu site? O que eles estão procurando? O que os deixa nervosos? E assim por diante.

Toda a informação que você precisa deve estar em sua pesquisa e dados. Se você não puder fazer o backup com pesquisa, não é um bom sinal e você deve conversar mais com seus usuários.

Exemplo de uma má personalidade

Persona A é uma mulher, com idades entre 35 e 45 anos, com renda e educação acima da média. Eles têm pelo menos um filho e possuem pelo menos um veículo novo. Eles são extrovertidos e voltados para a carreira e tendem a ser pensadores do lado direito do cérebro.

Por que é ruim: isso pode ser ótimo se você estiver vendendo anúncios, mas, no que diz respeito à experiência do usuário, esse perfil não é útil. Por quê? Porque não permite que você diga "não" a qualquer ideia de recurso. Que tipo de características uma mulher entre 35 e 45 precisa? Pode ser qualquer coisa!

Exemplo de uma pessoa útil:

Persona B é um gerente experiente, principalmente interessado em uma ou duas áreas de especialização. Eles visitam frequentemente, mas eles são pressionados pelo tempo, então eles se concentram em “coletar” conteúdo para ler nos finais de semana. Eles tendem a ser parceiros de mídias sociais prolíficos, principalmente para o Twitter e o LinkedIn. Eles se consideram líderes de pensamento, então a imagem pública é importante.

Por que é útil: agora você tem muitas informações para usar! Você sabe que o conteúdo fofo não será popular, a autocura será importante e você terá uma base para configurar as categorias de conteúdo. Eles precisam de acesso fácil ao compartilhamento e somente determinados tipos de compartilhamento social serão relevantes. Você também pode dizer “não” a uma campanha no Facebook, porque esses usuários não gastam tempo lá, e digerir e-mails será melhor do que notificações frequentes porque essas pessoas já estão pressionadas pelo tempo.

Algumas dicas finais

  • Pense em usuários “ideais”. Vários deles!
  • Quando você pensa em recursos, pense na versão mais valiosa dos usuários que você vê na vida real. Você não está tentando apoiar o comportamento atual; você está tentando empurrar esses usuários para uma versão "ideal" de si mesmos.
  • Lembre-se que todos os usuários não são iguais! Você provavelmente terá alguns grupos comportamentais diferentes, e todos eles merecem um bom perfil.

Aqui está um exemplo de uma persona real:

( Fonte )

Qual é o próximo?

É aqui que a borracha bate na estrada. Armado com suas personas de usuário, você terá uma melhor compreensão do seu usuário. Agora você pode começar a criar protótipos dos Fluxos do Usuário e você fará um trabalho muito melhor do que antes, pois agora você tem muito mais empatia com seus usuários. Este é o núcleo do UX Design, e passar pelo exercício acima ajudará você a se sentir conectado a eles de uma forma que o código e os recursos não podem.

Da próxima vez, quando você examinar a lista de possíveis recursos que pode adicionar ao seu produto, pense primeiro na persona criada e pense em quais recursos melhoram sua experiência e os tornam encantadores. Ter uma persona permitirá que você não se distraia com o desafio da implementação, a oportunidade de usar uma tecnologia brilhante e nova, seus preconceitos pessoais ou qualquer outra coisa que inevitavelmente se insinua em nossa tomada de decisões como desenvolvedores.

Pense em seu usuário em todas as etapas, como se o sucesso de seu produto dependesse dele.

Porque isso acontece.

Obrigado por ler este guia rápido. Isso foi originalmente publicado como parte do curso UX Design (ele tem projetos do mundo real sobre esses conceitos!) No Commonlounge , uma plataforma que tem cursos com pequenas lições como essas, sobre tópicos que vão desde o Django até o Aprendizado de Máquina. mais valor para o tempo que você coloca dentro

Você aprende trabalhando em projetos reais e obtendo feedback de mentores da indústria. Você deveria conferir aqui !

Texto original em inglês.