Relatrio de Usabilidade

KaBuM!

Autores
Douglas Gonalves
Felipe Fritsche
Gabriel Loureno
Lucas Campaci

Instituto Federal de So Paulo

142076 - 3
142050 - X
142016 - X
142051 - 8

Sumrio
1

Introduo................................................................................................ 3

Analise do padro de cores......................................................................3

Testes Realizados..................................................................................... 4
3.1

Procedimento para efetuar um cadastro...........................................4

3.2

Procedimento para localizar um produto...........................................6

3.3

Procedimento para comprar um produto...........................................8

Avaliao Heurstica............................................................................... 12

Concluso.............................................................................................. 13

Bibliografia............................................................................................. 14

1 Introduo
Este relatrio aborda um estudo de usabilidade focando no acesso a
recursos do site kabum.com.br bem como execuo de algumas tarefas
inerentes regra do negcio, verificando durante as mesmas os passos
necessrios, facilidades, dificuldades, condies adversas e falhas.
Durante a execuo dessas tarefas, focamos nossos testes nos
procedimentos: a) efetuar cadastro; b) localizar um produto; c) efetuar compra.
Durante os testes averiguamos essas caractersticas nos formulrios,
sistema de vendas, Layout, Contedo/Organizao e por fim o atendimento ao
usurio.
O intuito final foi obter uma avaliao focada na simulao de compra por
um usurio comum, e como essa atividade se deu perante o site, o qual tem
por regra de negcio vender produtos.

2 Analise do padro de cores

Quando o usurio final chega ao site, antes do que est escrito, so as cores
que o impressionaro.
O site da Kabum, o qual estamos analisando constitudo pelas cores azul,
laranja e branco.

O azul empregado para representar calma e responsabilidade. O azul

escuro no design passa a sensao de fora e confiana, essencial no caso
para o site de vendas online.

O laranja uma cor vibrante e energtica. No design a cor laranja comanda

a ateno sem se tornar agressiva como o vermelho, uma cor considerada
amistosa e convidativa. No site ela empregada em alguns lugares para
chamar a ateno, como em ttulos, botes e menus.

O branco no design considerado um plano de fundo neutro, onde permite

as outras cores terem uma voz maior. Ele transmite limpeza e simplicidade.
utilizada no corpo do site, aonde o contedo exposto.

3 Testes Realizados
3.1 Procedimento para efetuar um cadastro
No cabealho do site, temos alguns links, dentre eles, o link para efetuar um
cadastro no site.

A prxima etapa, ser preencher o formulrio direita da tela para

prosseguir com o cadastro.

Esta a segunda etapa para efetuar o cadastro, devemos preencher com

outros dados.

Aps efetuar todas as etapas, voc ser redirecionado para a pgina inicial
do site, j dentro de sua conta.

3.2 Procedimento para localizar um produto

A tela inicial do site, j possui alguns produtos disponveis para quem
acessar, a partir desta tela, iremos localizar um computador com 4 GB de
memria e um processador i5, como parte do teste da usabilidade do site.

Acessando o menu vertical a esquerda do site, clicando no link

Computadores.

Ainda a esquerda, aps clicar em computadores, aparecer vrias opes de

computadores, basta olhar com um pouco de ateno e voc acha algum
especfico que voc est procurando. No caso deste teste, queramos um
processador i5 com 4 gb. E achamos.

3.3 Procedimento para comprar um produto

Quando voc escolher algum produto para efetuar a compra, a pgina ficar
de tal forma:

Ento, clicamos em FINALIZAR COMPRA. Ateno ao topo do site, h 5

passos bsicos para se fazer a compra, e podemos acompanhar em que
passo estamos.
O primeiro passo o CARRINHO, onde todos os produtos bem como o preo
total da compra so exibidos.

9
Aqui selecionamos uma das formas de pagamento. No nosso teste, fizemos
em forma de boleto bancrio.

10
Aps escolher a forma de pagamento, eles pedem mais uma confirmao,
com seus dados pessoais e com o produto que ser vendido para voc.

Ento ao final da pgina, basta clicar em TUDO OK! CONFIRMAR PEDIDO.

11
E pronto, seremos redirecionados para est pgina aonde podemos
visualizar o boleto do pedido.

12

Avaliao Heurstica

Foram avaliados diversos requisitos. Cada um deles para uma

funcionalidade ou estruturao do site. Como o Layout, abordando a cor, a
fonte e a estrutura do site, ou at o principal objetivo do site, a venda
online, onde abordamos os requisitos de compra, ou seja, a facilidade em
comprar e as mensagens do sistema em caso de sucesso ou eventuais
erros, e at mesmo encontrar um produto.
O site muito satisfatrio, e as nicas ocorrncias de melhorias que
surgiram foram em questo s mensagens que o sistema deveria mostrar
ou as que ele mostra, tais como feedback e mensagens de erro.

13

1 Concluso
Por fim conclumos que o site atende satisfatoriamente o cliente perante
sua regra de negcio principal: a venda de produtos.
Tendo fcil acessibilidade para um usurio leigo efetuar todos
procedimentos inerentes atividade de compra, desde o cadastro inicial at a
compra final, o site muito bem estruturado e organizado, estando bem
preparado para todos tipos de usurios, tendo at mesmo uma central de
atendimento incluindo chat.
Em nossa avaliao, constatou-se tambm que as nicas melhorias que
indicaramos so com as mensagens de erro e feedbacks, pois em algumas
ocasies so vagos ou inexistentes.

14

6 Bibliografia
Kabum.
<http://www.kabum.com.br/>
Acessado em: 20/10.