AVALIAÇÃO HEURÍSTICA

OLX (BOMNEGOCIO)

Interface Humano-Computador
Henrique Nou Schneider
Carlos Augusto E. M. Júnior
Galileu Santos de Jesus

Universidade Federal de Sergipe

Departamento de Computação – DCOMP
 Agenda
• Introdução
• Bomnegócio.com
• Heurísticas de Jakob Nielsen
• Avaliação heurística da interface
• Visibilidade do status do sistema
• Compatibilidade entre sistema e mundo real
• Controle e liberdade para o usuário
• Consistência de padrões
• Prevenção de erros
• Reconhecimento ao invés de lembrança
• Flexibilidade e eficiência de uso
• Projeto minimalista e estético
• Auxiliar os usuários a reconhecer, diagnosticar e recuperar erros
• Ajuda e documentação
• Conclusão
• Referncias
Introdução

Prestação/uso de serviços, e-commerce, uso de

redes sociais;

Uso de computadores, smartphones e

notebooks;

Estudos ramo da Interface Humano-Computador

- ajudar o usuário a utilizar um sistema

Avaliação do site OLX (Bom Negócio): +26

países;
Bomnegócio.com

O OLX (bom negócio), site de classificados

grátis, presente em todo o Brasil. Suas
atividades começaram em julho de 2011.
Presentes em mais de 26 países.

Atualmente houve a união com o site OLX,

ambos estão agrupados em um só serviço para
o usuário.

Objetivos!
Heurísticas de Jakob Nielsen

1. Visibilidade do status do sistema: Feedback de tudo

que está acontecendo.
 
2. Compatibilidade entre sistema e mundo real:
Linguagem apropriada para o usuário. 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: Possibilitar ao
usuário uma “recuperação” mais rápida para voltar a um
estado desejado sem muito esforço.
Heurísticas de Jakob Nielsen

4. Consistência e padrões: A interface deve ter

convenções não-ambíguas.
 
5. Prevenção de erros: Prevenir erros.
 
6. Reconhecimento ao invés de lembrança: O usuário
não deve ter que lembrar informações de uma parte do
diálogo para outra. Visibilidade e acessibilidade.

7. Flexibilidade e eficiência de uso: O sistema deve ser

adequado tanto para usuários inexperientes quanto para
usuários experientes.
Heurísticas de Jakob Nielsen
8. Projeto minimalista e estético: Os diálogos não
devem conter informações irrelevantes ou raramente
necessárias.

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: 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.
 Avaliação Heurística da Interface
Grau de Tipo Descrição
Severidade

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.
Visibilidade do status do sistema
Visibilidade do status do sistema

Organização em menus, histórico e categorias.

Visibilidade do status do sistema

Grau de severidade 0 - Sem importância, pois

não afeta a operação da interface.
Compatibilidade entre sistema e
mundo real

Dicas
Compatibilidade entre sistema e
mundo real
Compatibilidade entre sistema e
mundo real

Cadastro
 Compatibilidade entre sistema e
mundo real

Grau de severidade 0 - Sem importância, pois

não afeta a operação da interface.
Controle e liberdade para o usuário

Menu para melhor organização

Controle e liberdade para o usuário

Busca em cascata e categoria – melhor retorno

Controle e liberdade para o usuário

Anúncio não encontrado – Sugestões (Google).

Controle e liberdade para o usuário

Cadastro simples.
Controle e liberdade para o usuário

Pré-Visualização do produto
Controle e liberdade para o usuário

ERRO: não exibe uma nova página!

Controle e liberdade para o usuário

Grau de severidade 2 - Simples, problema de

baixa prioridade, pode ser reparado.
 Consistência de padrões

O site não apresenta em nenhuma das interfaces

inconsistência de padrões. Todos os ícones
representavam suas respectivas funções e não
houve ambiguidade entre os mesmos.

Grau de severidade 0 - Sem importância, pois

não afeta a operação da interface.
 Prevenção de erros

O site apresentou alguns erros:

- Salvar dados do usuário.

Grau de Severidade 2 a heurística 5, simples,

problema de baixa prioridade, pode ser
reparado.
 Reconhecimento ao invés de lembrança

• Fácil de reconhecer, sem necessidade de lembrar

Reconhecimento ao invés de lembrança

• 3 cliques para comprar

Reconhecimento ao invés de lembrança

• 2 cliques para anunciar

 Reconhecimento ao invés de lembrança

• Interface com design simples

• Instruções bem claras logo na página inicial
• Usuário não necessita lembrar sequência de
ações ou botões para anunciar, realizar busca
ou compra de um produto

• Não foram encontrados problemas com a

interface de acordo com a heurística 6.
 Flexibilidade e eficiência de uso
• Mesmo com uma interface simples e limpa, ideal
para usuários leigos, site da OLX também é
flexível, fornecendo recursos para usuários mais
experientes.
 Flexibilidade e eficiência de uso
• Recurso de Busca Avançada
 Flexibilidade e eficiência de uso
• Problema: Falta do recurso “Auto Completar”
capaz de corrigir erros de busca.
 Flexibilidade e eficiência de uso
• Exemplo de usuário que escreve produto
errado no campo de busca do ML.
 Flexibilidade e eficiência de uso
• Exemplo de usuário que escreve produto
errado no campo de busca da OLX
 Flexibilidade e eficiência de uso

• Site flexível para usuários leigos e experientes

• Recursos avançados de busca
• Problema da falta de recurso “Auto Completar”
presente na maioria dos sites de comércio
eletrônico.

• Portanto foi atribuído o grau de severidade 2

ao problema, de acordo com a heurística 7.
 Projeto minimalista e estético

• Design simples e intuitivo, com imagens e

combinação de cores
• Diálogos minimalistas
• Navegação feita em única aba, sem
necessidade de abertura de abas adicionais
• Carregamento rápido do site devido a
simplicidade.

• Não foram encontrados problemas com a

interface de acordo com a heurística 8.
 Auxiliar os usuários a reconhecer,
diagnosticar e recuperar erros
• Interface apresenta boa resposta a erros
 Auxiliar os usuários a reconhecer,
diagnosticar e recuperar erros
• Interface apresenta boa resposta a erros
 Auxiliar os usuários a reconhecer,
diagnosticar e recuperar erros
• Problema: Falta de contraste entre erro e fundo
 Auxiliar os usuários a reconhecer,
diagnosticar e recuperar erros
• Sugestão
 Auxiliar os usuários a reconhecer,
diagnosticar e recuperar erros

• Site fornece boa resposta à erros e comandos

incorretos
• Problema cosmético na mensagem de erro na
página de compra

• A esse problema foi atribuído o grau de

severidade 1, de acordo com a heurística 9.
 Ajuda e documentação
• Problema logo na página inicial!
 Ajuda e documentação
• Em outras páginas...
 Ajuda e documentação
• Problema: Falta de menu de buscas na
página de ajuda
 Ajuda e documentação
• Problemas:
1. Site não apresenta opção clara de busca
na página principal.
2. Falta de menu de buscas na página de
ajuda o que dificulta a qualquer usuário
encontrar uma resposta para uma dúvida
que tenha.

• Foi atribuído aos dois problemas o grau de

severidade 3, de acordo com a heurística
10.
 Conclusão
• A interface do site OLX (BomNegócio)
apresenta as seguintes características:
• Prós:
• Site apresenta design simples, leve e de fácil
reconhecimento
• Diálogos minimalistas
• Boa visibilidade do status localizando usuário no site
• Boa resposta à erros
• Contras:
• Ajuda do site precisa de caixa de busca
• Maior visibilidade da ajuda na página inicial
• Falta do recurso auto completar
 Referências
• 10 Usability Heuristics for User Interface Design.
Jakob Nielsen. Disponível em:
<http://www.nngroup.com/articles/ten-usability-
heuristics/>. Acesso em: 19 de fevereiro de 2015.

• Projetando Websites. Jakob Nielsen. Campos.

2000.