André Dias's profile

OLX – Redesign da página de anúncio do App para iOS

Considerações Iniciais
 
 
Adotando como premissa o elevado número de usuários que acessam o site da OLX diariamente, busquei por meio do redesign da página de anúncios do aplicativo iOS torná-la mais intuitiva e amigável aos diferentes perfis de usuários que a utilizam diariamente.

As melhorias de usabilidade aqui propostas baseiam-se na utilização da versão (10.9.1) do aplicativo, atualmente disponível para download na App Store.
 
O Processo de Avaliação e Criação
 

Para redesenhar a página de anúncio do aplicativo para iOS, busquei imergir no aplicativo e observar atentamente o seu comportamento enquanto realizava consultas e navegava por sua interface.
 
Ao realizar está analise busquei também colocar-me no lugar do próximo, considerando as diferenças entre as diversas Personas que utilizam o app. 
 
O resultado desta experiência de observação e identificação de falhas de usabilidade, somado a pesquisa de interações e padrões existentes em outros aplicativos, me permitiu desenvolver uma proposta de interface amigável e intuitiva.
 
A estrutura proposta para a página de anúncio assemelha-se em relação à arquitetura de informação da página anterior, contudo, diversas novas funcionalidades e interações foram acrescidas buscando torná-la ainda melhor, como por exemplo o fixar do título no topo da barra de menu após longa rolagem, dentre outras.
 
A seguir encontram-se organizadas em tópicos, os ajustes propostos, assim como o que me motivou a realizá-los e como poderiam ser validados. 
1) 
 
Como melhoria de interface, proponho a inclusão de um quantitativo de fotos por anúncio, assim como a exibição da descrição e valor do produto nos momentos em que o usuário visualiza as fotos do anúncio em tela cheia. Atualmente, a VI heurística de Jakob Nielsen, “Reconhecimento ao invés de lembrança" é violada pois o aplicativo exige que usuário se lembre destas informações enquanto navega pelas fotos. A proposta abaixo visa corrigir este problema.
 
A inclusão de ícones representando as opções “Ver telefone”, “Enviar email” e “Compartilhar" durante a exibição do carrossel em tela cheia, também poderá resultar em um maior número de conversões e reduzir em 50% a quantidade de “toques (cliques)“ necessários para executar estas ações na interface atual, adotando-se o carrossel de fotos em tela cheia como ponto de partida.
 
Para mensurar a quantidade de vezes em que cada ícone é clicado, diferentes códigos do Google Analytics poderiam ser inseridos nas opções exibidas dentro do carrossel de fotos em tela cheia e nas opções localizadas no corpo do anúncio. Desta forma, será possível analisar a taxa de conversão de cada área isoladamente.
 
2) 
 
Considero a funcionalidade de poder trocar de anúncio sem necessitar retornar a lista principal interessante e inovadora, a mesma chamou-me atenção de forma positiva, no entanto, ajustes de interface podem minimizar a ocorrência de comportamentos inesperados pelo usuário.
 
Como usuário, fui redirecionado a outro anúncio após deslizar o dedo sobre a última imagem do carrossel de fotos e fui surpreendido, pois não esperava este comportamento do aplicativo. 
 
Apenas após utilizá-lo por mais tempo, compreendi que o deslizar do dedo sobre o “corpo" da página me permitia avançar ou retroceder entre os anúncios, sem ter de navegar por todas as fotos de cada produto.
 
A inclusão de um pequeno "tour/guia" pela página solucionaria este problema, é o que proponho nas interfaces a seguir:
3)
 
Um alerta contendo a pergunta: “Você está gostando do aplicativo?”, poderia ser inserido no aplicativo da OLX. Atualmente o aplicativo "ZAP Imóveis” utiliza-se deste recurso antes de solicitar ao usuário que o avalie na App Store.
 
O processo de avaliação de aplicativos nas lojas (App Store e Google Play) pode ser considerado demorado e burocrático por alguns usuários de smartphones, impactando no volume de feedbacks recebidos pelos seus desenvolvedores.
 
Proponho sua inclusão, pois a mesma viabiliza a coleta de importantes dados sobre a satisfação dos usuários com o aplicativo de maneira simples e eficaz. Respondê-la será rápido, por meio das alternativas “Sim” e “Não”, pouco impactando no fluxo de navegação dentro do app, podendo resultar em um elevado número de respostas.
 
Por meio do cruzamento de informações, caso o usuário esteja logado e responda que não está gostando do aplicativo, posteriormente caso seja do interesse da empresa, uma equipe poderia enviar-lhe um e-mail questionando-o sobre o que não lhe agradou e como poderiam melhorá-lo para melhor atendê-lo.
 
A iniciativa poderia resultar em feedbacks e fortalecer a relação entre o usuário e a empresa.
4) 
 
A utilização de parte da imagem como header é interessante, porem em alguns casos torna-se difícil a visualização dos ícones, em razão do baixo contraste entre algumas e a cor branca utilizada nos simbolos, podendo resultar em menos toques nos botões "salvar" e "compartilhar".
 
Buscando soluções para este problema identifiquei duas alternativas:
 
1ª) Considerando a manutenção do layout atual (imagem como fundo da barra de menu), uma sombra preta desfocada poderia ser inserida na base da imagem quando a mesma estiver localizada sobre a área do menu. Este comportamento ocorreria apenas em anúncios com grande massa de informações.
2ª) Nesta opção, durante a visualização de anúncios extensos, caso a base da imagem toque a onde o menu está localizado, o mesmo seria preenchido pela cor roxa, característica da OLX.
 
Ambas as alternativas propostas melhoram o problema de contraste. Para identificar qual funcionaria melhor, as mesmas poderiam ser testadas por usuários a fim de identificar qual a mais adequada ao perfil dos usuários do aplicativo. Testes A/B e de Avaliações Cooperativas forneceriam valiosas informações para esta tomada de decisão.
5)
 
A animação da imagem crescendo ao deslizar o dedo para baixo quando se está no topo da página é interessante e divertida. Seguindo este mesmo estilo de movimento, proponho a inclusão de uma nova animação caso o movimento ocorra na direção oposta, ou seja, ao deslizar o dedo para cima.
 
O movimento de deslizar o dedo para cima, utilizado em anúncios cujo conteúdo é extenso, sucederia em uma pequena redução e desfoque da imagem, proporcionando uma experiência ainda mais agradável.
6) 
 
Considerando o atual layout e comportamento do aplicativo na página dos anúncios, seria interessante que ao clicar na barra superior (quando a mesma estivesse preenchida pela imagem) o usuário fosse conduzido ao topo do anúncio.
 
Este comportamento pode ser observado no aplicativo para iOS do Facebook. Ao navegar pelo feed de noticias, ao clicar na pequena barra azul localizada no topo da tela, o usuário é redirecionado ao inicio do feed.
 
Atualmente, após "scrolar", parte da imagem produto continua sendo exibido no topo da página enquanto o usuário navega em anúncios com grande quantidade de informções, porém ao toca-la, a mesma não se expande ou recebe destaque.
 
 
OLX – Redesign da página de anúncio do App para iOS
Published:

OLX – Redesign da página de anúncio do App para iOS

Personal Project

Published: