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 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.

• 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.

• 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 experiência de usuário 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.

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.

Criamos as melhores experiências para os usuários, iniciando o processo de 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.

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 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.

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.

Todas as decisões de 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.