Este documento avalia os critérios de usabilidade empregados no site de e-commerce Submarino. Analisa dez conceitos fundamentais de usabilidade propostos por Jakob Nielsen, incluindo consistência visual, design minimalista, correspondência com o mundo real, ajuda ao usuário, tratamento de erros, e diferenciação entre usuários iniciantes e experientes. Conclui que o Submarino atende bem aos critérios de usabilidade por ter uma navegação intuitiva e limpa.
1. FACULDADE DE TECNOLOGIA DE RIO PRETO – FATEC
BRENO SANTOS ARAGON
JONAS HENRIQUE DE CASTRO SIQUEIRA
AVALIAÇÃO DOS CRITÉRIOS DE USABILIDADE EMPREGA-
DOS NO SITE DE E-COMMERCE “SUBMARINO”
4º Período de Informática para Negócios
Profº José Alexandre Ducatti
SÃO JOSÉ DO RIO PRETO – SP
2º SEMESTRE DE 2012
2. 1 INTRODUÇÃO
Neste trabalho serão avaliados os critérios de Usabilidade empregados no site de E-Commerce
Submarino. Este site concorre com diversos outros, como o Mercado livre, Kaboom e Saraiva
Store, sendo que ele é um dos mais famosos. Esta avaliação será conduzida através de dez
conceitos fundamentais propostos por Jakob Nielsen, sendo eles:
Percepção do Status do Sistema;
Correspondência entre o sistema e o mundo real;
Controle e Liberdade de Utilização;
Consistência e padrões;
Prevenção de Erros;
Aprendizagem ao invés de Memória curta;
Diferenças de utilização entre usuários iniciantes e experientes;
Estética e design minimalista;
Ajudar os utilizadores a reconhecer, diagnosticar e corrigir os erros;
Ajuda e Documentação.
2 AVALIAÇÃO DO SITE DO PONTO DE VISTA DOS DEZ CONCEITOS FUNDAMENTAIS DE NIEL-
SEN
2.1 Consistência e padrões
As fontes de letras do site Submarino seguem um esquema padrão, evitando que haja fontes
de vários tipos, cores e formas que possam poluir o visual. Há também um padrão de cores
3. para o todo site, que se baseiam no azul, verde claro e o branco. Se houvesse várias cores
dispersas para todos os lados, o visual e a compreensão do site poderiam ser afetados, pois o s
usuários poderiam entram em uma confusão visual.
2.2 Estética e design minimalista
A s páginas do site são bem intuitivas e limpas, se comparadas a muitos sites do ramo. O la-
yout do site não é carregado com plano de fundos berrantes; na realidade, o plano de fundo
nem existe. Isso acaba conferindo leveza e clareza ao site como um todo e atinge o objetivo
do que ele se propõe a fazer, isto é, apresentar seus produtos com o máximo de clareza possí-
vel.
2.3 Correspondência entre o sistema e o mundo real
A forma com o site está organizado e os termos que utiliza demonstram realmente ao usuário
que ele está num site de compras, não num site de moda, de games etc. A temática do site é
compatível com aquilo que propõe, ou seja, vender.
2.4 Ajuda e Documentação
A ajuda e documentação do site se baseiam no atendimento ao cliente e esclarecimento de
dúvidas referentes à compra. Por não ser um programa desktop, não há muitas referências
de como utilizar o site quanto a links e botões. Porém o site segue o padrão universal de na-
vegação de páginas da Internet. Logo o usuário não irá se perder pelo motivo do site ser “um
território desconhecido e totalmente diferente”.
2.5 Diferenças de utilização entre usuários iniciantes e experientes
Por ser um sistema que provavelmente não será acessado a todo instante pelo mesmo usuário
(a maioria dos usuários do site entra nele para fazer compras casuais, não a todo instante,
como um sistema de caixa de supermercado), não fornece nativamente a possibilidade de uso
de teclas de atalho; os menus e opções são todos acessados pelo mouse. Porém, o site aceita
o uso das teclas de atalhos do Sistema Operacional e do próprio navegador. Por exemplo, se
quisermos copiar um trecho de um texto do site, poderemos utilizar o Ctrl+C; se quisermos
localizar alguma palavra no corpo da página do site, o faremos utilizando Ctrl+F.
4. 2.6 Aprendizagem ao invés de memória curta
O site memoriza os termos de pesquisa dos usuários, ou seja, os usuários não precisarão me-
morizar qual termo pesquisou antes, é só clicar no campo de Pesquisa e então a palavra pes-
quisada anteriormente aparecerá instantaneamente. Isso é válido para outros campos nos
quais se insere textos.
2.7 Ajudar os utilizadores a reconhecer, diagnosticar e corrigir os erros
5. O Submarino tem um bom tratamentos de erros oriundos do usuário. Na tela acima, por e-
xemplo, o usuário tentou seguir para a etapa seguinte da compra sem se cadastrar no site.
Resultado: o site não permitiu que o usuário seguisse em frente e ainda lhe indicou quais
campos são obrigatórios para entrada de dados, realçando em vermelho os campos necessá-
rios. Aliás, esse realce em vermelho é bem intuitivo, pois a cor indica que há algo de errado.
2.8 Percepção do Status do Sistema;
Quando o usuário deseja comprar um produto, precisará passar por algumas etapas. O Sub-
marino oferece ao usuário a visualização de qual etapa do processo de compra ele se encon-
tra, pois assim o usuário se sentirá mais seguro e terá uma noção de quando o processo de
compra terminará.
2.9 Prevenção de Erros
O Submarino avisa seus usuários sobre quais campos devem ser preenchidos obrigatoriame n-
te, antes que o usuário cometa o erro de não os preencher. Por exemplo, no cadastro de usu-
ários, é avisado em primeira instância que os campos em negrito são obrigatórios. Mesmo que
o usuário não leia essa mensagem e cometa o erro de não preencher o campo, o site tratará o
erro e avisará o usuário sobre o erro.
2.10 Controle e Liberdade de Utilização
Os usuários do site não precisam ter o receio de efetuar uma operação, e caso esteja errada,
não puder voltar atrás. O site oferece diversas opções de recuperação de informações, como
recuperação de senha da conta, retroatividade de etapas de uma transação de vendas etc.
6. 3 CONSIDERAÇÕES EXTRAS E CONCLUSÃO
O submarino é um site muito intuitivo e eficaz no que diz respeito à facilidade de fazer uma
compra online. Qualquer pessoa com o mínimo de entendimento de informática e de um pro-
cesso de vendas pode utilizá-lo sem maiores problemas. O layout do site é limpo, claro e ofe-
rece uma navegabilidade muito boa. Seguem os seguintes exemplos:
Quando se percorre a página a procura de um produto, a caixa de pesquisa acompa-
nha discretamente o usuário; caso o usuário pretenda procurar outro produto, não
precisará voltar toda a página para atingir a caixa de pesquisa, pois ela já estará bem
próxima.
A imagem dos produtos pode ser ampliada, para a observação dos detalhes.
O site apresenta o recurso de arrastar a imagem do produto que se quer comprar para
o carrinho de compras, que fica no canto superior da tela. Esse recurso é muito intui-
tivo, pois é como se o usuário estivesse num supermercado colocando os produtos
num carrinho de verdade.
Em vista dessas coisas, podemos concluir que o site Submarino atende bem aos critérios de
Usabilidade. Claro que existe sempre uma coisa ou outra para melhorar, mas no geral, o site
está no caminho certo.