Criando jornadas do usuário para sua loja de comércio eletrônico

Construir qualquer tipo de site vem com seus próprios desafios. Mas um site de comércio eletrônico é um jogo totalmente diferente. Ele compartilha os mesmos objetivos de qualquer outro site: desenvolver e manter a personalidade da marca, comunicar e interagir com o público, conquistar e reter leads e, finalmente, construir um relacionamento forte e duradouro com os consumidores.

Mas, ao mesmo tempo, também atua como uma loja real, destinada a gerar receita e melhorar o desempenho dos negócios por meio do aumento das vendas e da satisfação do cliente. São muitas responsabilidades! Se você quiser ter certeza de que sua loja de comércio eletrônico alcançará tudo isso, siga estas dicas que ajudarão você a criar jornadas de usuário totalmente funcionais em seu site.

Colete dados de UX

O objetivo dos dados de UX é equipar-se com todas as informações disponíveis sobre as observações existentes da experiência do usuário. Você precisa disso para identificar problemas e começar a criar soluções que melhorarão a estrutura do seu site desde o início. Existem excelentes ferramentas de UX disponíveis, como o Hindsight, para ajudá-lo a coletar dados precisos e identificar áreas de melhoria em seu site: desde registrar visitantes enquanto eles se movem em seu site até gerar mapas de calor de suas páginas da web para ver onde as pessoas estão (ou estão 't) clicando.

Isso, claro, só vale se você tiver um site existente para testar. Se você estiver criando um site totalmente novo, essa etapa só será realizada em uma fase posterior. Mas mantenha essas dicas em mente.

Os dados que você coletará determinarão informações importantes, como:

• Picos de atividade ou interação
• Segmentação de engajamento
• Viagens interrompidas ou sem saída
• Pontos de frustração

Você também pode usar dados coletados de insights de SEO, Google Ads, Google Analytics e análises incorporadas em plataformas de mídia social para apoiar suas descobertas. A coleta de dados também fornece uma linha de base de informações que podem ser usadas como referência para futuras auditorias on-line e objetivos de pesquisa.

Comece a construir um estudo de caso

Isso se tornará fundamental para o sucesso futuro do seu comércio eletrônico, especialmente se você estiver lidando com um site com dezenas de páginas e várias jornadas de usuário possíveis.

Uma vez que qualquer pesquisa necessária tenha sido feita e os dados corretos coletados, as descobertas devem ser registradas de forma concisa. Seu estudo de caso será usado para resumir e explicar dados e para criar ou testar hipóteses. À medida que você passa pelas etapas da criação de um wireframe até a construção de um site, você expandirá os dados registrados e, eventualmente, os usará como uma ferramenta para medir os testes contínuos do usuário ou ajudar os membros da equipe a tomar decisões informadas.

Planeje a estrutura do seu site

Suas próximas duas etapas serão definir a arquitetura da informação e planejar o layout completo do seu site na forma de um wireframe.

Parece bastante simples, e você já deve ter pensado nisso, mas pare por um momento e considere: você realmente deu a essa fase de wireframe a atenção necessária?

Você pode começar a fazer um brainstorming da aparência enquanto faz essas duas etapas, sem problemas. Contanto que você mantenha as decisões finais da interface do usuário em segundo plano até ter certeza de que a estrutura e a navegação da sua loja de comércio eletrônico estão coordenadas e integradas perfeitamente. Não estamos colocando a interface do usuário em segundo lugar em termos de importância. A interface do usuário é claramente altamente significativa. Ele dá vida à estrutura do seu site e desempenha o papel principal em tornar sua loja intuitivamente funcional para os usuários. Mas sua interface não pode salvar uma estrutura de site quebrada ou uma jornada de usuário complicada.

Pense como um usuário

Você precisa se colocar na mente do seu consumidor quando começar a finalizar seu wireframe. Este pode ser um exercício complicado porque você já conhece sua marca e todos os seus produtos tão bem que parece bastante direto para você. Mas não se deixe enganar! Você precisa desenvolver sua navegação em torno de jornadas de usuário on-line eficientes e eficazes que direcionarão os visitantes pela primeira vez e os que retornam ao carrinho sem nenhum problema.

Comece alinhando a navegação do seu site com as personas do usuário para ajudar a entender e trabalhar com as necessidades, experiências, comportamentos e objetivos dos usuários. Isso formará a base da jornada do usuário e do fluxo do usuário. A jornada do usuário explica os cenários em que os usuários interagem com os produtos no dia a dia, enquanto o fluxo do usuário se concentra em estágios independentes de interação com um produto, do início ao fim.

Considere realizar entrevistas direcionadas com o público-alvo para entender melhor seus usuários. Aqui você pode fazer perguntas específicas e abertas que ajudarão a identificar a compreensão do produto do usuário, formar a base de um mapa de jornada do usuário e ajudar a refinar personas de usuários novos/existentes.

Certifique-se de levar em consideração a prevenção de erros ao pensar como um usuário. Não importa quão cuidadosamente seu site seja projetado e quão excepcional seja a navegação do seu site, os usuários cometem erros. É sua responsabilidade ir além para evitar que problemas ocorram em primeiro lugar; mas quando isso acontecer, certifique-se de incluir uma correção rápida para seu usuário.

Então, basicamente, quando você cria seu wireframe, certifique-se de que haja uma jornada fácil de navegar para cada cenário de visitante possível. Enquanto isso, refine sua arquitetura de informações para minimizar etapas e encontrar momentos ideais no layout do seu site para jornadas de upselling e cross-selling.

Teste seu wireframe

Neste ponto, seu wireframe ainda pode ser uma forma de projeto com pouco ou nenhum elemento de design implementado. Você precisa adicionar seu conteúdo ao wireframe neste momento! Se você for testar a eficiência e usabilidade de um wireframe, toda a sua comunicação deve ser incluída.

Você não precisa necessariamente confiar no público para esse tipo de teste de wireframe. Ter membros da equipe de diferentes departamentos examinando toda a estrutura, navegação e design do site revelará informações suficientes por enquanto. Apenas certifique-se de não limitar seu grupo de teste a pessoas que já tiveram uma interação substancial com o processo até agora - você precisa de novos olhos e novas opiniões.

Crie um wireframe de alta fidelidade

Também conhecido como protótipo, um wireframe de alta fidelidade é um wireframe totalmente funcional que imita seu site final com todas as suas páginas e jornadas. Você usará isso para realizar testes de usuários em pessoas fora de sua organização, antes de iniciar o desenvolvimento da web. Esse processo nunca deve ser apressado, pois compõe os últimos passos para a perfeição da loja online.

Você pode realizar testes moderados e não moderados. Ambos os métodos visam observar como os usuários interagem com o wireframe e identificar problemas, problemas de localização, ineficiências, gargalos e becos sem saída que impedem os usuários de completar os objetivos.

Essa também é a parte em que você traz a interface do usuário para garantir que o design suporte e complemente o esqueleto do seu site.

Faça uma avaliação heurística da interface do usuário

Uma avaliação heurística é uma revisão feita por um ou mais especialistas em UX ou UI. Ele analisa especificamente a interface do usuário do site da perspectiva da experiência do usuário. Ele ajuda a testar a usabilidade geral 'intuitiva' de um site em todas as jornadas possíveis do usuário, com base em um conjunto de princípios. Aqui estão cinco dos princípios focados na jornada do usuário que você pode analisar ao testar um protótipo de alta fidelidade:

Visibilidade do status do sistema

Ao longo de cada interação na jornada do usuário, os usuários devem se manter informados sobre o que está acontecendo por meio de feedback apropriado (pistas visuais) dentro de um tempo razoável. Um exemplo disso pode ser garantir a consistência de como o cursor muda ao passar o mouse sobre links e itens clicáveis ​​ou mostrar uma indicação clara de quando um item está carregando.

Correspondência entre o sistema e o mundo real

Cada ponto acionável e cada segmento de conteúdo em seu layout deve ter um propósito e deve falar o idioma do usuário. As hierarquias de informação devem ganhar vida através do design e devem seguir uma ordem natural e lógica. Use inglês simples em todo o conteúdo e navegação do seu site e inclua imagens de alta qualidade que transmitam exemplos da vida real.

Controle e liberdade do usuário

Não importa quão bem sua arquitetura de informações esteja definida ou quão bem sua navegação seja projetada, os usuários cometerão erros. Quando o fizerem, é importante que encontrem uma saída de emergência claramente marcada e retornem à sua jornada sem irritação. Apoie ações de refazer e desfazer implementando dicas visíveis, navegações secundárias ou táticas de navegação.

Consistência e padrões

Não há necessidade de se restringir ao design fixo, mas você ainda deve garantir que os usuários possam entender os elementos individuais da interface. Os usuários não devem se perguntar se palavras, situações ou ações diferentes significam a mesma coisa. Garanta que diferentes layouts sigam uma estrutura reconhecível e que haja consistência nas cores e elementos acionáveis, como designs de call-to-action primários e secundários.

Ajuda e documentação

Mesmo que seja melhor para um layout de site não incluir informações complicadas, ainda pode ser necessário fornecer ajuda e documentação em alguns casos. Qualquer informação desse tipo deve ser fácil de pesquisar, focada na tarefa e explicativa. Isso vale especialmente para lojas de comércio eletrônico que vendem produtos mais avançados ou complicados. Uma loja de tintas online, por exemplo, precisará incluir fichas técnicas e informações úteis sobre a aplicação.

Não termina aí

Você nunca pode terminar de trabalhar em seu site ou aprimorar suas jornadas de usuário. Você não precisa pensar em um wireframe como um projeto enorme para um site totalmente novo. Os wireframes podem ser pensados ​​e testados para melhorar até mesmo os menores problemas. Mas os menores problemas às vezes podem levar às maiores perdas de conversão – portanto, habilite seu site para apoiar seus usuários em todas as etapas da jornada! E se você não tiver certeza do que fazer a partir daqui, ligue para nós. Como especialistas da Shopify, somos tão apaixonados pelo sucesso da sua loja online quanto você.