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



Delicious é uma rede social que visa coletar,
mostrar páginas e links favoritos e permite
marcar, salvar e compartilhar conteúdo da
web.
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.
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.
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.
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)?
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?
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?
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?
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?
Usabilidade

 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.
Profile
 1. Visibilidade do status do sistema: os usuários devem sempre ser
informados, em tempo real, sobre o que esta acontecendo no sistema.
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.
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.
Profile
4. Consistência e padrões: o sistema deve seguir uma convenção
                    estipulada inicialmente.
Profile
8. Estética e design simples: evitar a utilização de informações irrelevantes
                           ou pouco necessárias.
Profile
10. 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.
Settings
  1. Visibilidade do status do sistema: os usuários devem sempre ser
informados, em tempo real, sobre o que esta acontecendo no sistema.
Settings
4. Consistência e padrões: o sistema deve seguir uma convenção
                    estipulada inicialmente.
Settings
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
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
8. Estética e design simples: evitar a utilização de informações
               irrelevantes ou pouco necessárias.
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.
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:
Acessibilidade
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.
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).
Profile
• Princípio 2: Operável - 2.3. Não criar conteúdos que pisquem, causando
  ataques ou ausências ( Se aplica ao Delicious).
Profile
• Princípio 2: Operável – 2.4. Fornecer auxílio de navegação e
  localização aos usuários (não contempla).
Profile
• Princípio 3: Compreensível - 3.1. Disponibilizar conteúdo textual
  compreensível e legível
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.
Settings
Princípio 3: Compreensível - 3.2. Tornar o funcionamento das páginas
previsível.
Settings

Princípio 3: Compreensível - 3.1.1 Linguagem da Página
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.
Considerações Finais

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.
Referências

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.
Usabilidade
Delicious - parte 2

Delicious - parte 2

  • 1.
    UNIVERSIDADE FEDERAL DEMINAS 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
  • 2.
    Delicious Delicious é umarede social que visa coletar, mostrar páginas e links favoritos e permite marcar, salvar e compartilhar conteúdo da web.
  • 3.
    Método de avaliação ODelicious 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.
  • 4.
    Partes da RedeSocial 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.
  • 5.
    Arquitetura da Informação AArquitetura 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.
  • 6.
    Arquitetura da Informação PáginaInicial 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)?
  • 7.
    Arquitetura da Informação Interfacede 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?
  • 8.
    Arquitetura da Informação Resultadosda 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?
  • 9.
    Arquitetura da Informação Navegaçãoglobal É 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?
  • 10.
    Arquitetura da Informação Navegaçãocontextual 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?
  • 11.
    Usabilidade 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.
  • 12.
    Profile 1. Visibilidadedo status do sistema: os usuários devem sempre ser informados, em tempo real, sobre o que esta acontecendo no sistema.
  • 13.
    Profile 2. Compatibilidade dosistema 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.
  • 14.
    Profile 3. Controle dousuário e liberdade: o sistema deve permitir ao usuário ter controle total para que este possa sair de estados indesejados.
  • 15.
    Profile 4. Consistência epadrões: o sistema deve seguir uma convenção estipulada inicialmente.
  • 16.
    Profile 8. Estética edesign simples: evitar a utilização de informações irrelevantes ou pouco necessárias.
  • 17.
    Profile 10. Ajuda edocumentaçã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.
  • 18.
    Settings 1.Visibilidade do status do sistema: os usuários devem sempre ser informados, em tempo real, sobre o que esta acontecendo no sistema.
  • 19.
    Settings 4. Consistência epadrões: o sistema deve seguir uma convenção estipulada inicialmente.
  • 20.
    Settings 5. Prevenção deerros: 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.
  • 21.
    Settings 7. Flexibilidade eeficiência de uso: oferecer aos usuários mais experientes atalhos e aceleradores que permitam que as tarefas sejam realizadas mais rapidamente.
  • 22.
    Settings 8. Estética edesign simples: evitar a utilização de informações irrelevantes ou pouco necessárias.
  • 23.
    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.
  • 24.
    Acessibilidade • O métodoescolhido 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:
  • 25.
  • 26.
    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.
  • 27.
    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).
  • 28.
    Profile • Princípio 2:Operável - 2.3. Não criar conteúdos que pisquem, causando ataques ou ausências ( Se aplica ao Delicious).
  • 29.
    Profile • Princípio 2:Operável – 2.4. Fornecer auxílio de navegação e localização aos usuários (não contempla).
  • 30.
    Profile • Princípio 3:Compreensível - 3.1. Disponibilizar conteúdo textual compreensível e legível
  • 31.
    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.
  • 32.
    Settings Princípio 3: Compreensível- 3.2. Tornar o funcionamento das páginas previsível.
  • 33.
    Settings Princípio 3: Compreensível- 3.1.1 Linguagem da Página
  • 34.
    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.
  • 35.
    Considerações Finais Com basena 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.
  • 36.
    Referências 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.
  • 39.