UFS - UNIVERSIDADE FEDERAL DE SERGIPE

CCET - CENTRO DE CIÊNCIAS EXATAS E TECNOLOGIA

DCOMP - DEPARTAMENTO DE COMPUTAÇÃO
CIÊNCIA DA COMPUTAÇÃO

INTERFACE HUMANO E COMPUTADOR

ANALISE DO SITE BOMNEGOCIO.COM

PROF. HENRIQUE NOU SCHNEIDER

BRENO CRUZ BARROS - 201210008260

ELDER BRENNER ANDRADE SANTOS – 201210008556
FLAVIO ARTHUR OLIVEIRA SANTOS – 201210009061
MAXWELL MENESES FARIAS - 201320001604

São Cristóvão – SE
02 de junho de 2014
ANALISE DO SITE BOMNEGOCIO.COM

Trabalho solicitado para a obtenção da segunda

nota e apresentação para discutir em sala
resultados obtidos através dessa pesquisa.

Professor
HENRIQUE NOU SCHNEIDER

São Cristóvão – SE
2014
1. Introdução

Com o crescente uso da internet pelas pessoas, seja para diversão, prestação/uso de serviços,
e-commerce, uso de redes sociais, entre outros; crescimento que pode ser atribuído à diversos
fatores, como o barateamento dos dispositivos (computadores, notebooks). Apesar desse
crescimento, nem sempre os usuários acompanham o desenvolvimento, sendo que é fácil
encontrar pessoas com diversos graus de familiaridade com computadores e internet, pessoas
mesmo que trabalhem muitos anos com um computador, podem saber apenas o necessário
para o trabalho, sendo totalmente leigas em outros usos do mundo digital. Pensando no
usuário em geral, diversos estudos foram e estão sendo conduzidos no ramo da Interface
Humano-Computador, um dos objetivos desses estudos é ajudar o usuário a utilizar um
sistema e também fazer com que tal prática não seja onerosa ao mesmo. Dentre os estudos já
realizados, foi escolhido o estudo das heurísticas de Jakob Nielsen para este relatório sobre o
site de classificados bom negócio, http://www.bomnegocio.com/.

2. Bomnegócio.com

O bom negócio é um site de classificados grátis, presente em todo o Brasil. Suas atividades
começaram em julho de 2011. Atualmente ele existe em 26 países, Suécia, França, Itália,
Malásia, Portugal, Filipinas, Grécia, Indonésia, Finlândia, Hungria, Suiça, Bélgica, Austrália,
Estonia, Chile, Peru, México, Venezuela, Marrocos, Nigéria, Belarus, Ucrânia, Índia, Argentina,
Costa Rica e Uruguai. De acordo com a descrição apresentada no próprio site do serviço, eles
tem como objetivo:
1. Ajudar as pessoas a comprar e vender bens e serviços na sua região de forma
simples e prática;
2. Oferecer um site de qualidade, rápido, e fácil de usar, onde todas as pessoas
possam publicar seus anúncios para vender, alugar ou trocar bens;
3. Qualidade dos anúncios;
4. Unir compradores e vendedores do mesmo bairro, cidade ou região, que podem
se encontrar pessoalmente para fechar negócio.
3. Heurísticas de Jakob Nielsen

Jacob Nielsen é um cientista da computação com Ph.D. em interação homem-máquina, dentre

suas diversas contribuições para a academia e a sociedade de forma geral, podemos citar suas
10 Heurísticas para análise de usabilidade, chamadas de 10 Heurísticas de Nielsen. Abaixo
segue a lista das 10 heurísticas de Nielsen, e uma explicação de cada uma.

1. Visibilidade do status do sistema

O sistema deve sempre manter os usuários informados sobre o que está acontecendo através de
feedback apropriado, em um tempo razoável.

2. Compatibilidade entre sistema e mundo real

O sistema deve utilizar a linguagem do usuário, com palavras, frases e conceitos familiares para
ele, ao invés de termos específicos de sistemas. Seguir convenções do mundo real, fazendo com
que a informação apareça em uma ordem lógica e natural.

3. Controle e liberdade para o usuário

Estão relacionados à situação em que os usuários freqüentemente escolhem as funções do
sistema por engano e então necessitam de "uma saída de emergência” claramente definida para
sair do estado não desejado sem ter que percorrer um longo diálogo.

4. Consistência e padrões
Referem-se ao fato de que os usuários não deveriam ter acesso a diferentes situações, palavras ou
ações representando a mesma coisa. A interface deve ter convenções não-ambíguas.

5. Prevenção de erros
Os erros são as principais fontes de frustração, ineficiência e ineficácia durante a utilização do
sistema.

6. Reconhecimento ao invés de lembrança

Tornar objetos, ações, opções visíveis e coerentes. O usuário não deve ter que lembrar
informações de uma parte do diálogo para outra. Instruções para o uso do sistema devem estar
visíveis ou facilmente acessíveis.

7. Flexibilidade e eficiência de uso

A ineficiência nas tarefas pode reduzir a eficácia do usuário e causar-lhes frustração. O sistema
deve ser adequado tanto para usuários inexperientes quanto para usuários experientes.

8. Projeto minimalista e estético

Os diálogos não devem conter informações irrelevantes ou raramente necessárias. Cada unidade
extra de informação em um diálogo compete com unidades relevantes e diminui sua visibilidade
relativa.

9. Auxiliar os usuários a reconhecer, diagnosticar e recuperar erros.

Mensagens de erro devem ser expressas em linguagem natural (sem códigos), indicando
precisamente o erro e sugerindo uma solução.

10. Ajuda e documentação

Mesmo que seja melhor que o sistema possa ser usado sem documentação, pode ser necessário
fornecer ajuda e documentação. Tais informações devem ser fáceis de encontrar, ser centradas na
tarefa do usuário, listar passos concretos a serem seguidos e não ser muito grandes. A ajuda deve
estar facilmente acessível e on-line.

Quando um problema qualquer é identificado, primeiramente ele é classificado entre uma das 10
heurísticas de Nielsen, e logo em seguida é dado um grau de risco para ele. A classificação do
grau de risco segue de acordo com a tabela 1.0, apresentada logo abaixo.

Tabela 1.0 - Grau de Severidade

Grau de Severidade Tipo Descrição

0 Sem importância Não afeta a operação da interface.

1 Cosmético Não há necessidade imediata de solução.

2 Simples Problema de baixa prioridade, pode ser reparado.

3 Grave Problema de alta prioridade, deve ser reparado.

4 Catastrófico Muito Grave, deve ser reparado de qualquer

forma.

4. Avaliação do bomnegócio.com

4.1. Visibilidade do status do sistema

O sistema não apresenta um controle do status do sistema, quando um usuário realiza a busca de
um produto, ele salva as regiões que vendem o produto e qual a categoria que o produto se
encontra, ao invés de salvar qual produto o usuário pesquisou. Logo, atribuimos um grau de
severidade 2, pois é uma questão de repare do sistema.
(Imagem 1 - Visibilidade e status do sistema)

(Imagem 2 - Visibilidade e status do sistema)

 (Imagem 3 - Visibilidade e status do sistema)

4.2. Compatibilidade entre sistema e mundo real

O sistema utilizou uma linguagem adequada com o usuário, podemos perceber em vários campos
de textos, onde o sistema apresenta avisos, dicas de uso, que a linguagem não apresenta termos
específicos do sistema, e sim uma linguagem adequada ao usuário. Logo, não apresentou risco.
(Imagem 4 - Compatibilidade entre o sistema e o mundo real)

(Imagem 5 - Compatibilidade entre o sistema e o mundo real)

(Imagem 6 - Compatibilidade entre o sistema e o mundo real)

(Imagem 7 - Compatibilidade entre o sistema e o mundo real)

 4.3. Controle e liberdade para o usuário
O site oferece ao usuário um total controle em todas as funções disponíveis para o
mesmo, sendo na gerência do seu perfil quanto na procura de um produto em especifico, ou na
criação de um anuncio.

A interface do gerenciamento de perfil conta com um sistema de abas que auxilia o

usuário na organização da atividade realizada no determinado momento (imagem 8).

(Imagem 8. Sistema de abas da tela de gerenciamento de perfil)

Na interface de busca, o site oferece um sistema de localização por cascata, onde a

medida que o usuário refina sua pesquisa, o histórico por onde ele passou vai sendo atualizado e
mostrado na tela, de modo que caso haja uma pesquisa por um produto não desejado, fica bem
mais simples poder voltar para seções de pesquisas anteriores (imagem 9). Ao procurar um
produto que não existe em seu estado, o site aumenta a área de procura e dispõe os itens
disponíveis em todo distrito nacional, além de mostrar a quantidade desse serviço em cada
estado, proporcionando ao usuário uma segunda opção de compra, evitando assim, o desgaste de
tempo tendo que refinar a pesquisa novamente para todo o país (imagem 10).
 (Imagem 9. Sistema de busca por cascata. A linha azul mostra como é destrinchado a busca)

(Imagem 10. Ampliação automática do sistema de busca, caso o produto procurado não tenha no seu estado.)

A interface de criação de anúncios é bastante simples onde o usuário só precisa se

preocupar com a inserção de dados necessários para a negociação (imagem 11). Caso o usuário
sinta necessidade de visualizar o anuncio antes de publicá-lo, a interface conta com um botão que
disponibilista esta opção (imagem 12).
 (Imagem 11. Tela de criação de anúncios.)

(Imagem 12. Prévia do produto a ser anunciado)

O único problema localizado nesse requisito seria ao atualizar o cadastro, onde após
efetuar a atualização, o site permanece na mesma página e uma linha no final dela mostra a
mensagem dizendo que os dados foram alterados com sucesso (imagem 13).
 Foi atribuído grau de severidade 2 a heurística 3.

4.4 Consistência de padrões

(Imagem 13. Problema no Controle e Liberdade para o Usuário)

O site não apresenta em nenhuma das interfaces inconsistência de padrões, sendo que
em cada interface cada ícone tem sua função muito bem representada e nenhum ícone faz função
do outro, como por exemplo, os ícones que ficam dispostos em todas interfaces. Cada ícone
desse tem uma função específica e em nenhum deles tem-se a possibilidade de acabar caindo na
função de outro, porém caso o usuário clique no ícone indesejado, eles continuaram dispostos
para o usuário poder corrigir a busca.
Foi atribuído grau de severidade 0 a heurística 4.

4.5. Prevenção de erros

O site não apresentou nenhum erro. Todas as páginas do sites foram testadas
isoladamente e nenhum erro foi encontrado. Como já foi comentado em parágrafos anteriores o
site possui um esquema de ícones que te redireciona para diversas páginas, tudo devidamente
simples, pois os desenhos que representam cada ícone estão coerentes com o que o ícone
representa, gerando conforto ao invés de frustração para o usuário.
Foi atribuído grau de severidade 0 a heurística 5.

4.6. Reconhecimento ao invés de lembrança

 O site possui uma interface muito intuitiva o que torna bem claro ao usuário aonde ele
deve clicar caso queira fazer alguma ação. Abaixo vemos alguns exemplos de quão clara é a
utilização do sistema pelo usuário.

Exemplo 1: Um usuário que nunca visitou o site e quer comprar um produto.

Ao entrar na página inicial logo é vista uma seta chamativa apontando para o mapa do
Brasil com a seguinte mensagem: “Quer comprar? Comece pelo mapa.”. Isso torna claro ao
usuário que o primeiro passo para a sua pesquisa por um produto é a escolha do estado em que o
produto se localiza.

(Imagem 14. Botão para começar o processo de pesquisa por um determinado estado.)

Ao escolher o estado o usuário é redirecionado para a página de pesquisa de produto, e

novamente fica bem claro ao usuário o que fazer neste passo. Um campo de pesquisa com o
botão chamativo de uma lupa torna dedutível que aquela área é para a pesquisa do produto por
nome. E ainda caso o usuário não queira digitar especificamente um produto e sim ver uma
categoria de produtos é possível ver abaixo do campo de pesquisa imagens que simbolizam tais
categorias, tornando a pesquisa ainda mais fácil.
 (Imagem 15. Campo de pesquisa por palavra-chave ou busca por categorias.)

Exemplo 2: Um usuário que nunca visitou o site e quer vender um produto.

Voltando para a página inicial novamente vemos o quão fácil pode ser para o usuário
trabalhar com o sistema. Bem destacado há o botão para criação de um anúncio, isso sem mesmo
o usuário estar cadastrado.

(Imagem 16. Botão para criação de um anúncio.)

Clicando no botão o usuário passa por um simples mas essencial formulário com as
características do produto a ser anunciado (imagem 4) e caso o usuário não tenha cadastro ele
passará por um breve cadastro de conta (imagem 10), por fim duas opções são mostradas em
destaque, visualizar como o anúncio vai aparecer (imagem 5) e finalizar o cadastro do anúncio.

(Imagem 17. Formulário de cadastro de conta no site.)

Não foi encontrado em momento algum durante a realização desta avaliação, uma
operação que não ficasse clara ao usuário o que o mesmo deveria fazer ao querer realizar uma
ação, por isso foi atribuído à heurística 6 o grau de severidade 0.

4.7. Flexibilidade e eficiência de uso

 O site não dispõe de atalhos implementados dentro do sistema para a utilização do
mesmos. A única forma de acessar os menus do site é através do mouse ou utilizando o botão
TAB do teclado para navegar cansativamente por cada item (texto ou imagem) da página,
característica que é presente na maioria dos sites e é implementada pelo próprio sistema
operacional.
O site do bomnegócio.com também não provê uma forma com que o usuário personalize
os menus da forma que queira.
Tendo em vista que a falta da utilização de atalhos e personalização de menus não
prejudica diretamente a utilização do sistema pelo usuário foi atribuido um grau de severidade 2
para a heurística 7.

4.8. Projeto minimalista e estético

O site analisado possui um desenho simples e com textos de diálogo minimalistas. Não é
mostrado ou oferecido ao usuário nada a mais do que o necessário para ele navegar com
facilidade pelo sistema. Um ponto bastante positivo do sistema em relação a heurística 8 é o fato
do site não ficar abrindo janelas desnecessárias ou frames de publicidade com a finalidade de
parar o que o usuário está fazendo retirando a sua atenção do necessário. Podemos ver nas
imagens abaixo a simplicidade do desenho do sistema e a clareza com que os dados importantes
são passados ao usuário.

(Imagem 18. Página de um anúncio.)

 (Imagem 19. Menu do usuário.)

Por oferecer um desenho simples, diálogos minimalistas e ainda não atrapalhar o usuário
durante a utilização do sistema foi atribuído um grau de severidade 0 para a heurística 8.

4.9. Auxiliar os usuários a reconhecer, diagnosticar e recuperar erros

O site proporciona facilidade ao usuário retornando rapidamente um feedback, com

mensagens curtas e diretas alertando o erro e como corrigi-lo, alem de corrigir automaticamente
o formato de entrada. Portanto o site atende corretamente a heurística 9 e por isso foi atribuído
um grau de severidade 0.
O site informa ao usuário o que é necessário para concluir a acão, repassando ao mesmo
um feedback instântanio para que nao possa haver erro, em algumas opções ele corrige
automaticamente o formato de entrada nas opções e-mail e telefone.
 4.10. Ajuda e documentação

A ajuda é bem eficiente e especifica, procura facilitar o caminho que usuário precisa percorrer
até encontrar o que procura, destacando algumas dicas.
Além de informar ao usuario o caminho o site disponibiliza links como um atalho rápido.

O Site tambem disponibiliza um contato direto com o úsuario em caso de problemas, sugestões,
denuncias entre outros.

Como explicado anteriormente o ícone demonstrado na imagem é pequeno, um úsuario com

algum tipo de dificuldade visual poderia ter dificuldade em ver o mesmo.
 O site é bem intuitivo na questão da ajuda, mostra com clareza e precisão como seguir
cada passo. Também é disponibilizado um contato direto com o usuário em caso de problemas,
sugestões, denuncias entre outros. Os únicos problemas encontrados foram, na procura do ícone
de ajuda por ser muito pequeno e a repetição de dois layouts que informam a mesma coisa. Com
isso foi atribuído grau de severidade 1 a heurística 10.

5. Conclusão

De acordo com a análise realizada neste documento e com os resultados apresentados pelo
mesmo, percebemos que o site do bomnegocio.com prescisa adequar a alguns padrões sugeridos
pelas 10 Heurísticas de Nielsen. Como por exemplo, o status em que o sistema se encontra, pois
o usuário realiza uma busca e caso ele entre em outra página, deve realizar a busca novamente se
quiser encontrar os mesmos itens.

6. Referências

TD bites - Desenvolvimento Front End (2008) [online]. Avaliable http://www.tidbits.com.br/as-

10-heuristicas-de-usabilidade-do-nielsen

BomNegócio.com (2014) [online]. Avaliable

http://www.bomnegocio.com/