Convertendo site para formato mobile

Simulação — ‘O que está sendo vendido’

Iara Costa
5 min readNov 12, 2021

Conhecendo simuladores de financiamento de veículos

O primeiro passo foi conhecer simuladores para entender o padrão das perguntas necessárias que devem ser feitas ao usuário.

Simulador da BV Financeira
Simulador da WebMotors
Simulador da Bradesco Financiamentos

Fazendo uma breve comparação, os formulários que usam mais cores e imagens passam a impressão de serem menos burocráticas e mais agradáveis de preencher.

Segundo o site SuperSonic56% dos respondentes já abandonaram algum formulário referente a serviços financeiros’, por isso é importante se atentar às boas práticas para a construção de bons formulários evitando assim que os usuários se cansem de respondê-los.

O desafio

O site

Um dos fundamentos essenciais para que um formulário se torne mais agradável de preencher é o ato de quebrá-lo em fluxos que é exatamente o que acontece do lado esquerdo da tela do site. Outra coisa importante é mostrar ao usuário em que tela/passo ele está: o uso da cor azul e do número mostra exatamente que o usuário está na etapa três, a penúltima etapa. O formulário em questão tem uma visibilidade clean e é fácil de compreender e preencher.

A versão mobile

Foram usadas todas as informações do site, suas cores e ícones. Foram feitas algumas poucas mudanças no tamanho da fonte (somente quando ela divergia nos títulos que ficavam entre 13 e 14), além de algumas mudanças da ordem das perguntas. Além disso, optei por ‘esconder’ os detalhes do fluxo, deixando-os à mostra quando o usuário passa o mouse acima de cada ícone.

Fiz uso do 8pt grid com margem de 24pts procurando manter consistência nos espaços entre os elementos buscando harmonia no visual da tela.

O que e por que mudei

  • Detalhes de cada página do fluxo: a intenção foi deixar a tela mais clean e com menos informação visível porém de fácil acesso ao usuário.
  • Ordem das perguntas: a pergunta cor ficou mais próxima de valor e de quilometragem e por último foram deixadas as perguntas relacionadas a números que constam no documento do carro. Além disso, placa ficou próximo à UF de emplacamento (talvez seja uma boa ideia avaliar se não é confuso pedir a unidade de federação duas vezes).

Pesquisas Quantitativas

(concluídas dia 11/11/21 às 15h15)

Escolha do ano do veículo

A primeira pesquisa foi em relação à escolha do ano do veículo: qual modelo o usuário prefere? Fiz uma pesquisa no LinkedIn com três opções e as respostas obtidas foram:

  • 8 pessoas preferem a terceira opção (clicar em cima e escolher o ano)
  • 3 pessoas preferem a segunda opção (digitar o número)
  • 1 pessoas prefere a primeira opção (procurar o ano com a seta)

2 pessoas curtiram a publicação, o que me deixou na dúvida se isso que dizer que elas preferem a primeira opção ou não

Sobre o visual

A enquete do Facebook foi feita para saber se as pessoas preferem um aplicativo/site visualmente mais simples (sem cores nem imagens) ou mais colorido e agradável, mesmo que um pouco maior. Obtive 42 respostas das quais:

  • 18,9% preferem um visual mais minimalista

Sobre preferir aplicativo ou site

Uma outra enquete foi feita no Facebook para saber se as pessoas preferem aplicativos ou sites. Obtive algumas respostas subjetivas interessantes que vão de encontro à pesquisa quantitativa sobre a qual falarei depois. Foram 160 respostas, das quais:

  • 52,5% preferem aplicativos
  • 31,3% preferem sites
  • 16,3% disseram que tanto faz

Pesquisas Qualitativas no Facebook

(concluídas dia 11/11/21 às 15h15)

Sobre o visual

Obtive apenas uma resposta subjetiva:

É possível que um app seja simples de usar e agradável visualmente ao mesmo tempo.

Na pesquisa quantitativa a maioria das pessoas votaram que preferiam aplicativos, mas quem mais respondeu os comentários foram pessoas explicando o porquê de preferirem sites.

As pessoas preferem aplicativos pela:

Praticidade
Facilidade

Ou preferem sites porque:

É mais fácil de digitar no teclado do computador
Dá pra abrir muitas guias sem ficar confuso
Muitas vezes os app’s não têm uma boa usabilidade e experiência de usuário
Não gosta de usar celular (usa apenas quando está entediada)
Não gosta de baixar aplicativos

Responderam tanto faz:

Depende da usabilidade
Para compras online preferem sites, para bancos preferem aplicativos

P.S. Disseram que geralmente sites em formato mobile são mal feitos
P.S.2 Fizeram críticas ao site do Nubank e ao aplicativo do Shopee

Mulher, 67 anos, motorista há 45 anos, possui e entende de carros

Achou o site fácil de usar e deixaria a pergunta cor mais acima.

Homem, 28 anos, não possui CNH nem carro

Reuniria todas as características do carro em primeiro lugar, depois emplacamento (incluindo cidade/UF) e por último o valor.

Mulher, 33 anos, motorista há 10 anos, possui carro

Mudaria a ordem de alguns elementos: a cor do veículo próximo ao modelo, a placa próximo a chassi e deixaria a parte de quilometragem desativada caso o usuário escolha ‘novo’ no início do formulário.

A solução

Do site para o formato mobile

Solução Alternativa

Baixa fidelidade

Média fidelidade

Alta fidelidade

Próximos passos

--

--

Iara Costa
Iara Costa

Written by Iara Costa

Conhecendo - e amando - o mundo da experiência do usuário.

No responses yet