Etapas do processo de design centrado no usuário | O derradeiro Guia de UX #9

Em nosso post anterior, definimos um processo centrado no usuário. Hoje, descreveremos os estágios do design centrado no usuário. Também sugeriremos quando e como iniciar o processo de design, além de explicar a importância do Persona para o produto final. Sem mais delongas, sente-se e dê uma olhada no nosso artigo.

Etapas do processo de design centrado no usuário – índice:

1. Processo de design centrado no usuário em poucas palavras
2. A primeira fase – empatia
3. Estágio dois – estabelecendo o conceito
4. Terceira fase – projeto
5. Estágio quatro – teste de usabilidade
6. Processo de design centrado no usuário - Resumo

Processo de design centrado no usuário em poucas palavras

O design centrado no usuário é uma abordagem para desenvolver e projetar soluções que se concentra nos usuários e os coloca no centro do processo. Suas necessidades, desejos, expectativas, problemas e dores tornam-se a essência do exame e da criação. Apresentamos a metodologia User-Centered Design, seus princípios, prós e contras em mais detalhes em nosso artigo anterior “Design centrado no usuário e seus principais princípios”.

Para uma rápida recapitulação, o processo de design centrado no usuário consiste essencialmente em quatro estágios que são repetidos ciclicamente até atingir a usabilidade ideal e atender aos principais requisitos do usuário.

A primeira fase – empatia

A primeira etapa diz respeito à pesquisa que visa à empatia – ou seja, perceber os problemas, dores, rotinas, exigências de hábitos, necessidades e desejos de nossos usuários. No início desta fase, identificamos o grupo-alvo e os observamos de perto. Conclusões e avaliações no ambiente natural (controlado na linguagem da ciência) fornecem os insights mais valiosos e dados confiáveis.

Nossos dados de UX genuínos permitem que os designers esbocem a Persona ou Protopersona – uma imagem do “usuário ideal”. Persona é um elemento chave no processo de design centrado no usuário, pois nos mantém focados no usuário durante cada etapa subsequente.

Pessoas são baseadas nos resultados de pesquisas – pesquisas, entrevistas em profundidade e pesquisas documentais, enquanto Protopessoas são ideias de designers sobre o usuário – elas são apoiadas pelo melhor conhecimento disponível sobre os usuários. As Protopessoas serão, portanto, menos detalhadas e precisas, enquanto em situações em que a pesquisa aprofundada e as Personas não são possíveis, as Protopessoas parecem ser a solução certa. Claro, tudo depende da empresa, do projeto e do produto, assim como do orçamento, do tamanho da equipe de UX e do tempo disponível.

Com base nos resultados da pesquisa, os designers de UX nesta fase também podem criar mapas de empatia, histórias de usuários, fluxo de usuários ou mapas de jornada do cliente. Todas essas ferramentas permitem que os designers tenham empatia com o usuário e entendam ainda melhor suas necessidades. Uma boa compreensão de suas motivações, frustrações e desejos, bem como determinar, por exemplo, seu caminho de compra no caso de e-commerce, permite criar uma solução que atenda às necessidades dos usuários em etapas posteriores.

Estágio dois – estabelecendo o conceito

A segunda fase se concentra na criação da ideia (ideação), com base nos resultados da pesquisa da fase anterior. Durante este, uma boa prática é o brainstorming em equipe, bem como outras técnicas criativas para trazer vários conceitos, ideias e soluções. Então, é só selecionar coletivamente os melhores que vão para a matriz de hipóteses.

Lá, colocamos as ideias contra os requisitos do negócio. Isso ajuda a estimar se uma determinada solução se traduzirá em um resultado comercial específico, por exemplo, aumento de conversões, diminuição do abandono do carrinho de compras, crescimento do número de usuários recorrentes, prolongamento da duração das sessões no site, aumento no número de novos usuários ou aumento nas visualizações de página.

Na etapa seguinte, analisamos as hipóteses em termos de sua importância para o usuário e a dificuldade de implementação. Funções que são relativamente importantes para o usuário e viáveis ​​em termos de tempo ou recursos financeiros serão implementadas na primeira iteração.

Funções e soluções que são um pouco menos importantes ou mais difíceis de implementar podem ser agendadas para iterações posteriores. Por outro lado, ideias que se mostrem pouco importantes do ponto de vista do usuário ou aquelas avaliadas como extremamente difíceis de implementar podem ser eliminadas do conjunto de hipóteses. Esse gráfico é chamado de priorização de Moscou (gráfico de Moscou) e permite identificar as principais soluções para o usuário, bem como implementá-las dentro do orçamento e prazo planejados.

Terceira fase – projeto

A terceira etapa diz respeito ao design – traduzindo as soluções geradas em maquetes. Esta etapa começa com a criação de um mapa do site e o layout da arquitetura da informação. Consiste em esboçar o layout da página, o menu principal, as funcionalidades das abas, etc. em cada subpágina.

Após este layout inicial, os designers podem passar a criar os primeiros mockups Lo-Fi. São maquetes com poucos detalhes, geralmente em preto, branco e vários tons de cinza. Sua função é apresentar o tamanho e o layout de elementos individuais, como navegação, imagens, texto, links e botões. Muitas vezes, há falta de detalhes aqui, pois os modelos se concentram nas partes principais do produto.

No entanto, vale a pena cuidar do conteúdo já nesta fase e ficar longe do Lorem ipsum. Em cooperação com um redator, redator de conteúdo ou redator de UX, é bom criar primeiro (pelo menos pré-visualizar) o conteúdo, para saber como determinados títulos ficarão na página ou quanto espaço, por exemplo, as descrições dos produtos ocuparão.

Atualmente, você pode procurar ajuda facilmente, pois no mercado existem muitas ferramentas de design de interface, como o Figma. É um padrão para projetar e criar protótipos (especialmente no setor de TI). No entanto, é uma ferramenta relativamente nova. Anteriormente, havia Sketch e Adobe XD.

Estágio quatro – teste de usabilidade

A última fase (em teoria) consiste em testes de usabilidade com potenciais usuários. É assim que os designers verificam se as soluções propostas atendem às expectativas dos usuários. Temos que realizar testes de usabilidade em um ambiente neutro e seguro. Para fazer isso, precisamos encontrar o local/local certo, escrever um cenário de teste e recrutar participantes.

Tais testes consistem em solicitar ao usuário que execute várias ações em um protótipo. Dependendo do produto, as tarefas podem consistir em adicionar um produto ao carrinho de compras, registrar-se no site, encontrar um determinado produto na lista de produtos ou encontrar detalhes de contato. As tarefas exigem simplicidade e coerência na resolução, algum tempo para obtê-las você terá que fazer algumas perguntas extras aos usuários.

No entanto, lembre-se de evitar as perguntas que contenham sugestões e evocações. Por exemplo, perguntando o quanto você gosta deste botão? – sugerimos aos nossos usuários que gostem do botão, embora possa não ser assim. Além disso, é bom se referir à funcionalidade e não aos aspectos visuais da página – afinal, é apenas um modelo fictício.

Durante os testes de usabilidade não devemos avaliar os usuários de forma alguma – devemos verificar sua maneira de se movimentar pelo site e se o site é compreensível e intuitivo para eles. É uma boa prática iniciar os testes com uma breve introdução do usuário ao tópico – você pode se apresentar, dizer algumas palavras sobre o projeto e agradecer por concordar em participar.

Vale ressaltar que seu papel nesse processo é vital para nós. Além disso, adicione se e como você gravará o teste ou se outras pessoas (observadores) participarão antecipadamente. Durante o teste, não devemos orientar o usuário ou sugerir o que fazer ou onde clicar.

Depois de fazer os testes de usabilidade, os designers assistem às gravações e revisam as notas, com base nas quais criam um relatório com os resultados dos testes. Tal resumo permite identificar problemas recorrentes dos participantes do teste e sugerir mudanças apropriadas no projeto.

Processo de design centrado no usuário - Resumo

Embora, em teoria, o processo de design centrado no usuário consista em quatro etapas, nem sempre se parece com isso. Após os primeiros testes de usabilidade, pode ser necessário retornar à fase de mock-up e fazer modificações na arquitetura da informação, funcionalidades ou elementos do site/aplicativo (etapa 3). Talvez você tenha que repensar e melhorar o conceito (estágio 2) ou até mesmo retornar à empatia e realizar pesquisas adicionais ou aprofundar o know-how ou os usuários (estágio 1).

Um modelo tão flexível permite a melhoria contínua da funcionalidade, desempenho e aparência do produto . Tudo, para atender perfeitamente às reais necessidades dos usuários e entregar as melhores soluções.

Se você gosta do nosso conteúdo, junte-se à nossa comunidade de abelhas ocupadas no Facebook, Twitter, LinkedIn, Instagram, YouTube, Pinterest.

Autor: Klaudia Kowalczyk

Um designer gráfico e UX que transmite em design o que não pode ser transmitido em palavras. Para ele, cada cor, linha ou fonte utilizada tem um significado. Apaixonado por design gráfico e web.

Ver todas as postagens

O guia de UX definitivo:

1. O que é UX – e o que NÃO é
2. UX e UI – são comparáveis?
3. 7 fatores de (excelente) experiência do usuário
4. Você sabe o que significa UX Design?
5. Você está projetando experiências do usuário? Cuide dessas coisas!
6. 10 heurísticas de usabilidade para UX design que você precisa conhecer
7. O processo de design UX em 5 etapas fáceis e simples
8. Design centrado no usuário e seus principais princípios
9. Etapas do processo de design centrado no usuário
10. O que é Experiência do Cliente?
11. Experiência do usuário x experiência do cliente. Uma explicação simples de seu relacionamento
12. O que é uma experiência de marca?
13. O que é Interação Humano-Computador (HCI)?
14. Por que UX é importante?
15. Usabilidade versus funcionalidade em UX
16. Exemplos de bom design de UX