Experience Design

O que é Experience Design?

Experience Design é o departamento com o foco em Experiência do Usuário em Interfaces de E-commerce, é sobre o uso do Design Thinking para resolver problemas nos produtos digitais, combinando empatia, criatividade e racionalidade para atender as necessidades do usuário e criar soluções bem sucedidas, prevendo cenários de forma inovadora.

Nosso time conta com profissionais de UX (User Experience) e UI (User Interface), que facilitam o mapeamento de novas ideias e soluções de forma colaborativa, com um processo guiado pela metodologia Better Together, mesclando o Design Thinking e metodologias ágeis, envolvendo a nossa equipe interna, o cliente e os usuários nas etapas de criação do produto.

O que o profissional de UX e UI faz?

O profissional de UX e UI passa muito tempo pesquisando, descobrindo as necessidades do usuário e criando soluções de design que seguem princípios psicológicos fundamentais.

Ele é responsável por executar todas as pesquisas necessárias para o desenvolvimento do projeto, criando e entregando protótipos navegáveis que tangibilizam as soluções, além de conduzir testes com nossos clientes, parceiros e stakeholders.

Importância do profissional de UX e UI nos projetos.

A experiência do usuário é uma ferramenta comercial estratégica e, se você adicioná-la em seu projeto, verá muitas mudanças positivas, como:

– Aumento nas vendas devido à navegação simplificada e fluxo de compras.
– Clientes mais engajados traduzem para compras repetidas e mais interações com seu conteúdo.
– Maior lealdade à marca, credibilidade e reconhecimento, pois as pessoas têm mais chances de voltar se sua primeira experiência for estelar.
– Custos reduzidos de treinamento e atendimento ao cliente, porque o excelente UX é intuitivo e não precisa de documentação excessiva.

Entenda o seu usuário e crie produtos melhores.

O profissional de UX e UI é responsável por algumas atividades no projeto:

– Explorar – por meio de análises, descobrimos o comportamento do usuário;
– Recomendar – com pesquisas e muitos estudos, encontramos a jornada do usuário do seu cliente verticalizando para recomendações de boas práticas, onde surgem as hipóteses para a causa do problema nessa jornada;
– Planejar e testar – Com o levantamento das recomendações, devemos agir e testar a todo momento.

Impactos positivos no projeto.

– Abaixamos a curva de risco de desenvolver algo que seus usuários não veem valor (teste de protótipos);
– Ideias e insights diretamente dos seus usuários (entrevistas e pesquisa);
– Descobrimos como eles preferem navegar no seu produto para facilitar a decisão de compra;
– Usuários satisfeitos = Maior taxa de conversão;
– Suas ideias podem ser testadas antes de entrarem para o desenvolvimento usando nossos protótipos.

Os números não mentem.

– Um atraso de um segundo no carregamento da página gera uma diminuição de 16% na satisfação do cliente;
– No caso de e-commerce, criar uma plataforma que funcione bem em dispositivos móveis (tablets, celulares) pode gerar um aumento de até 70% nas vendas;
– Uma experience design bem projetada pode aumentar as conversões em 400%;
– 88% dos clientes online estão menos abertos a retornar a um site depois de uma experiência ruim.

Componentização

Componentes são elementos que podemos reutilizar no Figma. Eles ajudam a criar e gerenciar designs consistentes entre projetos. Quando utilizamos componentização obtemos ganhos de produtividade e agilidade, pois cada parte da interface foi pensada para ser reutilizada e minimizar os impactos de melhorias e alterações.

Mobile First

Criamos as melhores experiências para os usuários, iniciando o processo de experience design a partir da menor das telas: o celular.

Projetar e prototipar para dispositivos móveis primeiro ajuda a garantir que a experiência dos usuários seja perfeita em qualquer dispositivo.

Performance Mobile

Apostamos em algo que seja simples e claro, apesar do apelo premium do produto e fazendo essa analogia ao carregamento do site, ou seja, estamos falando que ele precisa ser rápido.

Portanto, reduzimos interações e animações na experiência mobile, buscando o equilíbrio entre ser atrativo, desejável, mas tendo uma interface muito boa para o convencimento da compra.

Auto Layout

Auto Layout define a interface usando uma série de restrições. As restrições geralmente representam um relacionamento entre dois elementos.

O auto layout então calcula o tamanho e a localização de cada elemento com base nessas restrições. Isso produz layouts que respondem dinamicamente às mudanças internas e externas, sendo uma ganho considerável quando pensamos em responsividade.

Style Guide

A partir das diretrizes de marca passadas para nós pela equipe de marketing, iniciamos o processo de criação de um style guide para a interface do projeto.

Com o style guide desenvolvido, definimos regras a respeito de detalhes como tamanho das fontes e cores dos botões.

Assim, a equipe de desenvolvimento obedece essas normas e cria consistência entre o que foi pensado pelos designers e desenvolvido pelo time de tecnologia. O style guide é orgânico e ainda pode evoluir e ser insumos para a criação de um Design System.

Análise de Heatmaps

Todas as decisões de experience design são tomadas a partir de dados reais captados do comportamento de navegação do usuário no site atual e de heurísticas de design.

Através do Hotjar, obtivemos insights de usuários para propor melhorias e criar novas soluções:

– Exemplo de conteúdo e página quente;
– Tipos de Interações e Movimentações do Usuário na Página;
– Gravações que indicam que o usuário quer explorar o conteúdo.

Métricas e KPI’s

Existem diversos padrões de métricas e KPI’s de acompanhamento quando o assunto é observar os dados que são importantes na jornada de nosso consumidor.

Estudamos brevemente no Google Analytics o comportamento padrão do consumidor e propomos alguns tipos de abordagens sob os dados na tentativa de ser mais assertivo no que encontra nosso consumidor em sua jornada.

Comunicação Contínua

Comunicar bem é uma das premissas de sucesso do produto. Produzimos nosso protótipo pensando em toda a comunicação, desde a oferta do produto, até a entrega do benefício no ato da compra.

Engajamento e Conteúdo

Nossos designers analisaram toda a comunicação presente durante a experiência do usuário, planejando as melhores maneiras de atrair, instruir, informar, converter, embarcar, engajar e dar suporte para os usuários do produto, além é claro, de seguir as boas práticas de SEO.

Testes e KPIs

Com base em todos os processos e decisões da criação dos protótipos, listamos alguns testes e KPI´s de acompanhamento para medir e garantir o sucesso do produto criado.