Patrícia Dias dos Santos.
Gustavo Godinho Mandim de Oliveira
Proposta: desenvolver um sistema web de e-commerce voltado para o segmento de
compras coletivas com uma interface adaptativa ao perfil do usuário
Como objetos de análise deste trabalho foram escolhidos os websites de compra
coletiva mais acessados do país segundo o blog especializado Bolsa de Ofertas1, a saber:
Groupon, Peixe Urbano e Clickon. Abaixo, é feita uma análise detalhada dos três websites
selecionados.
Groupon
Segundo o blog Bolsa de Ofertas, o website Groupon é o mais acessado da
categoria no país.
Figura 1: página inicial do Peixe Urbano com mensagem para cadastro
O primeiro aspecto negativo encontrado no Groupon já detectado assim que o
mesmo é acessado2, pois na primeira página é exibida uma caixa de diálogo em que eles
solicitam que o usuário faça um cadastro informando endereço de e-mail e cidade,
conforme pode ser visto na Figura 1. O usuário só consegue acessar o conteúdo do site se
informar os dados solicitados e clicar em “Inscreva-se” ou clicar no link “Já esta registrado?”
abaixo. Na verdade essa caixa de diálogo parece ter a função de querer forçar um cadastro
prévio a um usuário mais inexperiente, pois se verificou que caso o usuário não tenha feito
1
2
Ver: http://www.bolsadeofertas.com.br/vitrine-coletiva-e-destaque-da-semana-no-ranking-top50/
Ver: http://www.groupon.com.br/
o cadastro previamente e opte por clicar no link “Já está registrado?” ele consegue acessar
o conteúdo do site.
Outro aspecto negativo e que pode ser visto nas Figuras 2 e 3 é que a página é
muito extensa, sendo que só se consegue chegar ao final dela depois de percorrer o espaço
equivalente a três páginas utilizando a barra de rolagem, ou seja, se o usuário não tiver
tempo ou paciência de ir até o final da página, deixa de ver informações importantes, tais
como: a relação de perguntas freqüentes, a política de privacidade da empresa (tão
importante em sites de e-commerce, uma vez que o cliente fornece informações financeiras
sigilosas) e como entrar em contato com o Groupon.
Figura 2: página inicial do Peixe Urbano (parte 1)
Figura 3: página inicial do Peixe Urbano (parte 2)
Outro aspecto negativo é que o único filtro de busca no site é por localização
geográfica das ofertas, porém, não é difícil a princípio perceber que eles estão organizados
em ordem alfabética, como pode ser visto na Figura 4, pois isso é feito da esquerda para a
direita, depois dos links para regiões de São Paulo e Rio de Janeiro.
Figura 4: Filtro de busca do Groupon
Outro aspecto negativo é a seção de contato, que só oferece um link, cuja
página a que ele se refere pode ser vista na Figura 6 e um número de telefone. Na verdade
trata-se de um passo desnecessário e que induz ao engano uma vez que na página
referente ao link www.falecomogroupon.com.br é aberta uma área de perguntas freqüentes,
só depois de clicar em “Clientes”, por exemplo, é que é aberta uma nova página com um
formulário para contato.
Figura 5: Página referente ao link “Contato”
Figura 6: Página referente ao link “Contato” (parte 2)
Não foi detectado nenhum problema em relação à tela de cadastro propriamente
dita, a qual pode ser vista na Figura 7.
Figura 7: Tela de cadastro do Groupon
Em relação á área do cliente que pode ser vista na Figura 8, ela é bem simples, só
mostrando o que o cliente, comprou, se ele tem algum crédito em haver e os seus dados
cadastrais. Não há nenhuma mensagem personalizada.
Figura 8: Tela de cadastro do Groupon
Peixe Urbano
Segundo o blog Bolsa de Ofertas, o website Peixe Urbano é o segundo mais
acessado da categoria no país.
O primeiro aspecto negativo encontrado no Peixe Urbano já detectado assim que o
mesmo é acessado3, pois na primeira página é exibida uma caixa de diálogo em que eles
solicitam que o usuário faça um cadastro informando endereço de e-mail e cidade,
conforme pode ser visto na Figura 9. O usuário só consegue acessar o conteúdo do site se
informar os dados solicitados e clicar em “Cadastre-se” ou clicar no link “Clique aqui” ao
lado da mensagem “Já faz parte do cardume?”. Na verdade essa caixa de diálogo parece
ter a função de querer forçar um cadastro prévio a um usuário mais inexperiente, pois se
verificou que caso o usuário não tenha feito o cadastro previamente e opte por clicar no link
“Clique aqui” ele consegue acessar o conteúdo do site.
3
Ver: http://www.peixeurbano.com.br/Home/Index?
Figura 9: página inicial do Peixe Urbano
Ao acessar o site sem informar os dados de cadastro, depois de alguns segundos
aparece a caixa de diálogo mostrada na Figura 10, em que novamente é solicitado que o
usuário faça o cadastro, porém no caso desta caixa de diálogo pelo menos são dadas duas
opções ao usuário além de realizar o cadastro: clicar no botão fechar ou clicar na caixa ao
lado da mensagem “Não exibir esta mensagem novamente”.
Figura 10: Caixa de diálogo do Peixe Urbano
Também no Peixe Urbano a busca só pode ser feita por localização da oferta, porém
é possível o menu é mais bem-organizado do que o do Groupon, conforme pode ser visto
na Figura 11.
Figura 11: Menu de Busca de Localidade do Peixe Urbano
Um problema detectado em relação ao site e que pode ser visto nas Figuras 12 e 13
é que a página é muito extensa, sendo que só se consegue chegar ao final dela depois de
percorrer o espaço equivalente a três páginas utilizando a barra de rolagem, ou seja, se o
usuário não tiver tempo ou paciência de ir até o final da página, deixa de ver informações
importantes, tais como: a relação de perguntas freqüentes, a política de privacidade da
empresa (tão importante em sites de e-commerce, uma vez que o cliente fornece
informações financeiras sigilosas) e como entrar em contato com o Peixe Urbano.
Figura12: Primeira metade da página do Peixe Urbano
Figura 13: Segunda metade da página do Peixe Urbano
Não foi detectado nenhum problema em relação à tela de cadastro propriamente
dita, a qual pode ser vista na Figura 15.
Figura 14: Página de Cadastro do Peixe Urbano
Em relação á área do cliente que pode ser vista na Figura 15, ela é bem simples, só
mostrando o que o cliente, comprou, se ele tem algum crédito em haver, um link para
convidar amigos e gerenciar estes convites a possibilidade de editar os seus dados
cadastrais. Não há nenhuma mensagem personalizada.
Figura 15: Página Personalizada do Cliente do Peixe Urbano
Outro aspecto negativo é a seção Fale Conosco mostrada na Figura 16, que induz
ao engano uma vez que na página é aberta uma área de perguntas freqüentes, só no final é
que há um link num local pouco destacado, em que ao clicar no link “suporte” é aberta uma
nova página com um formulário para contato.
Figura 16: Página Fale Conosco do Peixe Urbano
Clickon
Segundo o blog Bolsa de Ofertas, o website Peixe Urbano é o terceiro mais
acessado da categoria no país.
Como os dois sites anteriores o Clickon4 também exibe na primeira página caixa de
diálogo em que eles solicitam que o usuário faça um cadastro informando endereço de email e cidade, conforme pode ser visto na Figura 16. O usuário só consegue acessar o
conteúdo do site se informar os dados solicitados e clicar em “Eu quero” ou clicar no link “Já
sou cadastrado”. Na verdade essa caixa de diálogo parece ter a função de querer forçar um
cadastro prévio a um usuário mais inexperiente, pois se verificou que caso o usuário não
tenha feito o cadastro previamente e opte por clicar no link “Já sou cadastrado” ele
consegue acessar o conteúdo do site.
Figura 16: página inicial do Clickon
Ao contrário dos dois sites anteriores, a página é mais curta, sendo que se consegue
chegar ao final dela depois de percorrer o espaço a apenas duas páginas utilizando a barra
de rolagem, conforme pode ser visto nas Figuras 17 e 18.
4
Ver: https://www.clickon.com.br/
Figura 17: Primeira metade da página do Clickon
Figura 18: Segunda metade da página do Clickon
Também como nos sites anteriores a busca só pode ser feita por localização da
oferta, porém é possível o menu é muito mais bem-organizado do que os dos sites
anteriores, exibindo as cidades por letra alfabética, depois que o usuário clica na letra
correspondente, o que facilita a busca, conforme pode ser visto na Figura 19.
Figura 19: Segunda metade da página do Clickon
A página de cadastro é mais objetiva que as dos sites anteriores, tendo ao lado
ainda a possibilidade do cliente clicar numa espécie de FAQ antes de se cadastrar,
conforme pode ser visto na Figura 20.
Figura 20: Página de Cadastro do Clickon
Ao contrário dos sites anteriores também, ao clicar em contato já é exibido um
formulário para o cliente preencher e enviar para a empresa, conforme pode ser visto na
Figura 21.
Figura 21: Página de Contato do Clickon
A área do cliente do Clickon também é melhor estruturada, contanto inclusive com
um menu para o cliente verificar eventuais FAQ, conforme pode ser visto na Figura 22.
Figura 22: Página Personalizada do Cliente do Clickon
Aspectos comuns a todos os sites
Os aspectos comuns positivos que podem ser citados são:
- Localização do site nos rankings das principais ferramentas de busca.
- Linguagem compreensível pelos públicos-alvo: os três sites apresentam as ofertas de
forma bastante clara e objetiva, o que facilita a compreensão.
- Títulos e textos adequados à conceituação geral: as ofertas são apresentadas por região
geográfica, com um resumo conceituando o que e como está sendo oferecido.
- Clareza dos títulos dos links (poucas siglas ou palavras de uso restrito) dentro e fora do
contexto do site: os links contém a descrição e valor das ofertas, o que facilita a navegação.
- Facilidade de acesso no momento da compra: com apenas dois “clics” é possível comprar
a oferta desejada;
-Compartilhamento das informações: todos os sites possuem links de compartilhamento de
redes sociais como o Twitter e o Facebook;
- O termo Frequent Asked Question (FAQ) encontra-se presente nos três sites.
- O uso de imagens contribui para facilitar a leitura e há fotografias que veiculam uma
informação.
Como pontos negativos compartilhados pelas três interfaces podemos citar:
- Relevância do conteúdo da página Principal e das seções em que conteúdo novo é
inserido mais freqüentemente: os agrupamentos de assuntos em seções de acordo com a
localização geográfica, bem como os resumos do principal conteúdo, ajudam a dividir o
público em grupos com interesses específicos geográficos. Porém, por se tratar de sites de
comércio, os usuários deveriam ser divididos de acordo com os produtos procurados, por
exemplo.
- Visualização rápida da estrutura de informações por pessoas ou públicos diferentes
e facilidade de localizar as informações mais importantes pelos principais agrupamentos de
públicos-alvo: não é feita em nenhum dos sites.
- Sistemas de busca interna de fácil localização: nenhum deles permite a busca
interna, somente possuem abas para acesso por localização geográfica da oferta.
Aspectos comuns referentes à usabilidade dos três sites
- Tratando-se de usabilidade verifica-se uma grande semelhança entre os três sites.
A disposição dos elementos na tela possui o mesmo padrão, mantendo a parte esquerda
livre, o topo com funcionalidades principais como cadastrar e-mail, escolher a região das
ofertas a serem mostradas, funcionamento do site, etc, a parte direita com várias ofertas e
contatos da empresa no twitter e facebook, na parte de baixo possuem informações gerais
sobre o site, FAQ, etc. A aparência dos três sites também são parecidas, utilizam
backgrounds e cores discretas e claras, exceto pelo site do Clickon que possui um
background um pouco mais escuro, mas nada que seja “agressivo”. Durante os testes,
todos os links funcionaram e é interessante comentar que as ofertas possuem botões para
compartilhamento em redes sociais o que ajuda a divulgação dos sites e facilita caso algum
usuário queira avisar alguma oferta para seus amigos.
- Em relação à acessibilidade, nenhum dos sites apresenta alguma interface
inclusão na interface e no código de recursos que facilitem o acesso de pessoas com
deficiências físicas, com equipamentos antigos ou baixa velocidade de conexão. Fizemos o
teste no site http://www.dasilva.org.br/ que avalia acessibilidade em sites brasileiros e todos
os três apresentaram algum tipo de problema. O único site em que é possível navegar sem
a utilização de um mouse através da tecla tab do teclado é o Clickon, já nos outros dois
sites a utilização do tab não fica evidente qual link ou menu está em destaque.
- Em relação à Comunicabilidade: As metáforas utilizadas nos sites são
praticamente as mesmas e em todos os três aparecem expressões informativas em menus
ou em textos como: “oferta do dia”, “como funciona”, “comprar”, etc.
- Em relação aos fatores humanos, nenhum dos sites apresenta qualquer
mecanismo de adaptação ao perfil de cada usuário. Não há mecanismos de busca, não há
um "motor de busca" para recuperação da informação que contenha interfaces amigáveis e
indexação do conteúdo site como um todo.
Título: Portal de comércio eletrônico adaptado ao perfil do consumidor
Resumo da interface: Portal de e-commerce que utiliza análises de perfis de clientes
para criar ofertas que mais se adéqüem ao seu perfil.
Atividades: para que serve? O diferencial do sistema proposto é que ele irá adequar a
página de entrada dos clientes aos seus gostos. Depois do primeiro acesso, das
próximas vezes em que ele entrar, verá sugestões baseadas em suas preferências e
na hora da compra de um serviço.
Contextos de uso: Essa uma modalidade de e-commerce tem como objetivo vender
produtos e serviços para um número mínimo pré-estabelecido de consumidores por
oferta. Por meio deste comércio os compradores geralmente usufruem da mercadoria
após um determinado número de interessados aderirem à oferta, para compensar os
descontos oferecidos que em média vão até 90% de seu preço habitual. Por padrão
deste mercado os consumidores dispõem de um tempo limite para adquirir a oferta,
que varia entre 24 horas e 48 horas após seu lançamento. Caso não atinja o número
mínimo de pedidos dentro deste intervalo a oferta é cancelada. O que nós propomos
é que essas ofertas comecem a ser direcionadas de acordo com o perfil do cliente
que acessa diariamente o nosso portal, para que fique mais fácil atraí-lo para ofertas
que ele já tenha um interesse prévio em adquirir.
Usuários: consumidores que sejam atraídos pela indicação de amigos ou divulgação
dos anúncios através das redes sociais num primeiro momento. Eles seriam atraídos
pela possibilidade de um desconto relevante e após algumas compras e respostas de
pequenos questionários passariam a receber ofertas de acordo com o seu perfil, bem
como descontos e incentivos especiais, através da adaptação da interface (no caso, o
portal).
Interface Gráfica:
A interface é bem semelhante a outros sites de e-commerce, com uma disposição de
elementos bastante padronizada e simples. As cores escolhidas, assim como em outros
sites, são chamativas, mas não chegam a incomodar o usuário. Os textos utilizados em sua
grande maioria estão formatados na fonte Verdana, o que facilita a leitura e o contraste de
cores de letra com o fundo são sempre preto sobre o branco e branco sobre alguma cor
mais escura.
Escolha sua Cidade:
Esta opção para o usuário escolher sua região para encontrar ofertas próximas é
encontrada na maioria dos sites de e-commerce e fica de maneira bem visível e de fácil
entendimento de seu objetivo. Não pensamos diferente e colocamos essa opção de modo
padrão aos outros sites, para que o usuário não enfrente problemas.
Receba Descontos por E-mail:
Opção comum em outros sites de e-commerce que também foi mantida, que ao ser
clicada abre uma janela Pop-up para rápido cadastro de e-mail. Ficou na forma de “Receba
Descontos” ao invés de “Receba E-mails Diários” na tentativa de aparecer mais simpática
ao usuário.
Login:
De maneira diferente de boa parte de outros sites de e-commerce deixamos na
home uma área com campos para o usuário digitar nome de usuário, senha e botão de
entrar para logar no site caso deseja. Fazer o login é obrigatório para o usuário poder
realizar alguma compra, mas achamos inconveniente a janela Pop-Up que aparece antes
de se entrar na home como acontece em outros sites, na tentativa de “forçar” o usuário a
fazer cadastro. Logo abaixo do campo de login, tem uma opção de realizar cadastro,
encontrada de forma padrão em sites de conteúdos diversos. Caso o usuário não deseja
realizar um cadastro, ele pode navegar tranquilamente pelo site e caso decida fazer alguma
compra ou fazer cadastro de e-mail para receber descontos pode fazer de maneira livre a
qualquer momento.
Menus:
Ofertas do Dia:
Este menu é encontrado na maioria dos sites de e-commerce, e normalmente é o
menu que já vem ativo ao acessar a home. Ao acessá-lo, uma oferta principal (do dia) é
oferecida ao usuário. Resolvemos colocar também este menu, uma vez que, ao
pesquisarmos sobre o assunto de sites de e-commerce verificamos que um dos motivos
importantes para as empresas colocarem anúncios de vendas nestes sites, além da própria
venda do produto é claro, seria a oportunidade de marketing, uma vez que estes sites
atingiram uma popularidade considerável. Isto justificaria talvez o porquê de sites famosos
como ** não possuírem sistemas de busca nem facilidades para encontrar ofertas por
categoria, forçando os usuários a verem as mesmas ofertas, obtendo algum ganho por
marketing da empresa responsável pelo produto. Apesar de nossa proposta ser uma
interface adaptativa ao perfil do usuário achamos importante manter esse menu para
manter a característica de marketing, o que achamos que não irá comprometer com a
proposta inicial, uma vez que o restante da interface estará de acordo com ela. A única
modificação seria do nome “Oferta do Dia” para “Ofertas do Dia”, oferecendo mais do que
apenas uma oferta principal.
Como Funciona:
Este menu também é encontrado na maioria dos sites do e-commerce, e sua função
é bem objetiva: ir pra outra página e oferecer um tutorial do site e dicas de compra. Vamos
manter este menu, por consideramos ser um ponto crítico do sistema o usuário entender
sem muitas dificuldades o funcionamento do mesmo.
Categorias:
Ao clicar neste menu, o menu se expande oferecendo várias categorias possíveis de
ofertas para o usuário escolher. Ao selecionar a opção desejada, logo abaixo, na mesma
página, aparecerão ofertas relacionadas à categoria escolhida. Esta opção não está
disponível em muitos dos sites de e-commerce conhecidos e acreditamos que facilitará
muito ao usuário encontrar alguma oferta que seja realmente de seu interesse.
Busca Ofertas:
Muitos dos sites de e-commerce (inclusive os analisados) não possuem um sistema
de busca para que o usuário possa digitar uma palavra chave e encontrar ofertas
relacionadas ao que procura. Achamos de extrema importância que um site de tal conteúdo
possua tal ferramenta, para que assim o usuário sinta mais controle do site, encontre mais
rapidamente o que procura, e compre mais coisas que precise. A ferramenta se constitui de
um campo em branco com uma breve explicação enquanto permanece em branco, um
símbolo como metáfora de pesquisa (lupa) e um botão de buscar para o usuário clicar para
a busca ser realizada.
Sugestões de Descontos:
Nesta região do site, aparecerão mais ofertas ao usuário, só que diferentemente de
outros sites de e-commerce pesquisados, as sugestões aqui serão adaptadas através de
algum algoritmo de reconhecimento de comportamento e interesse para cada usuário.
Assim, cada usuário cadastrado terá mais chances de encontrar logo na home alguma
oferta relacionada aos seus gostos e costumes de compra. Portanto, para cada usuário,
diferentes ofertas aparecerão, o que passa uma idéia de respeito, consideração e aumenta
as possibilidades de compra.