No nosso post anterior, definimos um processo centrado no usuário. Hoje, vamos delinear as etapas do design centrado no usuário. Também sugeriremos quando e como iniciar o processo de design, além de explicar a importância da Persona para o produto final. Sem mais delongas, sente-se e dê uma olhada em nosso artigo.
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 da análise e criação. Introduzimos a metodologia de Design Centrado no Usuário, seus princípios e prós e contras em mais detalhes em nosso artigo anterior “Design centrado no usuário e seus principais princípios”.
Para um rápido resumo, o processo de design centrado no usuário consiste essencialmente em quatro etapas que se repetem ciclicamente até alcançar a usabilidade ideal e atender aos requisitos principais dos usuários.
A primeira etapa diz respeito à pesquisa que visa empathizar – ou seja, perceber os problemas, dores, rotinas, hábitos, requisitos, necessidades e desejos de nossos usuários. No início desta etapa, identificamos o grupo-alvo e os observamos de perto. Conclusões e avaliações no ambiente natural (controlado na linguagem da ciência) fornecem as percepções mais valiosas e dados confiáveis.
Nossos dados genuínos de UX permitem que os designers esboçem a Persona ou Protopersona – uma imagem do “usuário ideal”. A Persona é um elemento chave no processo de design centrado no usuário, pois nos mantém focados no usuário durante cada etapa subsequente.
As Personas são baseadas nos resultados da pesquisa – questionários, entrevistas aprofundadas e pesquisa de mesa, enquanto as Protopersonas são ideias dos designers sobre o usuário – elas são apoiadas pelo melhor conhecimento disponível sobre os usuários. As Protopersonas, portanto, serão menos detalhadas e precisas, enquanto em situações onde pesquisas aprofundadas e Personas não são possíveis, as Protopersonas parecem ser a solução certa. Claro, tudo depende da empresa, do projeto e do produto, bem 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 etapa também podem criar mapas de empatia, histórias de usuários, fluxos de usuários ou mapas da jornada do cliente. Todas essas ferramentas permitem que os designers se empatiquem com o usuário e compreendam ainda melhor suas necessidades. Uma boa compreensão de suas motivações, frustrações e desejos, bem como a determinação, por exemplo, de seu caminho de compra no caso de e-commerce, permite criar uma solução que atenda às necessidades dos usuários em etapas posteriores.
A fase dois se concentra em criar a criação de ideias (ideação), com base nas descobertas da pesquisa da fase anterior. Durante esta fase, uma boa prática é brainstorming em equipe, bem como outras técnicas criativas para gerar numerosos conceitos, ideias e soluções. Em seguida, é apenas uma questão de selecionar coletivamente as melhores que vão para a matriz de hipóteses.
Lá, colocamos as ideias em relação aos requisitos de negócios. Isso ajuda a estimar se uma determinada solução se traduzirá em um resultado comercial específico, por exemplo, aumento nas conversões, diminuição no abandono de carrinhos de compras, crescimento no número de usuários retornando, prolongamento na duração das sessões no site, aumento no número de novos usuários ou aumento nas visualizações de página.
No próximo passo, 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 revelam de pouca importância do ponto de vista do usuário ou aquelas avaliadas como extremamente difíceis de implementar podem ser eliminadas do conjunto de hipóteses. Este gráfico é chamado de priorização Moscow (gráfico Moscow) e permite identificar soluções-chave para o usuário, bem como implementá-las dentro do orçamento e prazo planejados.
A terceira etapa diz respeito ao design – traduzir as soluções geradas em maquetes. Esta etapa começa com a criação de um mapa do site e a disposição da arquitetura da informação. Consiste em esboçar o layout da página, o menu principal, funcionalidades das abas, etc., em cada subpágina.
Após este layout inicial, os designers podem passar a criar as primeiras maquetes Lo-Fi. Estas são maquetes de baixo detalhe, geralmente em preto, branco e várias tonalidades de cinza. Seu papel é apresentar o tamanho e o layout de elementos individuais, como navegação, imagens, texto, links e botões. Muitas vezes, falta detalhe aqui, pois as maquetes se concentram nas partes principais do produto.
No entanto, vale a pena cuidar do conteúdo já nesta etapa e evitar o Lorem ipsum. Em cooperação com um redator, escritor de conteúdo ou UX writer, é bom criar o primeiro (pelo menos um preview) conteúdo, para saber como determinados títulos aparecerão na página ou quanto espaço, por exemplo, as descrições de produtos ocuparão.
Atualmente, você pode procurar ajuda facilmente, pois no mercado existem muitas ferramentas de design de interface, como Figma. É um padrão para projetar e criar protótipos (especialmente na indústria de TI). No entanto, é uma ferramenta relativamente nova. Anteriormente, havia Sketch e Adobe XD.
A última fase (em teoria) consiste em testes de usabilidade com usuários potenciais. É assim que os designers verificam se as soluções propostas atendem às expectativas dos usuários. Precisamos conduzir testes de usabilidade em um ambiente neutro e seguro. Para isso, precisamos encontrar o local certo, escrever um cenário de teste e recrutar participantes.
Esses testes consistem em pedir ao usuário que realize várias ações em um protótipo. Dependendo do produto, as tarefas podem envolver 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 ao serem resolvidas, e para obtê-las, você terá que fazer algumas perguntas extras aos usuários.
No entanto, lembre-se de evitar perguntas que contenham sugestões e evocações. Por exemplo, ao perguntar “Quanto você gosta deste botão?” – sugerimos aos nossos usuários que eles gostam do botão, enquanto pode não ser assim. Além disso, é bom se referir à funcionalidade em vez dos 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 forma de navegar pelo site e se o site é compreensível e intuitivo para eles. É uma boa prática começar os testes com uma breve introdução do usuário ao tema – você pode se apresentar, dizer algumas palavras sobre o projeto e agradecer por concordarem em participar.
Vale ressaltar que o papel dele/dela neste processo é vital para nós. Além disso, adicione se e como você gravará o teste ou se outras pessoas (observadores) participarão previamente. Durante o teste, não devemos guiar o usuário ou sugerir o que fazer ou onde clicar.
Após realizar os testes de usabilidade, os designers assistem às gravações e revisam as anotações, com base nas quais eles criam um relatório com os resultados do teste. Esse resumo permite identificar problemas recorrentes dos participantes do teste e sugerir mudanças apropriadas no design.
Embora em teoria o processo de design centrado no usuário consista em quatro etapas, nem sempre é assim. Após os primeiros testes de usabilidade, pode ser necessário retornar à etapa de maquete e fazer modificações na arquitetura da informação, funcionalidades ou elementos do site/aplicativo (etapa 3). Talvez você precise repensar e melhorar o conceito (etapa 2) ou até mesmo voltar a empatia e realizar pesquisas adicionais ou aprofundar-se no know-how ou nos usuários (etapa 1).
Esse modelo flexível permite a melhoria contínua da funcionalidade do produto, desempenho e aparência. Tudo isso, para atender perfeitamente às reais necessidades dos usuários e oferecer 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.
Um designer gráfico e de UX que traduz em design o que não pode ser expresso em palavras. Para ele, cada cor, linha ou fonte utilizada tem um significado. Apaixonado por design gráfico e web design.
Arquivos em formato PDF nos acompanham todos os dias. Essa forma universal de salvar conteúdo…
O desenvolvimento da Internet e do aprendizado de máquina finalmente deixou de lado os tradicionais…
A busca por raios X é uma das muitas técnicas de busca de dados usadas…
Hoje, vamos nos concentrar na fase inicial do desenvolvimento de empresas - start-ups. Vamos tentar…
Programas para criar aplicativos sem codificação – você conhece algum deles? Como foi mostrado em…
O que são dinâmicas de equipe? As dinâmicas de equipe refletem a cultura organizacional e…