Estudo de Caso de UX/UI: Fluxo de Trabalho e Wireframe

Danielle Dantas
5 min readOct 10, 2021

--

Desafio

É o seu primeiro dia em um projeto aonde você é o único profissional de UX e você irá atender as atividades encaminhadas pela gerência de produto. Conta também com uma equipe de desenvolvedores: analista de dados, analista de negócios, analista de comunicação e atendimento ao cliente.

O produto que você irá trabalhar é um aplicativo de compras de mercado. O gerente de produto informou que o problema atual é que 30% dos usuários abandonam o carrinho de compras. Não finalizam o pagamento e saem do aplicativo.

O desafio é montar um fluxo de trabalho de UX, que vai mostrar o passo a passo de trabalho. O fluxo deverá ter uma forma simples, para que o gerente de produto compreenda o trabalho. Deverá apresentar um rascunho da possível solução visual para a tela que finaliza as compras de mercado.

Problema

30% dos usuários abandonam o carrinho de compras. Não finalizam o pagamento e saem do aplicativo.

Hipóteses

As hipóteses são muito importantes para dar início a pesquisa, pois instiga a buscar um recurso para solucionar o problema apresentado. Para formular as hipóteses desse projeto foi necessário entender e investigar o produto e a empresa. Desse modo foi criado uma lista com suposições feitas com base em algumas evidências no problema identificado.

  • Dificuldade para finalizar a compra.
  • Obrigação de criar uma conta para efetuar a compra.
  • Burocracia em efetuar o cadastro.
  • Não entendimento das etapas para concluir a compra.
  • Muitas informações para serem preenchidas na etapa final.
  • Insegurança para finalizar o pagamento.
  • Não entendimento da etapa final de pagamento.
  • Dificuldade em cadastrar os dados de pagamento.
  • Falta de opções de pagamento.
  • Não possuir cupom de desconto.
  • Usuário acha o valor da compra muito elevado.
  • Dificuldade em cadastrar o endereço de entrega.
  • Usuário acha o valor do frete muito elevado.
  • Usuário apenas simulou a compra para comparar o valor com outro serviço similar.
  • Desistência da compra online para opção de ir comprar no mercado.
  • Aplicativo com algum bug.
  • Aplicativo com plataforma não intuitiva.

Usuários

O usuário nesse projeto é todo aquele que interage com a organização de alguma forma, seja através de projetar o produto ou o que compra e utiliza esse produto. Compreender o usuário é extremamente importante para o sucesso do projeto. É importante investigar as necessidades dos usuários e oferecer as melhores soluções possíveis.

Analista de Dados

O Analista de Dados irá fazer o levantamento e análise das informações coletadas do produto. Ele irá interpretar os dados e analisará os requisitos e atividades do projeto usando técnicas estatísticas para poder identificar novas oportunidades de melhoria do produto.

Analista de Negócios

O Analista de Negócios irá fazer o levantamento e análise das melhores oportunidades de negócio alinhado a estratégia da empresa. Ele irá analisar dados para avaliar os processos e determinar os requisitos para fornecer recomendações que identificam e propõem melhorias para o sistema em desenvolvimento do produto.

Analista de Comunicação

O Analista de Comunicação irá fazer o levantamento e análise do planejamento estratégico dos serviços de comunicação. Ele irá elaborar planejamentos estratégicos, propostas, serviços de comunicação, produzindo conteúdo textual e visual estabelecendo relacionamento com a mídia de interesse da empresa.

Atendimento ao Cliente

O Atendimento ao Cliente irá fazer o levantamento e análise das informações coletadas do usuário e assim entender as suas necessidades. Ele irá dar todo o suporte aos usuários, seja antes, durante ou depois da compra do produto. Ele será o responsável de escutar todas as dores, desejos e expectativas do usuário final.

Ideias de Solução

Agora que o problema foi identificado e estruturado, é a hora de explorar as melhores ideias de solução para o projeto. É o momento para usar a criatividade, explorando e validando as opções criativas e rentáveis para obter sucesso.

  • Analisar o resultado das pesquisas realizadas.
  • Analisar toda a documentação do aplicativo.
  • Projetar soluções com base no resultado das pesquisas e das necessidades dos usuários.

Entregável

Os entregáveis são documentos, protótipos e todos os demais intangíveis que o projeto deve entregar quando for completo. É a etapa que você reduz suas ideias e constrói sua solução de maneira adequada e rápida. É o momento de entregar a melhor solução que foi encontrada e que resolve o problema.

  • Documentar os resultados do projeto.
  • Entregar o mínimo necessário para poder corrigir o erro do aplicativo.
  • Wireframe.
  • Protótipo da solução.
  • Teste de usabilidade com os usuários.

Fluxo de Trabalho

O Fluxo de Trabalho é o modo como os processos são realizados na empresa. Você define as atividades a serem realizadas, responsabilidades e etapas, entre outras atribuições para a execução de todo projeto. Ele vai certificar a administração da equipe e garantir que o mesmo esteja sendo efetivado e assegurando a qualidade e produtividade do projeto.

Wireframe

O protótipo representa a estrutura semi realística da interface, ajudando a visualizar rapidamente seu conceito e se tornando o modelo guia para desenvolvimento. É o momento de entregar a melhor solução que foi encontrada e que resolve as necessidades do usuário.

Foi projetada uma possível solução visual para a tela que finaliza as compras de mercado, no qual foram desenvolvidas 3 interfaces que demonstram o passo a passo do que o usuário precisa realizar no processo de finalização da compra. Na primeira etapa o usuário tem as informações do seu pedido, podendo voltar para o mercado e dar continuidade a sua compra ou continuar para a finalização do seu pedido. Na segunda etapa tem as informações de entrega, em que o usuário pode adicionar ou escolher outro endereço. Na terceira etapa tem as informações de pagamento, onde o usuário pode adicionar ou escolher outra forma de pagamento e desse modo finalizar a compra.

Para testar o protótipo de alta fidelidade, clique aqui.

Conclusão

Este é o meu segundo estudo de caso de UX Design em que compreendo como seria trabalhar no primeiro dia em um projeto e entendendo as necessidades do usuário, onde desenvolvi um fluxo de trabalho com propósito de demonstrar o passo a passo do trabalho a ser realizado e assim certificar a administração de toda equipe. Também foi desenvolvida uma possível solução visual para a tela que finaliza as compras de mercado, visando proporcionar a melhor experiência para o usuário.

Este estudo de caso faz parte do workshop de Imersão de 3 dias nas Práticas de UX para Iniciantes da EBAC - Escola Britânica de Artes Criativas & Tecnologia, no qual só tenho a agradecer por todo o conteúdo e ensinamento compartilhado.

Para saber mais sobre mim:

LinkedIn: www.linkedin.com/in/daniellescdantas

Portfólio: www.danielledantas.com

Obrigada pela atenção!

--

--

Danielle Dantas
Danielle Dantas

Written by Danielle Dantas

💡Designer UX/UI•Gráfico•Produto•Interiores🦋Designer na WoMakersCode🏆Concurso Desafio Senac Experimenta | Exposição Novos Talentos Brasileiros - Design e Arte

No responses yet