Desafio 3: Redesenhar o Wallapop

UX/UI Ironhack Bootcamp 2023

Bem-vindo a mais um desafio no meu caminho para me tornar um UX/UI Designer. Desta vez, a tarefa era redesenhar a interface do usuário de um aplicativo. Para este caso, escolhi o Wallapop.

A Wallapop é uma empresa espanhola fundada em 2013. Esta plataforma dedica-se à compra e venda de produtos em segunda mão entre utilizadores através da Internet.

ANÁLISE HEURÍSTICA

O primeiro passo neste projeto foi analisar os wireframes atuais passando pela heurística de Jakob Nielsen.

Mas primeiro, o que são heurísticas? Esses princípios são diretrizes para ajudar a desenvolver UIs. Resumindo, as heurísticas são como regras gerais que podem ajudar a criar produtos digitais mais acessíveis, amigáveis ​​e intuitivos.

Depois de passar por todos eles, havia 3 pontos nos quais pretendia focar meu trabalho:

• Controle e liberdade do usuário: quando você está carregando ou excluindo um item, não oferece a opção de interromper o processo ou voltar

• Prevenção de erros: Quando você erra ou não preenche algo obrigatório, ele não te dá mais informações ou ajuda sobre o que colocar. Não está claro.

• Design estético e minimalista: a hierarquia não é clara o suficiente. Tudo na tela inicial tem o mesmo nível, importância ou parece fazer parte do mesmo. Eles dividiram com títulos, mas ainda não parece totalmente dividido.

Nesta fase, fiz uma análise dos nossos concorrentes. Concentrei-me na Amazon, Vinted e Milanuncios.

A Amazon tem uma divisão clara de seções: todas parecem diferentes e você sabe se é um anúncio, um banner com promoções da Amazon ou produtos recomendados. Isso era algo que faltava no Wallapop

Vinted tem uma página de upload mais limpa. Isso seria a chave para Wallapop.

Milanuncios tem uma clara prevenção de erros: explica o que está faltando.

PROTÓTIPO HI-FI

Agora era hora de começar com o redesenho. Decidi manter a identidade da marca e apenas corrigir os erros que encontrei durante minha avaliação da Heuristics. Aqui estão as alterações que fiz:

• Começou com uma página inicial mais clara, com divisão clara de seções e definição de hierarquia. Agora tem um design mais estético.

• Atualização da prevenção de erros: agora o usuário pode entender melhor o que precisa preencher. Também simplifiquei a seção de fotos. Agora a página tem um design bem mais minimalista.

• Controle e liberdade do usuário: agora o usuário tem o controle para desfazer a ação quando o item for carregado.

O QUE EU APRENDI

• Eu poderia ter corrido mais riscos quando se trata de redesenho, só para ver “e se”
• Ter uma biblioteca de interface do usuário é muito importante.
• O design atômico é realmente útil
• Quando você está trabalhando sozinho, se você não se desafiar a ir além, ninguém vai conseguir.