EBACH SHOES
Data:
18/06/2024
Nome do projeto:
EBAC SHOES
Curso:
Jornada de UX EBAC
Este projeto foi realizado durante a Jornada de UX EBAC.
O BACKGROUND
A EBAC SHOES, fundada em 2024, é uma loja especializada em tênis localizada no centro de São Paulo. Após testar e aprovar o conforto e a eficácia de seus primeiros modelos, abriram uma loja em uma galeria no centro de São Paulo. Com foco exclusivamente em tênis, oferece produtos super confortáveis para o uso diário, com temas unisex, numerações abrangentes e tecnologia avançada para quem usa tênis por longos períodos.
O compromisso da EBAC SHOES é proporcionar conforto, estilo e durabilidade, redefinindo a experiência de uso de seus clientes.
INTRODUÇÃO
Este projeto foi realizado durante a Jornada de UX EBAC.
O BACKGROUND
A EBAC SHOES, fundada em 2024, é uma loja especializada em tênis localizada no centro de São Paulo. Após testar e aprovar o conforto e a eficácia de seus primeiros modelos, abriram uma loja em uma galeria no centro de São Paulo. Com foco exclusivamente em tênis, oferece produtos super confortáveis para o uso diário, com temas unisex, numerações abrangentes e tecnologia avançada para quem usa tênis por longos períodos.
O compromisso da EBAC SHOES é proporcionar conforto, estilo e durabilidade, redefinindo a experiência de uso de seus clientes.
O PROCESSO DE DESIGN
DOUBLE DIAMOND
O Double Diamond é uma abordagem visual e estruturada que divide o desenvolvimento de soluções em quatro fases principais: Descoberta, Definição, Desenvolvimento e Entrega. Na fase de Descoberta, busca-se entender profundamente o problema através de pesquisa e coleta de informações. Em seguida, na fase de Definição, essas informações são analisadas para identificar insights e definir claramente o desafio a ser resolvido. A fase de Desenvolvimento envolve a criação e iteração de soluções potenciais, enquanto a fase de Entrega foca na implementação e refinamento da solução final. Esse modelo promove a divergência e convergência de ideias, garantindo uma abordagem holística e centrada no usuário.
O PROBLEMA
A EBAC SHOES, recém-estabelecida em 2024, oferece tênis
extremamente confortáveis e especializados, mas ainda não possui uma presença de e-commerce para atingir um público mais amplo. Atualmente, as vendas são limitadas a uma loja física em uma galeria no centro de São Paulo, o que restringe o alcance e a conveniência para os clientes.
OBJETIVO
Desenvolver e lançar uma plataforma de e-commerce para a EBAC SHOES que:
Comunicação do Conforto: Destaque visualmente e textualmente o conforto e a tecnologia avançada dos tênis.
Inclusividade de Numerações: Facilite a busca e a escolha de tamanhos, mostrando a abrangência das
numerações.
Experiência de Compra Intuitiva: Crie uma jornada de compra simplificada e otimizada.Acessibilidade e Alcance: Permita que clientes de
diferentes localidades possam acessar e adquirir nossos produtos com facilidade, aumentando o a
lcance da marca e as vendas.
Localização: Informar ao usuário a localização da loja física, permitindo que ele possa experimentar os tênis, se desejar.
MATRIZ CSD
A Matriz CSD é uma ferramenta estratégica usada para estruturar discussões e decisões em projetos de inovação e design. A matriz é dividida em três colunas de acordo com sua sigla que significa Certezas, Suposição e Dúvida (CSD) . A matriz é dividida em três
colunas: Ela nos permite identificar o que já é conhecido, o que precisa ser testado e as áreas que ainda necessitam de exploração, facilitando a tomada de decisões e o
desenvolvimento de soluções inovadoras.
DESK RESEARCH
Desk research é um método de coleta de dados que envolve a análise de informações já existentes, disponíveis em fontes secundárias. Seu objetivo é reunir informações relevantes e insights sem a necessidade de conduzir pesquisas primárias, economizando tempo e recursos. Este método é
frequentemente utilizado para obter uma compreensão inicial do problema, identificar tendências, e fundamentar hipóteses para pesquisas futuras.
Minhas pesquisas principais
Criar uma versão mobile e uma desktop agregará valor para esse usuário?
Quem consome mais sapatos, o público feminino ou masculino?
O público que trabalha em escritório está disposto a investir num tênis para utilizar no trabalho?
BENCHMARKING
Com o intuito de compreender as estratégias da EBAC SHOES, realizaremos um estudo de benchmarking. Esse processo analisa o desempenho de uma empresa em comparação com o de outras organizações do mesmo segmento.
O objetivo é identificar áreas de melhoria, adotar melhores práticas e, assim, aumentar a competitividade e eficiência.
Selecionamos os seguintes pontos a serem avaliados: Posicionamento de mercado, Design, Acessibilidade, Canais de distribuição, Atendimento, Troca e devolução e diferenciais adicionais.
RESULTADOS
A maioria dos concorrentes abordam o tema sustentabilidade.
Todos os concorrentes possuem e-commerce.
Apenas um dos concorrentes não faz troca por erro de tamanho.
Quase todos os concorrentes possuem atendimento via WhatsApp.
Nenhum dos concorrentes possuem numerações fora do padrão.
Um dos concorrentes trabalha atendendo apenas o público masculino.
Alguns dos concorrentes trabalham com a venda de outros artigos ou outras variações de calçados.
PERSONAS
Com o objetivo de me aprofundar mais a respeito das necessidades e desafios enfrentados pelos usuários da EBAC SHOES, criei duas proto-personas.
Elas são representações fictícias e generalizadas de usuários ideais baseadas em dados reais e pesquisas anteriormente realizadas. Com isso, será possível entender melhor as necessidades, comportamentos, objetivos e dores dos usuários, permitindo que as soluções a serem criadas sejam centradas no usuário. Ao utilizar proto-personas, posso alinhar as decisões com as expectativas e motivações dos usuários, garantindo uma experiência mais relevante e eficaz. Essas representações incluem detalhes demográficos, psicográficos e contextuais, proporcionando uma visão holística do público-alvo.
As duas proto-personas que foram criadas são:
Usuário que representa uma jovem adulta que trabalha como analista de marketing digital, valoriza a sustentabilidade e busca produtos que sejam confortáveis, estilosos e éticos.
Usuário prático representa um adulto casada que trabalha como gerente de recursos humanos, valoriza a conveniência e a qualidade, preferindo produtos duráveis e de marcas confiáveis.
GABRIELA HORA
Jargão: “Estilo com responsabilidade.”
Idade: 25 anos
Profissão: Analista de Marketing Digital
Estado Civil: Solteira
Renda Média: R$ 5.000,00 por mês
SOBRE
Gabriela é uma jovem profissional que valoriza a moda, o conforto e a sustentabilidade. Ela está sempre atualizada com as últimas tendências e busca produtos que reflitam seu estilo de vida dinâmico, moderno e ético.
DORES
Dificuldade em encontrar calçados que combinem estilo, conforto e sustentabilidade.
Falta de opções de calçados que se adequem ao seu estilo de vida ativo e ético.
Problemas com a durabilidade dos calçados que compra.
COMPORTAMENTOS
Pesquisa online antes de fazer compras, com foco em marcas sustentáveis e produtos sem crueldade animal.
Prefere marcas que oferecem uma boa
experiência de compra online e que têm compromisso com a sustentabilidade.
Valoriza opiniões e reviews de outros consumidores, especialmente sobre a ética da marca.
Frequenta academias e eventos sociais regularmente.
OBJETIVOS E NECESSIDADES
Encontrar calçados que sejam confortáveis, estilosos e sustentáveis.
Comprar de marcas que ofereçam uma boa experiência de compra e atendimento ao cliente, além de um compromisso com a sustentabilidade.
Manter-se atualizado com as últimas tendências de moda e práticas éticas.
Calçados que ofereçam conforto para uso diário e atividades físicas, feitos de materiais sustentáveis e sem crueldade animal.
Opções de compra online com entrega rápida e eficiente.
Políticas de troca e devolução flexíveis.
DANILO XAVIER
Jargão: “Praticidade é essencial.”
Idade: 37 anos
Profissão: Gerente de Recursos Humanos
Estado Civil: Casado
Renda Média: R$ 8.000,00 por mês
SOBRE
Danilo Xavier é um pai dedicado e profissional de sucesso que valoriza a praticidade e a qualidade. Ele busca produtos que facilitem seu dia a dia e que ofereçam um bom custo-benefício.
DORES
Falta de tempo para fazer compras em lojas físicas.
Dificuldade em encontrar calçados que sejam confortáveis para o dia todo.
Preocupação com a qualidade e durabilidade dos produtos.
COMPORTAMENTOS
Prefere fazer compras online devido à falta de tempo.
Valoriza marcas que oferecem produtos de alta qualidade e durabilidade.
Confia em recomendações de amigos e familiares.
Participa de grupos de mães e profissionais em redes sociais.
OBJETIVOS E NECESSIDADES
Comprar calçados que sejam confortáveis para uso prolongado.
Economizar tempo com compras online eficientes.
Garantir que os produtos comprados ofereçam um bom custo-benefício.
Calçados que ofereçam conforto e suporte para o dia todo.
Opções de compra online com descrições detalhadas e avaliações de clientes.
Políticas de troca e devolução que facilitem o processo de compra.
USER STORY
Com as personas definidas, posso começar a pensar nas soluções. Para isso,
utilizarei uma técnica chamada User Story, que consiste em criar descrições simples e concisas das funcionalidades desejadas do ponto de vista do usuário. As User
Stories ajudam a manter o foco nas necessidades e objetivos dos usuários durante o desenvolvimento do produto.
A estrutura de uma User Story é projetada para focar nas
necessidades do usuário e segue um formato simples: “Como [tipo de usuário], eu quero [ação] para que [benefício/objetivo].” Este formato ajuda a esclarecer quem é o usuário, qual é a
funcionalidade desejada e qual é o valor ou benefício esperado dessa funcionalidade. Além disso, cada User Story é acompanhada por critérios de aceitação, que são condições específicas que devem ser atendidas para que a história seja considerada completa. Esses critérios fornecem uma definição clara de “pronto” e ajudam a
garantir que a funcionalidade atenda às expectativas do usuário e aos requisitos do projeto.
RESULTADOS
GABRIELA HORA
User Story 1:
Como uma jovem profissional que valoriza a moda, o conforto e a sustentabilidade, Gabriela precisa de uma loja online que ofereça uma ampla variedade de calçados estilosos, confortáveis e sustentáveis para ela poder encontrar facilmente produtos que combinem com seu estilo, necessidades diárias e valores éticos.
User Story 2:
Como uma consumidora que pesquisa online antes de fazer compras, com foco em marcas sustentáveis, Gabriela precisa de um site com avaliações detalhadas, fotos de alta qualidade dos produtos e informações sobre a sustentabilidade e ética da marca para ela poder tomar decisões de compra informada e confiar na qualidade e ética dos produtos.
User Story 3:
Como uma cliente que valoriza a experiência de compra online e a sustentabilidade, Gabriela precisa de um processo de checkout rápido e eficiente, com opções de entrega rápida e informações sobre a pegada de carbono da entrega para ela poder receber seus produtos sem demora e com conveniência, sabendo que está fazendo uma escolha sustentável.
DANILO XAVIER
User Story 1:
Como um pai ocupado que valoriza a praticidade e a qualidade, Danilo precisa de uma loja online que ofereça descrições detalhadas e avaliações de clientes para ele poder escolher produtos de alta qualidade que atendam às suas necessidades sem perder tempo.
User Story 2:
Como um profissional que confia em recomendações de amigos e familiares, Danilo precisa de uma plataforma que permita compartilhar facilmente produtos e opiniões com sua rede para ele poder tomar decisões de compra baseadas em recomendações confiáveis
User Story 3:
Como um consumidor que valoriza políticas de troca e devolução flexíveis, Danilo precisa de um sistema de devolução e troca simples e eficiente para ele poder comprar com confiança, sabendo que pode devolver ou trocar produtos sem complicações.
GOLDEN PATH
O “Golden Path” é um conceito que representa o fluxo ideal de um usuário ao interagir com um produto ou serviço digital, onde cada etapa ocorre sem problemas e como planejado. Este caminho otimizado permite que os usuários alcancem seus objetivos de maneira eficiente e satisfatória, minimizando a frustração e maximizando a usabilidade e a experiência geral. No contexto de design de experiência do usuário (UX), identificar e projetar para o “Golden Path” ajuda a criar interfaces mais intuitivas.
Escolhi representar o fluxo principal de compra em meu “Golden Path” porque ele é a jornada mais crítica para o sucesso do nosso e-commerce. Ao mapear e otimizar esse fluxo, podemos garantir que os usuários tenham uma experiência de compra suave e intuitiva, desde a navegação pelos produtos até a finalização da compra. Focar no fluxo principal de compra nos permite identificar e eliminar obstáculos, melhorar a satisfação do cliente e aumentar a taxa de conversão, assegurando que o processo atenda às expectativas e necessidades dos usuários de forma eficiente.
WIREFRAME DE PAPEL
Para me aprofundar no entendimento de como funciona o fluxo apresentado anteriormente, realizei esboços em papel que irão garantir uma lógica no processo antes de chegarmos às telas de alta fidelidade.
Os wireframes de papel são desenhados à mão e, apesar de sua forma simples, representam a estrutura básica de uma interface de usuário. Eles são utilizados nas etapas iniciais do design para visualizar e planejar a disposição dos elementos em uma página ou aplicativo, permitindo que se discuta e validem ideias de forma rápida e econômica antes de investir tempo e recursos na criação de protótipos digitais.
WIREFRAME DIGITAL
(E protótipo de Baixa Fidelidade)
Um wireframe digital é uma representação visual simplificada e esquemática de uma interface de usuário, utilizada no processo de design. Ele serve como um esqueleto básico que delineia a estrutura e o layout dos elementos principais, como menus, botões, campos de texto e imagens, sem se preocupar com detalhes estéticos ou gráficos. O objetivo do wireframe é focar na funcionalidade, navegação e hierarquia de informações, permitindo ajustes iniciais antes de avançar para fases mais detalhadas do design.
Para realizar a próxima etapa e executar o refinamento de forma mais assertiva, prototipei o wireframe com o intuito de utilizá-lo em um teste de usabilidade. Um protótipo é uma versão interativa das telas, onde o usuário consegue realizar tarefas e percorrer fluxos de navegação. Isso permite coletar feedback valioso sobre a experiência do usuário, identificando pontos fortes e áreas que precisam de melhorias antes do desenvolvimento final.
STYLE GUIDE
Um style guide (guia de estilo) é um documento que define e padroniza os elementos visuais e de comunicação de uma marca ou projeto. Ele garante consistência e coesão em todas as plataformas e materiais. Além disso, um style guide pode abranger o tom de voz e a linguagem a ser utilizada, assegurando que a identidade da marca seja mantida de forma uniforme e reconhecível em todas as interações com o público.
1º TESTE DE USABILIDADE
Para garantir uma experiência de usuário otimizada, realizei um teste de usabilidade com três usuários representando nosso público-alvo. O teste foi conduzido de forma remota através do Google Meet, permitindo uma interação direta e conveniente com os participantes.
Durante o teste, os usuários interagiram com o protótipo de baixa fidelidade, fornecendo feedbacks valiosos. Essa abordagem permitiu identificar tanto os pontos fortes quanto as áreas que necessitam de melhorias, possibilitando ajustes e refinamentos essenciais antes da versão final do site.
Meu objetivo principal é assegurar que os clientes tenham uma excelente experiência de compra, refletindo os valores da EBAC SHOES. Para garantir a eficácia do teste, elaborei um script detalhado, que orientou os participantes durante as tarefas e assegurou a consistência na coleta de dados.
Este processo não só destacou a importância de uma abordagem centrada no usuário, mas também reforçou a necessidade de uma iteração contínua no design. Este ciclo de testes e refinamentos é fundamental para criar uma experiência de usuário que não apenas atende, mas supera as expectativas dos clientes.
SCRIPT
Boas vindas:
“Olá, meu nome é Claudiana e eu sou UX/UI Designer no projeto EBAC SHOES. Obrigado por participar deste teste de usabilidade. O objetivo deste teste é entender como você interage com nosso site e identificar áreas onde podemos melhorar a experiência do usuário.”
Perguntas “quebra gelo”:
“Para começarmos, você poderia me contar um pouco sobre você? Quais são seus hobbies ou interesses?”
“Você tem algum esporte favorito ou atividade física que gosta de praticar?”
“Qual foi a última compra online que você fez? Como foi a experiência?”
Explicação do Teste:
“Durante o teste, vou pedir que você realize algumas tarefas específicas no site. Não estamos testando suas habilidades, mas sim a facilidade de uso do nosso site. Sinta-se à vontade para pensar em voz alta enquanto navega, compartilhando seus pensamentos e impressões.”
Solicitei aos usuários que navegassem pelo site e tentassem realizar uma compra.
Pergunta 1: “O que você acha do layout e da organização das informações?”
Consentimento:
“Antes de começarmos, gostaria de confirmar que você está de acordo em participar deste teste e que posso gravar sua tela e suas respostas para análise posterior. Você está de acordo?”
Solicitei aos usuários que navegassem pelo site e tentassem realizar uma compra.
Pergunta 1: “O que você acha do layout e da organização das informações?”
Pergunta 2: “Você encontrou facilmente o produto?”
Pergunta 3: O que você achou das informações fornecidas na tela do produto? Algo está faltando ou poderia ser melhor apresentado?”
Pergunta 4: Você encontrou algum problema ou algo que poderia ser melhorado?”
Pergunta 5: “De maneira geral, como você descreveria sua experiência no site EBAC SHOES?”
Pergunta 6: “Houve algo que você achou particularmente frustrante ou confuso?”
Pergunta 7: “Você tem alguma sugestão de melhoria para o site?”
Pergunta 8: “Você gostaria de ser convidado para testar uma versão mais aprimorada desse projeto?”
RESULTADOS
Pontos fortes:
Todos os usuários conseguiram concluir o processo de compra, provando que o fluxo de compra está satisfatório.
Pontos fracos:
Dois dos três usuários ficaram confusos em relação à disposição dos textos e seletores na tela do produto.
Um dos três usuários sugeriu incluir um botão para compra direta.
PROTÓTIPO DE ALTA FIDELIDADE
(Versão final)
Após validar as funcionalidades e a navegação com o wireframe de baixa fidelidade,
desenvolvi um protótipo de alta fidelidade melhorando a disposição dos elementos da tela do produto e aplicando sugestões feitas pelos usuários durante o teste de usabilidade. Este protótipo incorpora detalhes visuais completos, como cores, tipografia e imagens, oferecendo uma representação realista de como a interface final será. Ele permite simular a experiência do usuário de forma mais precisa, facilitando a identificação de melhorias finais.
Os feedbacks obtidos no teste de usabilidade foram extremamente necessários para
aprimorar o site. A versão final é totalmente funcional, refletindo todos os refinamentos e
garantindo uma experiência de usuário fluida e satisfatória.
2º TESTE DE USABILIDADE
Após iterar e refinar o design com base nos feedbacks do primeiro teste de usabilidade, desenvolvi um protótipo de alta fidelidade. Este protótipo incorpora melhorias visuais e funcionais, proporcionando uma experiência mais próxima da versão final do produto.
Segui o script do primeiro teste e agora foquei nos indicadores chave de performance para realizar um comparativo com os dados obtidos.
O objetivo do segundo teste de usabilidade foi validar as mudanças implementadas e garantir que o protótipo de alta fidelidade ofereça uma experiência de usuário intuitiva e eficiente.
RESULTADOS
Os resultados do segundo teste de usabilidade mostraram melhorias significativas em todos os KPIs:
Tempo de Tarefa:
Redução média de 20% no tempo necessário para completar tarefas, indicando uma navegação mais intuitiva.
Taxas de Conversão:
Se manteve em 100%, refletindo uma experiência de compra fluida.
Taxas de Erro:
Diminuição de 15% nas taxas de erro, evidenciando uma interface mais clara e menos propensa a confusões.
Pontos fortes:
Todos os usuários conseguiram concluir o processo de compra novamente.
Pontos fracos:
Não houveram.
APRENDIZADOS
A jornada de desenvolvimento do projeto EBAC SHOES foi repleta de desafios e oportunidades de aprendizado. Desde a concepção inicial até os testes de usabilidade com protótipos de baixa e alta fidelidade, cada etapa proporcionou valiosos insights que enriqueceram minha experiência como UX Designer.
• Entender profundamente as necessidades, comportamentos e expectativas dos usuários é fundamental para criar designs que realmente atendam às suas demandas.
• O design de UX é um processo iterativo. Testar, coletar feedback e refinar continuamente são essenciais para alcançar uma experiência de usuário otimizada.
• Ser flexível e estar disposto a adaptar-se às mudanças é vital em um ambiente de design dinâmico.
• A capacidade de ajustar rapidamente os designs com base no feedback dos usuários e nas novas
descobertas foi essencial para o sucesso do projeto.
• A jornada no projeto EBAC SHOES foi uma experiência enriquecedora que reforçou a importância de uma abordagem centrada no usuário, iterativa e colaborativa no design de UX. Cada aprendizado adquirido será aplicado em futuros projetos, contribuindo para a criação de experiências de usuário ainda melhores.
Gostaria de agradecer ao Giovanni Sonnberger, nosso tutor, ao Prof. Filipe Morais e a Nayara de Deus que
estiveram conosco nos auxiliando durante essa jornada. A todos os participantes dos testes de usabilidade e aos colegas no grupo do telegram que compartilharam dicas tão valiosas.