A experiência do usuário é um campo que mistura tecnologia da informação, marketing e design. De modo prático, o UX é um conjunto de boas práticas e recomendações para desenvolver e construir interfaces digitais focadas nos usuários.
Pode parecer redundante falar sobre desenvolver interfaces focando no usuário, afinal, não é esse o objetivo de qualquer interface? Bom, mais ou menos. Qualquer um pode criar uma interface e não seguir nenhuma lógica ou regra pré-estabelecida em sua organização e design. O que chamamos de UX é uma coleção de estratégias que levam em conta uma apresentação coerente e compreensível do universo proposto para quem vai usar seus recursos, ou desfrutar dessa experiência, cuidando para que o usuário esteja sempre bem situado em um contexto de acordo com seus objetivos.
Por isso o universo de UX é tão vasto, usa-se esse termo para falar de um grande número de possibilidades, métodos e ações relacionadas à experiência de usuário.
A sigla UI significa “user interface”, interface do usuário. Ela se refere a todos os componentes visuais que formam uma interface. Uma UI pode conter layouts de páginas, anúncios, banners, todo tipo elementos de interação, como botões, formulários, etc. Sua apresentação depende de vários aspectos que foram pesquisados e usados para proporcionar uma certa experiência de quem usa a aplicação. Esses aspectos são levantados e definidos pela experiência de usuário que se espera dessa interface.
Ou seja, o UX é a estratégia por trás da UI. Usando as duas técnicas em conjunto, há grandes chances de se proporcionar a experiência desejada aos usuários.
A UX é importante para garantir uma experiência consistente do início ao fim de uma jornada de usuário. Ela garante que exista coerência no universo apresentado a esse usuário e que ele possa desfrutar dos recursos oferecidos da melhor forma possível.
Um estudo de UX bem aplicado a um planejamento pode resolver problemas, gerar conexão e potencializar a sensação de satisfação dos clientes.
Em 2002, o especialista em UX, Jesse James Garrett, listou o que seriam os principais elementos da experiência do usuário no livro The Elements of User Experience: User-Centered Design for the Web Organizados – ou Os elementos da experiência de usuário: design centrado no usuário para organizações web. Como se fossem camadas, esses elementos devem ser explorados em diferentes momentos do processo de desenvolvimento de uma estratégia de UX.
Abaixo, descrevemos brevemente cada um deles.
A estratégia serve para entendermos quais necessidades estamos atendendo ou quais problemas queremos resolver. É nesse ponto que deve-se fazer as perguntas:
Nessa fase você identifica objetivos, necessidades e desejos. A estratégia serve para calibrar a motivação e determinar prioridades. E você pode usar a camada de estratégia tanto para um novo projeto como para um projeto que esteja em andamento. No primeiro caso, você deve começar por uma pequena pesquisa de audiência ou mercado, e dali começar a desenhar soluções. No segundo caso, você analisa a situação atual, determina aonde quer chegar e desenha o plano para chegar de um ponto a outro.
Chegou a hora de testar o que desenhamos na fase de estratégia. É no escopo que “damos corpo” ao projeto, definindo elementos tangíveis como resultados. Nessa fase, fazemos a definição dos produtos e serviços que vamos oferecer aos usuários.
De um modo bem prático, o escopo vai guiar as fases seguintes. Então, se o seu projeto é um aplicativo de celular, por exemplo, é no escopo que você define os detalhes do que esse aplicativo faz, quais as limitações etc.
Em resumo, o escopo é o fundamento do projeto. Veja aqui um exemplo que criamos para exemplificar a fase de escopo:
Aqui, nós elaboramos como vamos traduzir e organizar os produtos do nosso escopo. Quais plataformas iremos usar? Por quê? Como é esse ambiente? Como os usuários vão navegar nas diferentes fases, mudanças e novos contexto que podem se apresentar?
É na fase de estrutura que escolhe-se os meios práticos de tornar uma ideia a realidade concreta. Seguindo o exemplo do projeto de aplicativo de criação e organização de tarefas usado na seção acima, na estrutura, você poderia definir:
O elemento do esqueleto é simplesmente a fase de desenhar os primeiros protótipos de uma interface. É aqui que fazemos:
Nessa fase, também vale a pena começar a pensar na sua estratégia de SEO (otimização de busca). Para isso, leia nosso guia “SEO para iniciantes”.
A fase de superfície é o último estágio: o desenho final da interface. Neste momento, finalizamos toda a arte da parte visual de nossa estrutura. Os designers criam as telas, elementos como botões, detalhes, fontes, proporções, etc. Toda a parte estética acontece aqui, incluindo o conteúdo.
Para garantir uma boa UX nessa fase, conte com uma boa estratégia de design. Assim, a produção de conteúdo inicial, que vai preencher os elementos dessa interface e dar mais contexto a ela, também é feita na fase de superfície.
💡 Dica: a essas alturas, você também já pode ter começado a desenhar estratégias de e-mail marketing. Lembre de usar a mesma identidade visual para o design do e-mail marketing.
Grande parte do trabalho de UX é contínuo, ou seja, ele continua acontecendo mesmo depois do lançamento do produto. Parte desse trabalho contínuo é acompanhar de perto o público-alvo e, como o nome já diz, observar a experiência do usuário ao utilizar seu produto. Para isso, existem recursos como:
Organize o conteúdo do site antes de começar o design final. De forma pŕatica:
Você pode projetar os tipos de interação que os usuários vão ter com o site. Para isso, use o material da arquitetura de informação para entender essas interações e projete-as de maneira intencional.
Acessibilidade web é o conjunto de práticas que torna um site disponível e prático para todas as pessoas. Pense na acessibilidade do site desde o início: um dos princípios da UX é maximizar o acesso para o maior número de pessoas, por isso é sempre necessário levar em conta o nível de acessibilidade de um site.
WCAG
A W3C, consórcio global que define os padrões da web, criou o WCAG para ajudar designers e desenvolvedores web a produzirem sites acessíveis. O WCAG é uma sigla em inglês que quer dizer “guia de acessibilidade para conteúdo web”.
A W3C Brasil criou uma cartilha com orientações do WCAG em português.
E para entender melhor a acessibilidade no contexto da UX, recomendamos a leitura do material do UX Collective: Guia básico de acessibilidade digital.
Um site responsivo é um site que funciona bem em vários tipos de tela. Para desenvolver um site responsivo, é necessário testar as interfaces no maior número de telas possíveis.
Hoje em dia, a maioria dos navegadores de internet contêm uma funcionalidade de “inspecionar” a página atual, onde você pode emular diferentes tipos de telas.
Observe:
Quando o usuário abre uma nova página, ele espera que o conteúdo esteja disponível quase instantaneamente. Mas, mesmo no espaço de menos de 1 segundo, um site tem uma certa ordem de carregamento de elementos. Para proporcionar uma experiência mais eficiente, gerencie esse tempo de carregamento com técnicas de otimização:
Na hora de elaborar o design final do site, leve em consideração todos os dados que você levantou nas fases de estratégia e escopo da UX. Leve em conta:
Uma dica extra: landing pages são ótimos exemplos sobre como aplicar bem a hierarquia visual de um produto. Elas geralmente são mais simples do que um website e tem uma aplicação de bons princípios de design.
Existem inúmeras formas de dar feedback e orientar usuários sobre como interagir com a plataforma. Em UX, proporcionar contexto é crucial. Em termos de interface, esse contexto pode ser dado de várias formas, seguindo diferentes princípios e práticas de UI.
Uma delas é o feedback visual, isto é, elementos que aparecem na tela conforme ações do usuário. Exemplo: em um formulário, quando um campo obrigatório não é preenchido, uma linha vermelha aparece em torno da caixa de preenchimento, alertando uma informação incompleta.
Esse tipo de feedback visual ajuda as pessoas navegarem pelas interfaces.
Testar como um produto vai ser usado por um usuário final é etapa indispensável de qualquer projeto UX. No caso de interfaces digitais, convém:
Testes de usabilidade são ajustáveis, tente adaptar os cenários e escute os feedbacks.
Pronto, agora você tem um panorama básico do que se trata UX. Espero que tenha sido uma boa entrada para conhecer as técnicas 🙂
Existem muitos profissionais de UX no Brasil e alguns deles estão no UX Collective Brasil. Um jeito de continuar usando estratégias focadas no usuário é acompanhar as reflexões desse pessoal e descobrir mais ferramentas que o mundo do UX dispõe.
Boa sorte nos projetos!
