40
UNIVERSIDADE FEDERAL DE MINAS GERAIS Escola de Ciência da Informação Curso de Biblioteconomia - 7º período/tarde Professores: Adriana Bogliolo; Cláudio Diniz, Janicy Rocha Disciplina: Arquitetura da Informação e Acessibilidade Digital Delicious Andréia Arêdes Ferreira Dutra Andresa Arêdes Ferreira Webert Júnio Araújo 2012

Delicious - parte 2

Embed Size (px)

Citation preview

Page 1: Delicious - parte 2

UNIVERSIDADE FEDERAL DE MINAS GERAISEscola de Ciência da Informação

Curso de Biblioteconomia - 7º período/tardeProfessores: Adriana Bogliolo; Cláudio Diniz, Janicy RochaDisciplina: Arquitetura da Informação e Acessibilidade Digital

Delicious

Andréia Arêdes Ferreira DutraAndresa Arêdes Ferreira

Webert Júnio Araújo2012

Page 2: Delicious - parte 2

Delicious é uma rede social que visa coletar,

mostrar páginas e links favoritos e permite marcar, salvar e compartilhar conteúdo da web.

Delicious

Page 3: Delicious - parte 2

Método de avaliação

O Delicious foi avaliado quanto a Arquitetura da Informação, usabilidade e acessibilidade por meio de Inspeção por Heurísticas onde inspeciona a interface com base em uma lista de heurísticas de usabilidade, considerando a severidade dos problemas.

Esse método foi escolhido por contemplar todo tipo de necessidade especial, incluindo as visuais, auditivas, físicas, de fala, cognitivas e neurológicas, alem de beneficiar os usuários comuns .

Outro motivo da escolha é por ser um método feito manualmente e não é necessária a presença de usuários.

Page 4: Delicious - parte 2

Partes da Rede Social avaliadas

Profile: é a página principal do site onde o usuário começa a desenvolver atividades, escolhe para onde quer ir e o que irá fazer, além de ser a página onde o usuário acessa seus links favoritos.

Settings: é a página onde o usuário configura o seu Delicious, altera senhas e notificações.

Os critérios de seleção foram: a relevância da página e a quantidade de informações disponibilizadas pela mesma.

Page 5: Delicious - parte 2

Arquitetura da Informação

A Arquitetura de Informação (A.I), conforme a definição criada originalmente por Wurman, trata da organização da informação para torná–la clara, compreensível. Na web, esse objetivo se mantém: criar as estruturas de organização da informação de um website para que o usuário consiga compreendê–lo com facilidade.

O método de avaliação utilizado foram as heurísticas de Louis Rosenfeld para A.I.

Page 6: Delicious - parte 2

Arquitetura da Informação

Página Inicial Suporta múltiplas maneiras de alcançar o conteúdo?

Destaca as melhores maneiras para alcançar o conteúdo? Orienta o usuário sobre o assunto do site e sobre qual é o conteúdo disponível? Atende aos usuários que já visitaram o site e sabem o que estão procurando (ou seja, os usuários experientes)?

Page 7: Delicious - parte 2

Arquitetura da Informação

Interface de busca

É fácil encontrá-la e está posicionada consistentemente? É fácil usá-la? Permite que o usuário refaça ou refine sua busca? Os construtores de query (corretor ortográfico, pesquisa de radicais, busca por conceito e em tesauros) são usados eficazmente?

Page 8: Delicious - parte 2

Arquitetura da Informação

Resultados da busca Os resultados relevantes estão no topo da lista? Está claros quais foram os parâmetros usados na busca? Está claro o que foi buscado? Está claro quantos resultados foram encontrados? As informações apresentadas para cada usuário são úteis? Os resultados estão agrupados de uma forma útil?

Page 9: Delicious - parte 2

Arquitetura da Informação

Navegação global É possível se mover através do site com poucos cliques? A amplitude e a profundidade da estrutura estão balanceadas? Os rótulos são claros e significativos?

Page 10: Delicious - parte 2

Arquitetura da Informação

Navegação contextual Está claro onde estou tanto em termos de qual site estou como também em que lugar dentro do site estou? Existem poucas opções que me conduzem onde eu gostaria de ir em seguida?

As opções têm rótulos claros?

Page 11: Delicious - parte 2

A usabilidade é um atributo de qualidade que avalia a facilidade com que se usa uma interface.

A avaliação foi baseada nos 10 princípios fundamentais de usabilidade.

Usabilidade

Page 12: Delicious - parte 2

1. Visibilidade do status do sistema: os usuários devem sempre ser informados, em tempo real, sobre o que esta acontecendo no sistema.

Profile

Page 13: Delicious - parte 2

Profile

2. Compatibilidade do sistema com o mundo real: o sistema deve apresentar a informação com uma linguagem familiar ao usuário.

O Delicious não possui a opção de alterar o idioma.

Page 14: Delicious - parte 2

Profile

3. Controle do usuário e liberdade: o sistema deve permitir ao usuário ter controle total para que este possa sair de estados indesejados.

Page 15: Delicious - parte 2

Profile

4. Consistência e padrões: o sistema deve seguir uma convenção estipulada inicialmente.

Page 16: Delicious - parte 2

Profile

8. Estética e design simples: evitar a utilização de informações irrelevantes ou pouco necessárias.

Page 17: Delicious - parte 2

Profile10. Ajuda e documentação: mesmo que o sistema possa ser utilizado sem documentação, é necessário que haja documentação e ajuda. Estas informações devem ser fáceis de encontrar, focadas nas tarefas, não ser muito grande e ter um passo a passo para orientação.

Page 18: Delicious - parte 2

Settings

1. Visibilidade do status do sistema: os usuários devem sempre ser informados, em tempo real, sobre o que esta acontecendo no sistema.

Page 19: Delicious - parte 2

Settings

4. Consistência e padrões: o sistema deve seguir uma convenção estipulada inicialmente.

Page 20: Delicious - parte 2

5. Prevenção de erros: melhor que oferecer boas mensagens de erros e prevenir que estes ocorram, verificando e eliminando propensões a erros ou oferecendo ao usuário uma opção antes que este se comprometa com a ação.

Settings

Page 21: Delicious - parte 2

7. Flexibilidade e eficiência de uso: oferecer aos usuários mais experientes atalhos e aceleradores que permitam que as tarefas sejam realizadas mais rapidamente.

Settings

Page 22: Delicious - parte 2

Settings8. Estética e design simples: evitar a utilização de informações

irrelevantes ou pouco necessárias.

Page 23: Delicious - parte 2

Acessibilidade

Segundo a WAI “acessibilidade na Web significa que pessoas com deficiências podem perceber, entender, navegar e interagir além de poder contribuir para a web”. Portanto acessibilidade deve ser acessível a todos sem distinção.

Page 24: Delicious - parte 2

Acessibilidade

• O método escolhido para avaliação de acessibilidade do Delicious foi através do WCAG 2.0 composto por 12 diretrizes de acessibilidade organizadas em torno de 4 princípios:

Page 25: Delicious - parte 2

Acessibilidade

Page 26: Delicious - parte 2

Acessibilidade

Os princípios da acessibilidade abrangem diversas recomendações com intuito de tornar o conteúdo Web mais acessível. Seguir essas recomendações e fundamental para que torne a pagina da web compreensível para um amplo grupo de pessoas com deficiência ou não. Dessa forma tornará o conteúdo web com fácil acesso para os usuários em geral.

Page 27: Delicious - parte 2

Profile

• Princípio 2: Operável - 2.1. Tornar todas as funções disponíveis pelo teclado. (Não sendo possível essa função nas paginas do Delicious).

Page 28: Delicious - parte 2

Profile

• Princípio 2: Operável - 2.3. Não criar conteúdos que pisquem, causando ataques ou ausências ( Se aplica ao Delicious).

Page 29: Delicious - parte 2

Profile

• Princípio 2: Operável – 2.4. Fornecer auxílio de navegação e localização aos usuários (não contempla).

Page 30: Delicious - parte 2

Profile

• Princípio 3: Compreensível - 3.1. Disponibilizar conteúdo textual compreensível e legível

Page 31: Delicious - parte 2

Settings• Princípio 2: Operável - 2.4.2 Página com Título: têm títulos que

descrevem tópico ou a finalidade. 2.4.6 Cabeçalhos e Etiquetas: Os cabeçalhos e as etiquetas descrevem tópico ou a finalidade.

Page 32: Delicious - parte 2

SettingsPrincípio 3: Compreensível - 3.2. Tornar o funcionamento das páginas previsível.

Page 33: Delicious - parte 2

Settings

Princípio 3: Compreensível - 3.1.1 Linguagem da Página

Page 34: Delicious - parte 2

Settings

Princípio 4: Robusto - O conteúdo tem de ser robusto o suficiente para poder ser interpretado de forma concisa por diversos agentes do usuário, incluindo tecnologias assistivas.

Page 35: Delicious - parte 2

Com base na avaliação da arquitetura da informação do Delicious, utilizando as heurísticas de Rosenfeld, constatamos que o site é bem projetado, embora haja algumas pequenas falhas, ligadas principalmente à rotulação e ferramenta de busca.

Avaliando a Usabilidade com base nos dez princípios de Nielsen, verificamos que a Rede Social atende quase todos os quesitos, sendo considerado um site que proporciona uma boa usabilidade.

Na avaliação da acessibilidade, utilizamos as Diretrizes de Acessibilidade do WCAG 2.0. Constatamos que o Delicious pode ser considerado um site acessível, uma vez que atende quase todos os quesitos que foram avaliados.

Considerações Finais

Page 36: Delicious - parte 2

Delicious. Disponível em:<https://delicious.com>. Acesso em: 04 dez. 2012 Nielsen Norman Group. Disponível em: <http://www.nngroup.com/articles/ten-usability-heuristics/>.Acesso em : 03 jan. 2013.

Recomendações de Acessibilidade para Conteúdo Web (WCAG) 2.0. Disponível em: <http://www.ilearn.com.br/TR/WCAG20/>. Acesso em 03 jan. 2013.

Referências

Page 37: Delicious - parte 2
Page 38: Delicious - parte 2
Page 39: Delicious - parte 2

Usabilidade

Page 40: Delicious - parte 2