Este relatório do projeto avaliativo da disciplina de Interface Homem-Máquina, realizado por acadêmicos de Sistemas de Informação, propõe um estudo para desenvolver uma plataforma de compra e venda de produtos adaptada a cada região. O objetivo é oferecer uma experiência fácil, segura e rápida para consumidores e comerciantes, através de um estudo de usabilidade comparativa com a plataforma Shopee. O estudo visa identificar e mitigar barreiras de uso e inconsistências na plataforma em fases futuras de ajuste e otimização. Além do estudo, também criamos as interfaces para a plataforma proposta.
👉🏻 Leia aqui o Relatório do Projeto PDF
💻 Veja aqui os Slides PDF
📱 Veja aqui o Protótipo no Figma
Fui encarregada de sintetizar as interfaces e criar o protótipo do aplicativo de compras SHOPP2. Para isso, foi necessário estudar e aprofundar os conhecimentos em técnicas e conteúdos de UX/UI Design e usabilidade. Abaixo, compartilho algumas das minhas descobertas com o grupo.
-
Exploramos o ramo dos aplicativos de compras devido à sua popularidade e complexidade.
-
Realizamos uma análise abrangente dos produtos concorrentes, escolhendo o aplicativo da Shopee para fins comparativos, com base nos feedbacks públicos disponíveis.
Analisamos a tela inicial do aplicativo para verificar se o site pode ser utilizado por todos os usuários. Utilizamos o Ergolist para avaliação autônoma e identificamos algumas dificuldades de usabilidade:
- Barra de Progresso na Tela Inicial: Problemas relacionados à visibilidade e clareza da barra de progresso.
- Inclusão de Ícones nas Categorias: Necessidade de incluir ícones representativos nas categorias para facilitar a navegação.
- Manutenção da Identidade Visual: Inconsistências na identidade visual que podem confundir os usuários.
- Consistência e Padrões no Shopee: Falta de consistência e padrões uniformes na interface do Shopee, prejudicando a experiência do usuário.
Em grupo, analisamos esta pergunta e esta foi a etapa brilhante no projeto:
- Ajuda na Detecção e Correção de Erros no Shopee: Melhorar as ferramentas e os processos para identificar e corrigir erros dentro do aplicativo.
- Prevenção de Erros no Shopee: Implementar mecanismos que previnam erros antes que eles ocorram, melhorando a experiência do usuário.
- Reconhecimento em vez de Memorização no SHOPP2: Facilitar a navegação e a interação, reduzindo a necessidade de os usuários memorizarem informações.
- Implementação de um Chatbot (Baianinho): Adicionar um chatbot interativo para auxiliar os usuários com dúvidas e problemas, proporcionando um atendimento mais rápido e eficiente.
Aqui, foram incluídas as devidas alterações e adicionadas duas telas de carregamento no papel. Em seguida, o projeto foi iniciado no Canva. Era um protótipo de visualização digital até chegarmos a um consenso sobre o que estava sendo idealizado. Para não usarmos a verdadeira tela da plataforma de referência (Shoppe), criou-se uma tela semelhante para que se tornasse a concorrente do nosso projeto. Por isso, adaptamos a plataforma da SHOPP2 com base nas análises.
Para ilustrar melhor a ideia do app, criou se o protótipo onde representou uma experiência enriquecedora, Utilizei bibliotecas de ícones, espaçamentos e outros recursos.
Observação: O protótipo no Figma foi realizado pela discente após o projeto, por questões de visualização e interesse na ferramenta. Por isso, o chat Baianinho não foi adicionado.
O projeto foi compartilhado neste repositório com a intenção de disseminar conhecimento e conteúdo sobre interface do usuário e experiência do usuário (UI/UX). Valorizamos o feedback e as contribuições da comunidade para ajustar e otimizar a plataforma em fases futuras. Além disso, criamos as interfaces necessárias para demonstrar nossa proposta. 📬
Créditos: A inclusão de um chat interativo foi feita pelo integrante Thiago André. Ele contribuiu com a etapa no protótipo do chat.
