Lovemall: um aplicativo para shopping centers

Lucas Maia
5 min readDec 8, 2017
Lovemall

Quem nunca teve dificuldade para encontrar uma loja em um shopping center, procurar uma vaga disponível no estacionamento ou encontrar o carro na hora de ir embora? Essas situações podem ser muito estressantes. E foi pensando nestes problemas que criamos o Lovemall, nosso aplicativo mobile para o projeto de conclusão do curso de UX Digital na PUC COGEAE.

Com a ideia no papel começamos a discutir a viabilidade do produto, nos perguntando o motivo destes problemas de usabilidade em shoppings não serem resolvidos. Para isso, fizemos o exercício dos 5 Porquês, onde chegamos a conclusão de que existem poucos canais de comunicação disponíveis para exibir a informação de maneira acessível.

Com a consciência de que o produto funcionaria, iniciamos o nosso plano de pesquisa.

Plano de pesquisa

Começamos com o método Desk Research, com o intuito de descobrir problemas comuns de usabilidade em shoppings. A ideia desta fase foi trazer experiências “do mundo”, para não se basearmos apenas em nossas próprias vivências.

Posts de usuários em páginas de Facebook

Observando o portal do ReclameAqui e as páginas de Facebook de shoppings famosos de São Paulo, conseguimos trazer à mesa uma boa gama de frustrações que os clientes tinham dentro de um shopping, que iam desde a falta de segurança, a encontrar um serviço interno comum.

Com base no conteúdo que havia sido coletado, traçamos alguns perfis e fizemos um total de 10 entrevistas de profundidade. No final de cada papo, trazíamos uma dinâmica mais descontraída utilizando emojis com reações de felicidade, indiferença, frustração e raiva, onde o entrevistado atribuía uma reação para cada tipo de situação, tais como:

- Procurar uma vaga no estacionamento;
- Encontrar uma loja que não sabe onde fica;
- Encontrar um serviço comum (banheiro, elevador, etc.);
- Lembrar por qual entrada você chegou no shopping.

O feedback foi extremamente positivo, facilitando a seleção dos principais pontos de ação para o lançamento de um MVP do nosso aplicativo. Além disso, na pesquisa podemos identificar que:

- Todos os entrevistados já tiveram dificuldade para encontrar uma loja no shopping;
- A praça de alimentação é a área mais acessada do shopping;
- As pessoas vão ao shopping no mínimo duas vezes por mês;
- Os usuários ficam frustrados ou com raiva procurando uma vaga no estacionamento;
- A maioria das pessoas procuram algum funcionário para descobrir onde fica uma loja.

Jornada do usuário e persona

Com todos aqueles dados em nossas mãos, criamos uma persona e uma jornada de uso comum em um shopping center, onde no futuro, poderíamos ver com mais clareza se estaríamos atendendo cada um dos nossos usuários.

Jornada de uso

Nossa persona se chama Jéssica e tem 25 anos. Jéssica mora sozinha na zona sul de São Paulo, mas trabalha e estuda no centro. Chega ao trabalho de carro pela comodidade e por facilitar a rotina pós trabalho. Jéssica faz academia três vezes por semana em um shopping próximo à sua casa, e por conta disso, acaba utilizando grande parte dos serviços oferecidos, como banco, manicure, mercado e praça de alimentação. Porém, mesmo familiarizada com o estabelecimento, ela sempre esquece em que piso e vaga estacionou seu carro.

A definição do MVP e a proposta de valor

Em um canvas, listamos os ganhos e dores do cliente com base no cenário atual de um shopping, e tendo ele como base, conseguimos identificar alguns criadores de ganhos e features para o nosso produto.

Por fim, nossa proposta de valor estava definida em três pontos principais:

1. Possibilitar a geolocalização do usuário dentro do shopping;
2. Facilitar o acesso às informações (localização dos estabelecimentos, ofertas, etc);
3. Trazer com precisão as vagas disponíveis no estacionamento, bem como onde foi que o usuário deixou o seu carro.

Benchmark

Com as features do nosso MVP já mapeadas, poderíamos finalmente colocar “a mão na massa”. Porém, para sermos mais precisos, optamos por fazer um Benchmark de produtos similares no mercado, com o intuito de entender como era feita a experiência de uso e o design em outras aplicações.

Aplicativos de shoppings disponíveis no mercado

Rabiscoframes e a criação do fluxo de uso

Finalmente era hora de colocar a criatividade no papel e desenvolver nossas soluções para o produto! Começamos montando o nosso fluxo:

Fluxograma do aplicativo

E para efetuar um trabalho colaborativo e de forma ágil, fizemos a dinâmica do Crazy 8’s. Escolhemos uma feature, e, em um tempo apertado, cada membro do grupo desenhou 8 soluções diferentes para resolvê-la. Em seguida, apresentamos nossos “rabiscoframes” entre si e votamos nas melhores soluções.

Wireframes de Login, Cadastro, Home e Busca de lojas

Por fim, optamos em fazer uma nova rodada da dinâmica, onde cada membro do grupo montou uma única solução para cada feature, tendo como base o que viu e ouviu dos demais participantes. Desta forma conseguimos uma experiência de uso mais precisa e que estivesse confortável com os demais designers do produto. Este processo se repetiu até que tivéssemos todas os fluxos devidamente desenhados.

O design do produto

Depois de finalizar todos os wireframes que tiramos do Crazy 8’s, trouxemos um pouco de vida às telas preta & branca.

E assim, com a parte visual encaminhada, estamos devidamente preparados para ir para a rua com protótipos de alta fidelidade em testes de guerrilha com o usuário.

Por fim, é sempre válido lembrar que um produto nunca está pronto, mas sim em constante evolução! E por falar em evolução, algumas ideias para o futuro:

- Visualização de promoções, acesso a cupons de desconto;
- Visualização de eventos e adicionar lembrete (criar uma agenda do shopping);
- Consulta aos filmes em cartazes no cinema do shopping em questão, com possibilidade de compra do ingresso pelo aplicativo;
- Aviso sobre amigos no facebook que estão no mesmo shopping que o usuário.

Quem somos?

Encontre a gente no LinkedIn. ;)

André Oliveira — @andre-oliveira
Karina Bernardo — @kabernardo
Lucas Maia — @lmaias
Taís Vicente — @taisvicente
Thaís Barbosa — @thabar

--

--

Lucas Maia

UX/UI Designer, Geek, Traveler. Leveling up since the 90's