Desenvolver um bom site conecta-se a diversas variáveis, e uma delas é o UX Design. Você já ouviu falar nesse termo?
O UX, ou experiência do usuário, é um conjunto de técnicas que compõe da pesquisa à entrega final, da qual conta com profissionais de diversas áreas para desenvolver um produto com fácil navegação, boa usabilidade, intuitivo e, é claro, bonito.
E, apesar de ser um termo bonito, parece complexo, não é mesmo? No entanto, a ideia por trás da experiência do usuário é fundamentalmente o contrário de ser complicado. Quanto mais simples o uso de um site, melhor.
Neste artigo, vamos apresentar um guia completo do UX, como construir o seu site com essa técnica e vantagens de aplicar a experiência do usuário para a sua marca.
O que é UX?
Antes de partirmos para os conceitos, que tal olhar para o seu celular, desktop ou tablet? Navegue um pouco pelas redes sociais, entre nos aplicativos de banco, sites de e-commerce, streamings e até mesmo jogos para passar o tempo.
Observe como é intuitivo mexer nas funcionalidades. Você entra sabendo o que tem de ser feito. Todos os botões, estruturas e hierarquias são colocadas para que o usuário navegue de forma fácil, simples e eficaz.
Agora, pense o contrário, você entra em um site de compras, busca um produto, mas não acha os botões de finalizar a compra, de calcular o frete e nem o de continuar comprando. É frustrante e logo você clica para fechar e nunca mais voltar a ter aquela experiência.
Don Norman, considerado o pai da usabilidade, foi quem popularizou o termo em 1993. Ele atribui a experiência do usuário a tudo o que está antes, durante e depois de uma compra. E isso diz respeito a qualquer tipo, seja ela uma cadeira ou um software de gestão financeira.
Dessa forma, o conceito parte do princípio de compreender o usuário e entender a sua jornada de compra para oferecer as melhores soluções.
Partindo dessa ideia, engana-se quem pensa que o UX é apenas para sites e aplicativos, apesar de abordarmos a experiência do usuário na construção de sites. A experiência está no mundo e na forma como enxergamos a interação entre homem e objeto.
Desde o momento em que tivemos um primeiro contato com algo, cria-se um envolvimento. No caso de uma compra, a experiência começa pela conversa, cheiro, tato, olhar e tudo o que está ao redor. Desde a caixa, passando pela montagem, até chegar ao uso.
Prepare o terreno do UX na construção de sites
Uma das técnicas iniciais e fundamentais para pensar em experiência do usuário é o Design Thinking. O processo criativo é um modelo de pensamento para organizar, planejar e executar soluções de problemas através do design.
Esse método parte do pressuposto de quatro etapas:
- Descobrir: colete e faça uma análise completa de dados, incluindo práticas internas e externas ao seu segmento, buscando oportunidades e ameaças do seu negócio;
- Definir: processados os dados, é hora de realizar um brainstorming, isto é, reunir muitas ideias, sempre baseadas nas pesquisas, para desenvolver boas soluções para os usuários;
- Idear: filtre as melhores ideias, as misture e crie versões beta do serviço ou produto. Em seguida, realize testes e colete feedbacks para saber o que manter e o que melhorar;
- Desenvolver: após todos os processos anteriores, chegou o momento de pôr em prática e lançar no mercado o produto ou serviço.
Mas lembre-se de que é necessário utilizar o método de iteração, ou seja, revisitar cada etapa e saber onde e por que aplicar melhorias a fim de manter-se atualizado com os seus públicos e suas jornadas de compra.
O Design Thinking engloba diversas ferramentas de uso para afunilar estratégias, e um dos métodos mais conhecidos é o Double Diamond. Para exemplificar, de maneira prática, apresentaremos abaixo uma imagem do processo de criação dessa metodologia:
Embora, é importante ressaltar que o Design Thinking não é uma fórmula mágica de sucesso, mas um direcionamento para desenvolver soluções com embasamento em dados, pesquisas e uma equipe qualificada para projetar as melhores soluções.
Como aplicar UX no seu site?
Uma vez que abordamos o Design Thinking, é o momento de fragmentar cada etapa de forma mais completa.
Direcionando o UX para o desenvolvimento de sites, estruturamos um plano que aborda as quatro etapas do método Double Diamond.
Cada ciclo engloba diversas ramificações sobre: descobrir, definir, idear e desenvolver. Acima citamos, de maneira breve, os objetivos de cada uma. Dessa maneira, vamos abordar cada tópico detalhadamente.
Descobrir
Nessa primeira etapa de descoberta, a sua empresa precisa coletar dados, e eles vêm de todas as formas, como pesquisas secundárias, por meio de artigos, notícias, publicações, etc. Em um segundo momento, as informações coletadas vêm de forma mais profunda e real através de pesquisas quantitativas e qualitativas feitas pela sua empresa.
Abaixo, daremos uma lista de técnicas para desenvolver em ambas as coletas de dados:
- Pesquisa netnográfica;
- Análise de contexto;
- Benchmarking (análise de concorrência);
- Entrevistas;
- Grupos focais;
- Pesquisa de campo;
- Surveys;
- Revisão bibliográfica;
- Mapa de empatia.
Trazendo para o caso de construir um site, pense em um e-commerce de roupas infantis e entenda quais são suas primeiras dores e necessidades para sanar e comece a investigar.
Faça uma lista de dados que você quer coletar e estabeleça recortes do problema, como roupas para recém-nascidos, roupas temáticas, tendências de moda infantil, dados de mercado sobre a quantidade de compras online que são feitas nesse nicho, etc. Sem dúvida, as possibilidades serão infinitas.
Comece a padronizar os dados de acordo com as suas prioridades e separe-os com a natureza da pesquisa, seja quantitativa (números, porcentagens e/ou frequências) ou qualitativas (artigos, entrevistas e/ou imagens).
Por fim, documente tudo e encontre a persona da sua empresa. Nesse exemplo que estamos conversando, seria algo como:
“Bruna tem 30 anos e é mãe da Alice, de 3 anos. Ela adora seguir as tendências da moda e gosta de praticar o seu hobby com a sua filha. Com frequência, lê artigos e blogs de moda e segue influencers no TikTok e Instagram para pegar dicas de roupas estilosas e com ótimo custo benefício.”
Definir
No momento em que a persona é encontrada, a sua empresa precisa definir um norte para gerar ideias. Com isso, estabelecer um foco traz um indicativo de perspectivas e tomadas de decisão daqui para frente.
O primeiro passo para concentrar esforços em um plano é o briefing, que reúne todas as informações necessárias para prosseguir na construção de um site.
O briefing abrange situações como o seu mercado atual, os objetivos, critérios e limites. Portanto, utilize todos os dados coletados, passe um pente fino neles e esboce um parâmetro para seguir em diante.
Em seguida, apresentamos uma técnica que afunila todo o seu projeto para prosseguir ou revisitar passos anteriores: a proposta de valor.
Sobretudo, o site tem que entregar valor ao usuário através de propostas que sanem as necessidades e dores da persona. Existe uma tabela como base em que a sua empresa pode inserir todos os dados coletados chamada Canvas.
Diante do cenário proposto, você já entende qual o perfil do seu cliente, quais suas dores, tarefas que precisam resolver e ganhos com a solução. Sendo assim, a sua empresa precisa inserir informações de como resolver as dores, quais os ganhos que ela tem utilizando o seu site e quais produtos e serviços de valor você oferece.
Idear
Passamos por descobrir e definir e agora é o momento de idear soluções para o projeto. Uma das técnicas mais utilizadas nessa etapa é a jornada do usuário.
Parte do princípio de traçar o começo, meio e fim até a compra de um produto ou contratação de serviços. É como se fosse um mapa de experiência do usuário diante da necessidade, passando por sentimentos em cada etapa.
As premissas dessa técnica são:
- Identificar os fatos e personas através dos dados;
- Ações que a persona toma em cada etapa de compra, desde a descoberta do problema até a ação final;
- Sentimentos e histórias envolvidas no processo;
- Pontos de contato, como interações, sejam elas humanas ou digitais.
Com isso, a sua empresa descobre e entende quais ações tomar em cada estágio para que a pessoa experiencie o processo de maneira educativa, elucidativa e de forma fluida e fácil.
Desenvolver
A princípio, desenvolver é a junção de todos os itens anteriores. Isso é um fato, mas na fase de desenvolvimento de um site, chegou a hora de colocar a mão na massa e abre-se mais uma ampla gama de técnicas a fim de criar um site funcional, objetivo e intuitivo para os seus usuários.
Ao falar de técnicas, mencionamos duas funções essenciais na criação do projeto do site: UX Writer e UI Designer.
UX Writing
Antes de mais nada, o profissional que escreve projetando experiências tem como intuito escrever conteúdos do site pensando em direcionar o usuário em todo o site.
Dessa forma, tudo no site precisa estar em perfeita sinergia para que não haja ruídos de comunicação, diminuindo as conversões definidas no objetivo.
Além do mais, o profissional de UX Writing desenvolve a arquitetura de informação do site, ou seja, ele estuda, organiza e projeta o site para que o usuário encontre o caminho de navegação através das necessidades dele.
Seria como um modelo mental, ou site map, que antecipa toda a estrutura do site desenvolvendo padrões que permitam memorizar os conteúdos com a grande quantidade de informações recebidas. Por exemplo: você entra em um site de e-commerce e já sabe todo o passo a passo para escolher um produto, adicionar ao carrinho, colocar seus dados pessoais e finalizar uma compra.
Tudo isso é feito através de botões colocados no lugar certo, as palavras certas, a narrativa construída e a linguagem de acordo com as personas.
O passo a passo de UX Writer é construir um fluxo através de:
- Voz ativa;
- Tempos verbais simples;
- Falar no presente;
- Escrever no positivo;
- Evitar a palavra “não”;
- Não usar abreviações;
- Utilizar padrões e normas de linguagem do dia a dia da sua persona.
UI Design
A principal função do design é resolver problemas. Não é só sobre telas bonitas e legais. Desse modo, o User Interface precisa construir interfaces com foco em boa usabilidade para criar experiências de qualidade ao usuário.
Em colaboração total com o UX Writer, o designer de experiência precisa gerar emoções positivas e que funcionem para a persona e criar ações.
Posto isto, existe uma metodologia de criação chamada Design System. Em outras palavras, é uma espécie de manual de identidade do projeto, neste caso, um site. Nele, inclui-se:
- Tipografias;
- Cores;
- Grids e espaçamentos;
- Ícones.
Resumindo, é o parâmetro para desenvolver qualquer projeto ou até mesmo lançar um serviço novo da sua empresa.
Lembra do benchmarking que citamos no começo do artigo? Afinal, buscar referências que sirvam para inspiração é o primeiro passo a dar para desenvolver telas.
E como saber se o seu projeto está cumprindo todas as regras de um bom design de interfaces? Jakob Nielsen, considerado o pai da usabilidade, criou as 10 heurísticas de Nielsen, das quais são critérios de sucesso de uma plataforma.
10 heurísticas de Nielsen para UX
Visibilidade de qual estado estamos no sistema
O objetivo da primeira heurística é informar, em tempo real, o que está acontecendo para o usuário.
Exemplo: no YouTube, você sabe o que está vendo através do nome, canal e etc. Além disso, o tempo total de vídeo e em qual minuto está, quais os vídeos relacionados e muito mais.
Correspondência entre o sistema e o mundo real
Sons, ícones que representam a função da ferramenta e formatos são alguns dos exemplos para a segunda heurística.
No próprio YouTube, você sabe o que precisa fazer para pausar, dar play, diminuir ou aumentar o volume.
Liberdade de controle fácil pro usuário
Dar liberdade ao usuário é proporcionar autonomia de uso, visto que caso ele queira alterar um produto, o site dá essa opção de voltar e recriar um pedido.
Consistência e padrões em UX
Criar padrões no seu site é proporcionar ao usuário uma fácil memorização da estrutura do site. Botões de ação, tamanho de tipografia, ícones com o mesmo formato e tamanhos de páginas auxiliam o usuário a aprender a usar de forma rápida e fácil o seu site.
Prevenções de erros
Para explicar essa heurística, nada melhor do que usar como exemplo o Google. Sabe quando você procura algo e escreve errado ou até mesmo coloca parte do termo de busca, e o Google já te dá infinitas opções do que você está buscando? É exatamente isso que a prevenção de erros proporciona ao usuário.
Reconhecimento em vez de memorização
Essa heurística é uma trilha que o usuário fez até chegar ao seu site. Para exemplificar, a imagem abaixo resume toda essa heurística.
Sem dúvida, o usuário reconhecerá qual caminho fez até chegar no produto desejado.
Flexibilidade e eficiência de uso
Dar mais de uma opção de uso de uma plataforma proporciona eficiência ao usuário, visto que ele pode aprender, de diversas maneiras, como utilizar uma mesma ferramenta.
Estética e design minimalista em UX
Acima de tudo, as telas bonitas são formadas por minimalismo. Seja direto ao ponto sem colocar muitos elementos para confundir a cabeça do usuário.
Coloque apenas o essencial para que se cumpra o objetivo.
Ajude os usuários a reconhecerem, diagnosticarem e recuperarem-se de erros
Sabe quando você erra a senha de login do seu Instagram? A plataforma ajuda a reconhecer onde está o problema para você ajustar e recuperar-se do erro.
Ajuda e documentação
Ajudar o usuário, de forma rápida, mantém ele ativo no site sem precisar sair da página e procurar onde está a solução.
Um dos exemplos aqui é ajudar nos campos de cadastro de cartão de crédito em um site. Conforme o usuário tenha dúvidas sobre o que preencher, há uma imagem direcionando onde está o número, nome, data de validade e código de segurança.
A importância de UX para a sua marca
Vimos o quão importante é a experiência de usuário para a sua marca, certo? Afinal, construir um plano eficiente baseado nas estratégias de UX contribui para uma marca se consolidar no mercado.
Enquanto a publicidade e o marketing têm o intuito de levar o usuário até o produto, o UX tem como principal função retê-lo dentro da plataforma, seja um site ou um app.
Grandes marcas, como Netflix e Spotify (e pode colocar uma infinidade de outras empresas aqui), têm uma equipe especializada na experiência do usuário que inclui pesquisadores, gerentes de produtos, desenvolvedores, designers de experiências, escritores para web, entre outros.
Portanto, o UX é uma metodologia que, sempre bem aplicada, auxilia empresas a criarem laços afetivos com as suas personas através de experiências positivas com a sua marca.
