avaliação heurística do gmail disciplina: design de interface professor: lafayette alunos:elias...

20
Avaliação Heurística do Gmail Disciplina: Design de Interface Professor: Lafayette Alunos: Elias Pereira Gomes Júnior 042.037.138 Francisco Dellânio Leite Alencar – 042.037.135 Shardson Rodrigues 042.037.163

Upload: internet

Post on 22-Apr-2015

104 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Avaliação Heurística do Gmail Disciplina: Design de Interface Professor: Lafayette Alunos:Elias Pereira Gomes Júnior – 042.037.138 Francisco Dellânio Leite

Avaliação Heurística do Gmail

Disciplina: Design de InterfaceProfessor: LafayetteAlunos: Elias Pereira Gomes Júnior – 042.037.138

Francisco Dellânio Leite Alencar – 042.037.135Shardson Rodrigues – 042.037.163

Page 2: Avaliação Heurística do Gmail Disciplina: Design de Interface Professor: Lafayette Alunos:Elias Pereira Gomes Júnior – 042.037.138 Francisco Dellânio Leite

Visualização da ferramenta

Page 3: Avaliação Heurística do Gmail Disciplina: Design de Interface Professor: Lafayette Alunos:Elias Pereira Gomes Júnior – 042.037.138 Francisco Dellânio Leite

Guias de usabilidade

1) Visibilidade do estado do sistema

• Menu lateral visível para orientar o usuário durante a navegação pelo site, que inclusive pode ser traduzido para várias línguas;

• Em cada item do menu é exibida uma lista de opções que o usuário pode realizar com a mensagem selecionada;

• No topo da página é exibida uma numeração correspondente a listagem dos e-mails daquela pasta, como forma de orientar o usuário em sua caixa de email;

• O gmail fornece um próprio sistema de busca interno o que facilita a navegação principalmente quando se possui muitos e-mails.

• Sistema de seleção de mensagens parecido com o de sistema operacional (utilização do shift para selecionar várias mensagens);

•Notificador gmail;

Page 4: Avaliação Heurística do Gmail Disciplina: Design de Interface Professor: Lafayette Alunos:Elias Pereira Gomes Júnior – 042.037.138 Francisco Dellânio Leite

Exemplos

a) Exemplo da lista de opções ao selecionar uma mensagem

b) Menu para navegação e orientação do usuário durante a interação com o gmail

c) Sistema de busca interna do gmail

Page 5: Avaliação Heurística do Gmail Disciplina: Design de Interface Professor: Lafayette Alunos:Elias Pereira Gomes Júnior – 042.037.138 Francisco Dellânio Leite

2) Correspondência entre o sistema e o mundo real

Guias de usabilidade

Existência de metáforas que facilitem a compreensão do conteúdo do site proporcionando uma melhora da interface entre o homem e o sistema.

• O gmail utiliza a notação de um (Clipper) para indicar que a mensagem possui um anexo, associando esta idéia ao mundo real, no entanto poderia utilizar mais símbolos para identificar demais entidades como por exemplo e-mails oriundos de membros da família ou de grupos previamente cadastrados;

• Poderia ser implementado um sistema de notificação de novas mensagens diretamente no celular, seria uma forma de associar os e-mails a um objeto utilizado diariamente pelo usuário.

Page 6: Avaliação Heurística do Gmail Disciplina: Design de Interface Professor: Lafayette Alunos:Elias Pereira Gomes Júnior – 042.037.138 Francisco Dellânio Leite

3) Controle e liberdade por parte do utilizador

Guias de usabilidade

• O gmail possui o sistema de lixeira eletrônica onde o usuário pode restaurar as mensagens excluídas;

• Não foi encontrado uma forma de criar pastas pessoais, apenas marcadores que como o próprio nome fala, apenas marcam as mensagens e transferem uma cópia para o marcador relacionado ao nome. Não é permitido ao usuário por exemplo indicar um marcador e mover a mensagem para uma pasta pré-definida ao mesmo tempo;

• A mensagem ao ser excluída da caixa de entrada é automaticamente removida do marcador a qual foi relacionada.

Page 7: Avaliação Heurística do Gmail Disciplina: Design de Interface Professor: Lafayette Alunos:Elias Pereira Gomes Júnior – 042.037.138 Francisco Dellânio Leite

Exemplos

Marcadores

Page 8: Avaliação Heurística do Gmail Disciplina: Design de Interface Professor: Lafayette Alunos:Elias Pereira Gomes Júnior – 042.037.138 Francisco Dellânio Leite

4) Consistência e standards

Guias de usabilidade

Consistência refere-se à homogeneidade e coerência na escolha de opções durante oprojeto da interface do portal (denominação, localização, formato, cor, linguagem).Contextos ou situações similares devem ter tratamento e/ou apresentação similares.

• Todo o site gmail utiliza uma abordagem simples, prática e rápida e com pouca utilização de figuras, este ponto poderia ser modificado pois as figuras ativam rapidamente o campo visual do usuário que poderia instantaneamente associar tal elemento a uma idéia;

• Quanto ao sistema de cores todo o site é formando por cores leves, e entre seções não foi verificada mudança brusca de cores (azul, cinza e verde claro), as quais foram decididas para distinguir cada seção;

Page 9: Avaliação Heurística do Gmail Disciplina: Design de Interface Professor: Lafayette Alunos:Elias Pereira Gomes Júnior – 042.037.138 Francisco Dellânio Leite

5) Prevenção de erros

Guias de usabilidade

Todos os mecanismos que permitem evitar ou reduzir a ocorrência de erros, assim como corrigir os erros que porventura ocorram.

• O gmail em relação ao controle de erros é bastante satisfatório, por exemplo: em caso de acontecimento de algum erro, ou uma ação que possa afetar o sistema, o gmail exibe um alerta ao usuário informando tal situação;

Isto seria um possívelerro na visão do usuário

Page 10: Avaliação Heurística do Gmail Disciplina: Design de Interface Professor: Lafayette Alunos:Elias Pereira Gomes Júnior – 042.037.138 Francisco Dellânio Leite

6) Reconhecer em lugar de memorizar

Guias de usabilidade

Colocar os objetos, ações e opções visíveis. Facilitar ao utilizador instruções e ajudasevitando a memorização por parte do utilizador.

• A disposição do menu de navegação, ocorre de acordo com a linha padrão da web, No entanto poderia ser utilizado um sistema mais interativo de ajuda, ao contrário do utilizado atualmente (um link sem figura associada no canto superior da página).

Page 11: Avaliação Heurística do Gmail Disciplina: Design de Interface Professor: Lafayette Alunos:Elias Pereira Gomes Júnior – 042.037.138 Francisco Dellânio Leite

7) Flexibilidade e eficiência no uso

Guias de usabilidade

Esta heurística diz respeito à capacidade do portal em se adaptar ao contexto e àsnecessidades e preferências do usuário, tornando seu uso mais eficiente.

• O Gmail deixa a desejar neste ponto, poderia ser mais flexível por exemplo no sistema de cores, disposição dos menus e dos itens, onde deveria ser permitido ao usuário controlar determinados elementos ao invés de utilizar as listas de menus e links em forma de texto;

• A ordem de alguns itens não podem ser modificada de acordo com a necessidade do usuário, por exemplo os marcadores.

Page 12: Avaliação Heurística do Gmail Disciplina: Design de Interface Professor: Lafayette Alunos:Elias Pereira Gomes Júnior – 042.037.138 Francisco Dellânio Leite

A ordem dos marcadores não pode ser alterada

Guias de usabilidade

Page 13: Avaliação Heurística do Gmail Disciplina: Design de Interface Professor: Lafayette Alunos:Elias Pereira Gomes Júnior – 042.037.138 Francisco Dellânio Leite

Exemplo de uma possível modificação

Guias de usabilidade

Page 14: Avaliação Heurística do Gmail Disciplina: Design de Interface Professor: Lafayette Alunos:Elias Pereira Gomes Júnior – 042.037.138 Francisco Dellânio Leite

8) Estética e design minimalista

Guias de usabilidade

Características que possam dificultar ou facilitar a leitura e a compreensão do conteúdo disponível no portal. Dentre essas características, destacam-se a legibilidade, a estética e a densidade informacional.

• Única característica que pode dificultar a compreensão do conteúdo do gmail é a falta de sinalização, algo que chame a atenção do usuário para determinada novidade ou funcionalidade do sistema.

Page 15: Avaliação Heurística do Gmail Disciplina: Design de Interface Professor: Lafayette Alunos:Elias Pereira Gomes Júnior – 042.037.138 Francisco Dellânio Leite

Estética do site dificulta a descoberta deste novo serviço

Guias de usabilidade

Page 16: Avaliação Heurística do Gmail Disciplina: Design de Interface Professor: Lafayette Alunos:Elias Pereira Gomes Júnior – 042.037.138 Francisco Dellânio Leite

9) Ajudar os utilizadores a reconhecer, diagnosticar e recuperar os erros

Guias de usabilidade

Os erros deveriam ser expressados numa linguagem simples, sem códigos estranhos,indicando qual o problema o proporcionando sugestões para o ultrapassar.

• Todo o ambiente do gmail utiliza mensagens de erros coerentes ao problema, no entanto falta um meio claro de entrar em contato com a equipe desenvolvedora no caso da descoberta de algum erro na aplicação. ( Único meio é através do link ajuda clicando em ‘contate-nos’ que mesmo assim não é referente a comunicação de defeitos )

Page 17: Avaliação Heurística do Gmail Disciplina: Design de Interface Professor: Lafayette Alunos:Elias Pereira Gomes Júnior – 042.037.138 Francisco Dellânio Leite

Ambiente da Central de ajuda

Guias de usabilidade

Page 18: Avaliação Heurística do Gmail Disciplina: Design de Interface Professor: Lafayette Alunos:Elias Pereira Gomes Júnior – 042.037.138 Francisco Dellânio Leite

10) Ajuda e documentação

Guias de usabilidade

Qualquer informação deverá ser fácil de encontrar, centrado na tarefa do utilizador,proporcionando uma listagem de passos a seguir sem ser muito comprida.

• O Sistema de ajuda do gmail possui todas as características para facilitar o usuário a encontrar determinada informação, como a utilização de uma ferramenta de busca de informações, tópicos passo a passo e um meio de comunicação com a equipe Gmail.

Page 19: Avaliação Heurística do Gmail Disciplina: Design de Interface Professor: Lafayette Alunos:Elias Pereira Gomes Júnior – 042.037.138 Francisco Dellânio Leite

Central de ajuda do Gmail

Guias de usabilidade

Ferramenta de busca nos tópicos

Tópico mostrando ajuda passo a passo

Page 20: Avaliação Heurística do Gmail Disciplina: Design de Interface Professor: Lafayette Alunos:Elias Pereira Gomes Júnior – 042.037.138 Francisco Dellânio Leite

Guias de usabilidade

1- Visibilidade do estado do sistema2- Correspondência entre o sistema e o mundo real3- Controlo e liberdade por parte do utilizador4- Consistência e standards5- Prevenção de erros6- Reconhecer em lugar de memorizar7- Flexibilidade e eficiência no uso8- Estética e design minimalista9- Ajudar os utilizadores a reconhecer, diagnosticar e recuperar os erros10- Ajuda e documentação

checklist