Trabalho Usabilidade

Prévia do material em texto

Disciplina: Engenharia de Usabilidade
Professora: Carine Alves
Nome dos alunos: Gabriel Augusto dos Santos Silva
 Wanderson Fagundes
 Lais Boy
 Davidson
Tela de Login
Poder de surpreender: Possibilita ao usuário, de estar entrando no sistema através do Facebook, Google+ e o próprio registro no sistema.
Qualidade de ajuda: Possuí vários tipos de textos explicativos informando para que serve todos os campos e quais são os campos obrigatórios para poder estar acessando o sistema.
Orientação e convite: Todos os campos são alinhados de forma coerente para obter determinado resultado ou ajuda. Um exemplo seria no campo de senha que ao informar a mesma possibilita ao usuário que ao interagir com a função “Mostrar” ele retorna a senha escrita em vez da senha ‘oculta’.
Apresentação significativa: Apresenta um botão “entrar” que é significativo para o usuário, não o induzindo ao erro.
Tela de Cadastro
Poder de surpreender: Possibilita ao usuário, de estar cadastrando no sistema através do Facebook, Google+ ou o próprio sistema.
Qualidade de ajuda: Possuí vários tipos de textos explicativos informando para que serve todos os campos e quais são os campos obrigatórios para poder estar registrando no sistema.
Orientação e convite: Todos os campos são alinhados de forma coerente para obter determinado resultado.
Tela Principal
Adequação ao aprendizado: É uma tela bem semelhante a outras que existem dentro do e-commerce.
Qualidade de ajuda: Ao clicar no botão de ajuda (?), o mesmo abre um dialogo em cima da tela atual informando qualquer tipo de funcionalidade dentro da mesma.
Visualização do estado do sistema: Mostra ao usuário a quantidade de produto que ele possui dentro da cesta.
Poder de encanta: Mostra ao usuário imagens dos produtos oferecidos e sua descrição e valor.
Tela de Descrição do Produto
Qualidade de ajuda: Ao clicar no botão de ajuda (?), o mesmo abre um dialogo em cima da tela atual informando qualquer tipo de funcionalidade dentro da mesma.
Visualização do estado do sistema: Mostra ao usuário a quantidade de produto que ele possui dentro da cesta.
Apresentação significativa: O botão [Comprar] aparece em vários tipos de telas famosas de e-commerce, possibilitando uma apresentação simples e objetiva.
Legibilidade: Possui imagens e fontes em cores e tamanho adequado para que o usuário consiga visualizar.
Ações mínimas: Possui a opção do cliente favoritar os produtos que o agradem.
Tela de Carrinho
Poder de encantar: As fontes utilizadas na tela são bem legíveis e tem um bom espaçamento entre os botões e os textos, possibilitando uma forma simples de visualização.
Apresentações significativas: Os botões são bem simples de serem compreendidos e não necessita muita leitura e interpretação para compreender o objetivo principal dos mesmos.
Poder de surpreender: Todas as funcionalidades da tela ficando visíveis, não necessitando redimensionar a tela para a visualização das funções.
Adequação ao aprendizado: Oferece ao usuário a opção de desfazer uma seleção equivocada de algum produto.
Tela de Pagamento
Visualização do estado do sistema: Mostra ao usuário o progresso da sua compra.
Poder de encantar: As fontes utilizadas na tela são bem legíveis e tem um bom espaçamento entre os botões e os textos, possibilitando uma forma simples de visualização.
Poder de surpreender: Possibilita ao usuário estar efetuando a sua compra utilizando: Cartão de Crédito, Boleto, Débito ou até mesmo pagando na própria loja.
Tela de Aprovação
Visualização do estado do sistema: Mostra ao usuário o progresso da sua compra.
Poder de encantar: As fontes utilizadas na tela são bem legíveis e tem um bom espaçamento entre os botões e os textos, possibilitando uma forma simples de visualização.
Adequação ao aprendizado: É uma tela bem semelhante a outras que existem dentro do e-commerce.
Orientação e Convite: Botão “comprar novos produtos” que convida o usuário a efetuar novas compras. 
Feedback imediato: Exibi status de pagamento e informações sobre o pedido efetuado para acompanhamento do usuário.
Referências
http://informatica.mercadolivre.com.br
http://www.americanas.com.br/