SlideShare uma empresa Scribd logo
1 de 69
UNIVERSIDADE FEDERAL DE MINAS GERAIS
Escola de Ciência da Informação
Curso de Biblioteconomia
Disciplina: Arquitetura de Informação e Acessibilidade Digital
Prof.: Adriana Bogliolo Sirihal Duarte / Cláudio Dinis Alvez / Janicy
Aparecida P. Rocha
7º Período / Tarde
Alunas: Daiane Campos Procópio
         Fabíola Maria Siqueira Rocha
         Gizelle Caires Silva
Data: 10/01/2013
Skoob

Skoob é uma rede social colaborativa brasileira
dedicada à leitores;
Permite ao usuário criar sua estante virtual,
listando o que está lendo, o que já leu, o que
pretende ler, livros favoritos, entre outros.
Através do Skoob os usuários podem fazer
trocas de livros e participar de promoções para
receber cortesias de editoras.
Os usuários participam ativamente e
voluntariamente na construção do conteúdo da
rede social.
Avaliação da rede social

AVALIAÇÃO POR INSPEÇÃO

Método adotado: heurísticas, destacada no
estudo da disciplina.

Páginas escolhidas: de acordo com a parte
analisada e pela indicação das heurísticas.

Cada integrante do grupo fez sua avaliação da
rede social e depois nos reunimos para chegar a
um consenso.
Arquitetura de informação

Método adotado: Heurísticas de Louis
Rosenfeld para Arquitetura da Informação,
indicado durante o estudo da disciplina.
Páginas avaliadas: página principal, interface
de busca, resultados da busca e navegação,
indicadas de acordo com a avaliação do autor.
Segundo Louis Rosenfeld, são as áreas mais
prováveis que o usuário interaja.
Arquitetura de informação

PÁGINA PRINCIPAL
1. Suporta múltiplas maneiras de alcançar o
   conteúdo?
2. Destaca as melhores maneiras para alcançar
   o conteúdo?
3. Orienta o usuário sobre o assunto do site e
   sobre qual é o conteúdo disponível?
4. Atende aos usuários que já visitaram o site e
   sabe o que estão procurando?
Arquitetura de informação

PÁGINA PRINCIPAL
1. Suporta múltiplas maneiras de alcançar o
conteúdo?
Sim, o acesso ao conteúdo do site pode ser feito
através das categorias, pela busca, por tags e
navegação pelo site. Parte do conteúdo tem
acesso rápido pela página principal.
Arquitetura de informação

PÁGINA PRINCIPAL
2. Destaca as melhores maneiras para alcançar
o conteúdo?
Apenas o conteúdo com acesso rápido pela
página principal. Não há orientações sobre como
ou a melhor maneira de navegar no site.
Arquitetura de informação

PÁGINA PRINCIPAL
3. Orienta o usuário sobre o assunto do site e
sobre qual é o conteúdo disponível?
Não, possui apenas breve explicação na
categoria “Quem somos”. Não fornece outras
informações sobre o site e os serviços que o
mesmo oferece.
Arquitetura de informação

PÁGINA PRINCIPAL
4. Atende aos usuários que já visitaram o site e
sabe o que estão procurando?
Sim, além de ser simples navegar no site, ao se
cadastrar no Skoob você é adicionado em um
grupo de ajuda, a fim de esclarecer dúvidas se
necessário.
Arquitetura de informação

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

INTERFACE DE BUSCA
1. É fácil encontrá-la e está posicionada
   consistentemente?
   Sim, o campo de busca fica sempre
   posicionado no canto superior direito da
   página.
Arquitetura de informação

INTERFACE DE BUSCA
2. É fácil de usá-la?
Sim, há duas opções de busca: no campo de
busca posicionado no canto superior da página e
nas páginas das categorias. É possível fazer
apenas buscas simples.
Arquitetura de informação

INTERFACE DE BUSCA
3. Permite que o usuário refaça ou refine sua
   busca?
Não, há apenas a opção de busca simples.
Arquitetura de informação

INTERFACE DE BUSCA
4. Os construtores de query (corretor ortográfico,
pesquisa de radicais, busca por conceito e em
tesauros) são usados eficazmente?
Não, ao fazer uma busca com um termo que não
é encontrado, o mesmo sugere que o usuário
refaça a busca.
Pesquisa feita com o termo digitado incorretamente,“imbelezamento”, não obteve resultado. O mesmo ocorre
com o termo “embelezar”.
Pesquisa feita com o termo digitado corretamente, “embelezamento”, obteve resultado.
Arquitetura de informação

RESULTADOS DA BUSCA
1. Os resultados relevantes estão no topo da
   lista?
2. Está claro quais foram os parâmetros usados
   na busca?
3. Está claro o que foi buscado?
4. Está claro quantos resultados foram
   encontrados?
5. As informações apresentadas para cada
   usuário são úteis?
6. Os resultados estão agrupados de uma forma
   útil?
Arquitetura de informação

RESULTADOS DA BUSCA
1. Os resultados relevantes estão no topo da
   lista?
Não.
3

1




2   4
Arquitetura de informação

RESULTADOS DA BUSCA
2. Está claro quais foram os parâmetros usados
   na busca?
Não, apenas foi mantido o termo da busca.
Arquitetura de informação

RESULTADOS DA BUSCA
3. Está claro o que foi buscado?
Não, apenas foi mantido o termo de busca.
Arquitetura de informação

RESULTADOS DA BUSCA
4. Está claro quantos resultados foram
   encontrados?
Sim.
Arquitetura de informação

RESULTADOS DA BUSCA
5. As informações apresentadas para cada
usuário são úteis?
Sim, apresenta o título da obra, o autor e a capa
da edição registrada, auxiliando o usuário na
busca pelo livro correto.
Arquitetura de informação

RESULTADOS DA BUSCA
6. Os resultados estão agrupados de uma forma
útil?
De acordo com o que foi analisado, os
resultados não estão agrupados de forma útil.
Arquitetura de informação

NAVEGAÇÃO GLOBAL
1. É possível se mover através do site com
   poucos cliques?
2. A amplitude e a profundidade da estrutura
   estão balanceadas?
3. Os rótulos são claros e significativos?
Arquitetura de informação

NAVEGAÇÃO GLOBAL
1.É possível se mover através do site com
poucos cliques?
Quanto ao conteúdo do site sim, mas para fazer
o cadastro ou logar no site é necessário fazer
vários cliques.
Arquitetura de informação

NAVEGAÇÃO GLOBAL
2. A amplitude e a profundidade da estrutura
estão balanceadas?
Sim, as informações estão organizadas em
categorias bem definidas.
Arquitetura de informação

NAVEGAÇÃO GLOBAL
3. Os rótulos são claros e significativos?
Sim.
Arquitetura de informação

NAVEGAÇÃO CONTEXTUAL
1. Está claro onde estou, tanto em termos de
   qual site estou como também em que lugar
   dentro do site estou?
2. Existem poucas opções que me conduzem
   para onde eu gostaria de ir em seguida?
3. As opções têm rótulos claros?
Arquitetura de informação

NAVEGAÇÃO CONTEXTUAL
1. Está claro onde estou, tanto em termos de
qual site estou como também em que lugar
dentro do site estou?
Sim, o link da página utiliza o mesmo termo da
categoria, e não números.
Arquitetura de informação

NAVEGAÇÃO CONTEXTUAL
Há a indicação do caminho percorrido até a
página atual.
Arquitetura de informação

NAVEGAÇÃO CONTEXTUAL
2. Existem poucas opções que me conduzem
   para onde eu gostaria de ir em seguida?
Não, existem diferentes opções.
Arquitetura de informação

NAVEGAÇÃO CONTEXTUAL
3. As opções têm rótulos claros?
Sim.
Usabilidade

Método adotado: Heurísticas de Nielsen, 10
princípios de usabilidade.
Páginas avaliadas: página principal, de
cortesias, de grupos, de usuários, de busca, de
livros, de configuração de dados pessoais –
cadastro.
Os 10 princípios fundamentais
               de Nielsen

1.  Visibilidade do status do sistema
2.  Compatibilidade do sistema com o mundo real
3.  Controle do usuário e liberdade
4.  Consistência e padrões
5.  Prevenção de erros
6.  Reconhecimento em vez de memorização
7.  Flexibilidade e eficiência de uso
8.  Estética e design simples
9.  Ajudar os usuários a reconhecer, diagnosticar e
    recuperar-se de erros
10. Ajuda e documentação
1. Visibilidade do status do sistema
                          Na página de
                          cortesia, o
                          usuário pode
                          acompanhar os
                          números de
                          participantes,
                          quantas
                          cortesias estão
                          disponíveis e
                          quanto tempo é
                          válida a
                          promoção das
                          cortesias
                          oferecida pelas
                          editoras.
Outro exemplo sobre a visualização de status: página de busca por grupos.
2. Compatibilidade do sistema com
          o mundo real
O site utiliza uma
linguagem
simples, com
ícones e
categorias de
fácil
entendimento
para quem
navega.
Exemplo: perfil
de um dos
usuários da rede
social Skoob.
3. Controle do usuário e liberdade




                          O acesso às
                          páginas do site
                          opta pelo
                          simples, assim
                          o usuário têm
                          controle sob
                          suas ações ao
                          navegar.
4. Consistência e padrões

Existe
padrão nos
títulos das
páginas
com as
categorias
que
direcionam
às páginas.
5. Prevenção de erros
                 Não foram
                 encontradas opções
                 que ajudem o
                 usuário a navegar
                 em suas páginas
                 evitando possíveis
                 erros.
                 Exemplo: página de
                 dados cadastrais.
6. Reconhecimento em vez de
           memorização
O site possui ícones sem
informações textuais que
dificulta o entendimento de
suas funções. Para ter
acesso ao texto é
necessário passar o
mouse sobre o ícone.
Exemplo: solicitações de
amizade, solicitações de
troca, meu perfil, minha
estante, sair.
7. Flexibilidade e eficiência de uso
O site não oferece quaisquer meio de utilizá-lo,
apenas poucas informações na categoria “Quem
somos”. O usuário precisa explorá-lo, navegando
com cliques em seus ícones e categorias.
8. Estética e design simples

O layout do site é
confortável e oferece
simplicidade em seus
recursos. Na página
principal é
apresentada a
essência do que o site
oferece, e são
apontados alguns dos
seus serviços. No
entanto, o excesso de
imagens e
propagandas pode
confundir o usuário.


                               Página principal
Imagens da página principal do Skoob.
9. Ajudar os usuários a reconhecer,
diagnosticar e recuperar-se de erros
10. Ajuda e documentação
Não existe nenhum tutorial que ajude a utilizar o
site.
Acessibilidade
Método adotado: Heurísticas de Eduardo Tanaka, 5 princípios de
acessibilidade.
Páginas avaliadas: página principal e de busca por livros, pois são
as páginas onde os usuários da rede social irão encontrar
informações sobre as obras desejadas.
Os 5 princípios de
         acessibilidade de Tanaka
1.   Suporte a diferentes tipos de entrada e saída
2.   Conteúdo para todos os usuários
3.   Independência de uso
4.   Respeito às preferências do usuário
5.   Eficiência em interação alternativa
1. Suporte a diferentes tipo de entrada e
                  saída

                           A página principal
                           e de livros
                           possuem as
                           opções de
                           navegações por
                           meio de mouse e
                           pelo teclado de
                           uma forma não
                           eficiente, pois não
                           percorre toda a
                           página.
2. Conteúdo para todos os usuários

Na página principal, as
categorias e os ícones
possuem legenda, e as
imagens das capas dos
livros possuem uma
legenda com o título da
obra, autor e um
resumo da mesma.
Isso é um recurso
importante para os
usuários que utilizam
leitores de tela para
acessar a informação
desejada.
A página de livros
também possui
legendas com o título da
obra, autor e resumo,
mas algumas imagens
(capa do livro) não
apresentam resumo.
Essa falha dificulta o
acesso a informações
para usuários que
precisam desse recurso,
pois necessitam da
legenda da imagem para
o uso do leitor de tela.
3. Independência de uso

O skoob não possui a
opção de aumentar o
tamanho da fonte, mas é
possível habilitar o teclado
virtual, a lupa/lente de
aumento e alternar para
texto com alto contraste de
cores.
Permite ao usuário deslogar
do site quando quiser.
4. Respeito às preferências do
               usuário
Este princípio não é aplicado nesta rede social, pois não
existem as opções de configurações específicas para cores
usadas na tela, o tamanho, o tipo de fonte dos textos e nem o
tempo de resposta.
5. Eficiência em interação alternativa
  Neste princípio, o site mostra-se eficiente para os utilizadores de
leitores de telas, pois as categorias, ícones e maioria das imagens
possuem legendas. Há a possibilidade de teclado virtual, uso de
lupa/lente e a opção de inverter cores. No entanto, não existe
outros recursos, como a opção de informações nas legendas em
libras ou vídeos para auxiliar os deficientes auditivos,a fim de
atender todos os tipos de usuários a terem acesso a rede social.
Conclusão
A rede social Skoob, que recebe cerca de 76 mil visitantes por dia e 25
milhões de visualizações por mês, é um site de fácil navegação para
usuários que não possuem limitações. É muito acessado, mas não
provê acesso para usuários com diferentes tipos de deficiência. É
possível a utilização de apenas alguns recursos, como o teclado virtual
e a lupa/lente de aumento.
Referências

Apresentações da disciplina Arquitetura de Informação e
Acessibilidade Digital.
NIELSEN, J. Usability Engineering. AP Professional, 1993.
ROSENFELD, Louis. Information Architecture Heuristics.
Disponível em:
<http://louisrosenfeld.com/home/bloug_archive/000286.html>.
Acesso em: 02 jan. 2013.
SKOOB. Disponível em: <http://www.skoob.com.br/>. Acesso
em: 27 dez. 2012.
TANAKA,Eduardo Hideki. Método baseado em heurísticas
para avaliação de acessibilidade em sistemas de
informação.2010. 190 f. Tese (Doutorado em Ciência da
Computação) - Instituto de Computação, UNICAMP,São
Paulo, 2010.
WIKIPÉDIA. Skoob. 11 set. 2012. Disponível em: <
http://pt.wikipedia.org/wiki/Skoob >. Acesso em: 27 dez.
2012.

Mais conteúdo relacionado

Destaque

FMP schedule 04.3.13
FMP schedule 04.3.13FMP schedule 04.3.13
FMP schedule 04.3.13irrealimagens
 
P'liem0669sort
P'liem0669sortP'liem0669sort
P'liem0669sortGWROY
 
Operasi dasar sistem komputer
Operasi dasar sistem komputerOperasi dasar sistem komputer
Operasi dasar sistem komputerNisrina Khalilah
 
Cambia de-perfil-a-pagina-de-fans-en-facebook1
Cambia de-perfil-a-pagina-de-fans-en-facebook1Cambia de-perfil-a-pagina-de-fans-en-facebook1
Cambia de-perfil-a-pagina-de-fans-en-facebook1Joaquín Sanz-Gadea Goncer
 
4to secundaria
4to secundaria4to secundaria
4to secundariadbanqr
 
Mortens j query kurs del 1
Mortens j query kurs   del 1Mortens j query kurs   del 1
Mortens j query kurs del 1mortenius
 
Aula da professora elidie mód. iv
Aula da professora elidie mód. ivAula da professora elidie mód. iv
Aula da professora elidie mód. ivFernanda Moreira
 
Iman Maleki Pinturas
Iman Maleki PinturasIman Maleki Pinturas
Iman Maleki PinturasAndySans 2008
 
Presentation2
Presentation2Presentation2
Presentation2socasoca
 
Artigos mais saude métodos para identificar o limiar anaeróbio em indivíduo...
Artigos mais saude   métodos para identificar o limiar anaeróbio em indivíduo...Artigos mais saude   métodos para identificar o limiar anaeróbio em indivíduo...
Artigos mais saude métodos para identificar o limiar anaeróbio em indivíduo...gvirtual
 

Destaque (16)

FMP schedule 04.3.13
FMP schedule 04.3.13FMP schedule 04.3.13
FMP schedule 04.3.13
 
P'liem0669sort
P'liem0669sortP'liem0669sort
P'liem0669sort
 
Operasi dasar sistem komputer
Operasi dasar sistem komputerOperasi dasar sistem komputer
Operasi dasar sistem komputer
 
Redupeso
RedupesoRedupeso
Redupeso
 
Cambia de-perfil-a-pagina-de-fans-en-facebook1
Cambia de-perfil-a-pagina-de-fans-en-facebook1Cambia de-perfil-a-pagina-de-fans-en-facebook1
Cambia de-perfil-a-pagina-de-fans-en-facebook1
 
4to secundaria
4to secundaria4to secundaria
4to secundaria
 
Mortens j query kurs del 1
Mortens j query kurs   del 1Mortens j query kurs   del 1
Mortens j query kurs del 1
 
Urteko irabazia
Urteko irabaziaUrteko irabazia
Urteko irabazia
 
Aula da professora elidie mód. iv
Aula da professora elidie mód. ivAula da professora elidie mód. iv
Aula da professora elidie mód. iv
 
Informatica
InformaticaInformatica
Informatica
 
Workshop adi
Workshop adiWorkshop adi
Workshop adi
 
Iman Maleki Pinturas
Iman Maleki PinturasIman Maleki Pinturas
Iman Maleki Pinturas
 
Presentation2
Presentation2Presentation2
Presentation2
 
My mag cover
My mag coverMy mag cover
My mag cover
 
En la playa nudista
En la  playa nudistaEn la  playa nudista
En la playa nudista
 
Artigos mais saude métodos para identificar o limiar anaeróbio em indivíduo...
Artigos mais saude   métodos para identificar o limiar anaeróbio em indivíduo...Artigos mais saude   métodos para identificar o limiar anaeróbio em indivíduo...
Artigos mais saude métodos para identificar o limiar anaeróbio em indivíduo...
 

Semelhante a Rede social Skoob avaliada por heurísticas de usabilidade e arquitetura de informação

Ppt unidade2 ied_2014
Ppt unidade2 ied_2014Ppt unidade2 ied_2014
Ppt unidade2 ied_2014dmangstman
 
LinkedIn - parte 2
LinkedIn - parte 2LinkedIn - parte 2
LinkedIn - parte 2aiadufmg
 
Arquitetura da informação para blogs
Arquitetura da informação para blogsArquitetura da informação para blogs
Arquitetura da informação para blogsLaura Inafuko
 
Testes de usabilidade - Webdesign 2022
Testes de usabilidade - Webdesign 2022Testes de usabilidade - Webdesign 2022
Testes de usabilidade - Webdesign 2022Renato Melo
 
Aula Design Web Arquitetura de Informação
Aula Design Web Arquitetura de InformaçãoAula Design Web Arquitetura de Informação
Aula Design Web Arquitetura de Informaçãopedrinabrasil071
 
Pesquisa na web
Pesquisa na webPesquisa na web
Pesquisa na webUFJF
 
Ux Café s02e05 | 04.06.18 - ARQUITETURA DE INFORMAÇÃO: Como organizar e prior...
Ux Café s02e05 | 04.06.18 - ARQUITETURA DE INFORMAÇÃO: Como organizar e prior...Ux Café s02e05 | 04.06.18 - ARQUITETURA DE INFORMAÇÃO: Como organizar e prior...
Ux Café s02e05 | 04.06.18 - ARQUITETURA DE INFORMAÇÃO: Como organizar e prior...Rafael Burity
 
Web 2.0 + Foco no Usuário
Web 2.0 + Foco no UsuárioWeb 2.0 + Foco no Usuário
Web 2.0 + Foco no Usuárioguest479a40
 
29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
29/09/2011 -  9h às 12h30 - oficina - arquitetura da informação em sistemas 2...29/09/2011 -  9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...Rio Info
 
Busca por informacao
Busca por informacaoBusca por informacao
Busca por informacaoNeue Labs
 
Arquitetura de Informacao: Conceitos Básicos
Arquitetura de Informacao: Conceitos BásicosArquitetura de Informacao: Conceitos Básicos
Arquitetura de Informacao: Conceitos BásicosMateada
 
Apresentação seminário
Apresentação seminárioApresentação seminário
Apresentação seminárioBruna Reginato
 
Como pesquisar informacao na internet
Como pesquisar informacao na internetComo pesquisar informacao na internet
Como pesquisar informacao na internetfilipereira
 
Oficina "Projetando Interações com Base Heurística" por Renato Rosa
Oficina "Projetando Interações com Base Heurística" por Renato RosaOficina "Projetando Interações com Base Heurística" por Renato Rosa
Oficina "Projetando Interações com Base Heurística" por Renato Rosawudrs
 
Workshop Webwriting - 2ª Turma
Workshop Webwriting - 2ª TurmaWorkshop Webwriting - 2ª Turma
Workshop Webwriting - 2ª TurmaTIP
 
Curso de Webwriting em São Paulo
Curso de Webwriting em São PauloCurso de Webwriting em São Paulo
Curso de Webwriting em São PauloEnrico Cardoso
 
Netnografia - antropologia aplicada no estudo de comunidades online
Netnografia - antropologia aplicada no estudo de comunidades onlineNetnografia - antropologia aplicada no estudo de comunidades online
Netnografia - antropologia aplicada no estudo de comunidades onlinePaperCliQ Comunicação
 

Semelhante a Rede social Skoob avaliada por heurísticas de usabilidade e arquitetura de informação (20)

Web Standards
Web StandardsWeb Standards
Web Standards
 
Ppt unidade2 ied_2014
Ppt unidade2 ied_2014Ppt unidade2 ied_2014
Ppt unidade2 ied_2014
 
LinkedIn - parte 2
LinkedIn - parte 2LinkedIn - parte 2
LinkedIn - parte 2
 
Arquitetura da informação para blogs
Arquitetura da informação para blogsArquitetura da informação para blogs
Arquitetura da informação para blogs
 
Testes de usabilidade - Webdesign 2022
Testes de usabilidade - Webdesign 2022Testes de usabilidade - Webdesign 2022
Testes de usabilidade - Webdesign 2022
 
Aula Design Web Arquitetura de Informação
Aula Design Web Arquitetura de InformaçãoAula Design Web Arquitetura de Informação
Aula Design Web Arquitetura de Informação
 
Pesquisa na web
Pesquisa na webPesquisa na web
Pesquisa na web
 
Pesquisa na web
Pesquisa na webPesquisa na web
Pesquisa na web
 
Pesquisa na web
Pesquisa na webPesquisa na web
Pesquisa na web
 
Ux Café s02e05 | 04.06.18 - ARQUITETURA DE INFORMAÇÃO: Como organizar e prior...
Ux Café s02e05 | 04.06.18 - ARQUITETURA DE INFORMAÇÃO: Como organizar e prior...Ux Café s02e05 | 04.06.18 - ARQUITETURA DE INFORMAÇÃO: Como organizar e prior...
Ux Café s02e05 | 04.06.18 - ARQUITETURA DE INFORMAÇÃO: Como organizar e prior...
 
Web 2.0 + Foco no Usuário
Web 2.0 + Foco no UsuárioWeb 2.0 + Foco no Usuário
Web 2.0 + Foco no Usuário
 
29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
29/09/2011 -  9h às 12h30 - oficina - arquitetura da informação em sistemas 2...29/09/2011 -  9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
 
Busca por informacao
Busca por informacaoBusca por informacao
Busca por informacao
 
Arquitetura de Informacao: Conceitos Básicos
Arquitetura de Informacao: Conceitos BásicosArquitetura de Informacao: Conceitos Básicos
Arquitetura de Informacao: Conceitos Básicos
 
Apresentação seminário
Apresentação seminárioApresentação seminário
Apresentação seminário
 
Como pesquisar informacao na internet
Como pesquisar informacao na internetComo pesquisar informacao na internet
Como pesquisar informacao na internet
 
Oficina "Projetando Interações com Base Heurística" por Renato Rosa
Oficina "Projetando Interações com Base Heurística" por Renato RosaOficina "Projetando Interações com Base Heurística" por Renato Rosa
Oficina "Projetando Interações com Base Heurística" por Renato Rosa
 
Workshop Webwriting - 2ª Turma
Workshop Webwriting - 2ª TurmaWorkshop Webwriting - 2ª Turma
Workshop Webwriting - 2ª Turma
 
Curso de Webwriting em São Paulo
Curso de Webwriting em São PauloCurso de Webwriting em São Paulo
Curso de Webwriting em São Paulo
 
Netnografia - antropologia aplicada no estudo de comunidades online
Netnografia - antropologia aplicada no estudo de comunidades onlineNetnografia - antropologia aplicada no estudo de comunidades online
Netnografia - antropologia aplicada no estudo de comunidades online
 

Mais de aiadufmg

Livemocha parte 2
Livemocha   parte 2Livemocha   parte 2
Livemocha parte 2aiadufmg
 
Last Fm - parte 2
Last Fm - parte 2Last Fm - parte 2
Last Fm - parte 2aiadufmg
 
Delicious - parte 2
Delicious - parte 2Delicious - parte 2
Delicious - parte 2aiadufmg
 
Livemocha - parte 2
Livemocha - parte 2Livemocha - parte 2
Livemocha - parte 2aiadufmg
 
Avaliacao de Interfaces
Avaliacao de InterfacesAvaliacao de Interfaces
Avaliacao de Interfacesaiadufmg
 
Acessibilidade em bibliotecas digitais
Acessibilidade em bibliotecas digitaisAcessibilidade em bibliotecas digitais
Acessibilidade em bibliotecas digitaisaiadufmg
 
Sites acessíveis
Sites acessíveisSites acessíveis
Sites acessíveisaiadufmg
 
Acessibilidade
AcessibilidadeAcessibilidade
Acessibilidadeaiadufmg
 
Design Universal
Design UniversalDesign Universal
Design Universalaiadufmg
 
Deficiências e Tecnologias Assistivas
Deficiências e Tecnologias AssistivasDeficiências e Tecnologias Assistivas
Deficiências e Tecnologias Assistivasaiadufmg
 
Ai ad aula 6_atividadecardsorting
Ai ad aula 6_atividadecardsortingAi ad aula 6_atividadecardsorting
Ai ad aula 6_atividadecardsortingaiadufmg
 
Arquitetura da Informação - Sitegramas e Fluxos
Arquitetura da Informação - Sitegramas e FluxosArquitetura da Informação - Sitegramas e Fluxos
Arquitetura da Informação - Sitegramas e Fluxosaiadufmg
 
Arquitetura da Informação - Wireframes
Arquitetura da Informação - WireframesArquitetura da Informação - Wireframes
Arquitetura da Informação - Wireframesaiadufmg
 
Arquitetura da Informação - Sistemas
Arquitetura da Informação - SistemasArquitetura da Informação - Sistemas
Arquitetura da Informação - Sistemasaiadufmg
 

Mais de aiadufmg (20)

Livemocha parte 2
Livemocha   parte 2Livemocha   parte 2
Livemocha parte 2
 
Last Fm - parte 2
Last Fm - parte 2Last Fm - parte 2
Last Fm - parte 2
 
Delicious - parte 2
Delicious - parte 2Delicious - parte 2
Delicious - parte 2
 
Livemocha - parte 2
Livemocha - parte 2Livemocha - parte 2
Livemocha - parte 2
 
Avaliacao de Interfaces
Avaliacao de InterfacesAvaliacao de Interfaces
Avaliacao de Interfaces
 
Acessibilidade em bibliotecas digitais
Acessibilidade em bibliotecas digitaisAcessibilidade em bibliotecas digitais
Acessibilidade em bibliotecas digitais
 
Sites acessíveis
Sites acessíveisSites acessíveis
Sites acessíveis
 
Acessibilidade
AcessibilidadeAcessibilidade
Acessibilidade
 
Design Universal
Design UniversalDesign Universal
Design Universal
 
Deficiências e Tecnologias Assistivas
Deficiências e Tecnologias AssistivasDeficiências e Tecnologias Assistivas
Deficiências e Tecnologias Assistivas
 
Flickr
FlickrFlickr
Flickr
 
Ai ad aula 6_atividadecardsorting
Ai ad aula 6_atividadecardsortingAi ad aula 6_atividadecardsorting
Ai ad aula 6_atividadecardsorting
 
Skoob
SkoobSkoob
Skoob
 
Livemocha
LivemochaLivemocha
Livemocha
 
Linked In
Linked InLinked In
Linked In
 
Delicious
DeliciousDelicious
Delicious
 
Last.fm
Last.fmLast.fm
Last.fm
 
Arquitetura da Informação - Sitegramas e Fluxos
Arquitetura da Informação - Sitegramas e FluxosArquitetura da Informação - Sitegramas e Fluxos
Arquitetura da Informação - Sitegramas e Fluxos
 
Arquitetura da Informação - Wireframes
Arquitetura da Informação - WireframesArquitetura da Informação - Wireframes
Arquitetura da Informação - Wireframes
 
Arquitetura da Informação - Sistemas
Arquitetura da Informação - SistemasArquitetura da Informação - Sistemas
Arquitetura da Informação - Sistemas
 

Rede social Skoob avaliada por heurísticas de usabilidade e arquitetura de informação

  • 1. UNIVERSIDADE FEDERAL DE MINAS GERAIS Escola de Ciência da Informação Curso de Biblioteconomia Disciplina: Arquitetura de Informação e Acessibilidade Digital Prof.: Adriana Bogliolo Sirihal Duarte / Cláudio Dinis Alvez / Janicy Aparecida P. Rocha 7º Período / Tarde Alunas: Daiane Campos Procópio Fabíola Maria Siqueira Rocha Gizelle Caires Silva Data: 10/01/2013
  • 2. Skoob Skoob é uma rede social colaborativa brasileira dedicada à leitores; Permite ao usuário criar sua estante virtual, listando o que está lendo, o que já leu, o que pretende ler, livros favoritos, entre outros. Através do Skoob os usuários podem fazer trocas de livros e participar de promoções para receber cortesias de editoras. Os usuários participam ativamente e voluntariamente na construção do conteúdo da rede social.
  • 3. Avaliação da rede social AVALIAÇÃO POR INSPEÇÃO Método adotado: heurísticas, destacada no estudo da disciplina. Páginas escolhidas: de acordo com a parte analisada e pela indicação das heurísticas. Cada integrante do grupo fez sua avaliação da rede social e depois nos reunimos para chegar a um consenso.
  • 4. Arquitetura de informação Método adotado: Heurísticas de Louis Rosenfeld para Arquitetura da Informação, indicado durante o estudo da disciplina. Páginas avaliadas: página principal, interface de busca, resultados da busca e navegação, indicadas de acordo com a avaliação do autor. Segundo Louis Rosenfeld, são as áreas mais prováveis que o usuário interaja.
  • 5. Arquitetura de informação PÁGINA PRINCIPAL 1. Suporta múltiplas maneiras de alcançar o conteúdo? 2. Destaca as melhores maneiras para alcançar o conteúdo? 3. Orienta o usuário sobre o assunto do site e sobre qual é o conteúdo disponível? 4. Atende aos usuários que já visitaram o site e sabe o que estão procurando?
  • 6. Arquitetura de informação PÁGINA PRINCIPAL 1. Suporta múltiplas maneiras de alcançar o conteúdo? Sim, o acesso ao conteúdo do site pode ser feito através das categorias, pela busca, por tags e navegação pelo site. Parte do conteúdo tem acesso rápido pela página principal.
  • 7.
  • 8.
  • 9.
  • 10. Arquitetura de informação PÁGINA PRINCIPAL 2. Destaca as melhores maneiras para alcançar o conteúdo? Apenas o conteúdo com acesso rápido pela página principal. Não há orientações sobre como ou a melhor maneira de navegar no site.
  • 11.
  • 12. Arquitetura de informação PÁGINA PRINCIPAL 3. Orienta o usuário sobre o assunto do site e sobre qual é o conteúdo disponível? Não, possui apenas breve explicação na categoria “Quem somos”. Não fornece outras informações sobre o site e os serviços que o mesmo oferece.
  • 13.
  • 14. Arquitetura de informação PÁGINA PRINCIPAL 4. Atende aos usuários que já visitaram o site e sabe o que estão procurando? Sim, além de ser simples navegar no site, ao se cadastrar no Skoob você é adicionado em um grupo de ajuda, a fim de esclarecer dúvidas se necessário.
  • 15.
  • 16. Arquitetura de informação INTERFACE DE BUSCA 1. É fácil encontrá-la e está posicionada consistentemente? 2. É fácil de usá-la? 3. Permite que o usuário refaça ou refine sua busca? 4. Os construtores de query (corretor ortográfico, pesquisa de radicais, busca por conceito e em tesauros) são usados eficazmente?
  • 17. Arquitetura de informação INTERFACE DE BUSCA 1. É fácil encontrá-la e está posicionada consistentemente? Sim, o campo de busca fica sempre posicionado no canto superior direito da página.
  • 18. Arquitetura de informação INTERFACE DE BUSCA 2. É fácil de usá-la? Sim, há duas opções de busca: no campo de busca posicionado no canto superior da página e nas páginas das categorias. É possível fazer apenas buscas simples.
  • 19.
  • 20. Arquitetura de informação INTERFACE DE BUSCA 3. Permite que o usuário refaça ou refine sua busca? Não, há apenas a opção de busca simples.
  • 21. Arquitetura de informação INTERFACE DE BUSCA 4. Os construtores de query (corretor ortográfico, pesquisa de radicais, busca por conceito e em tesauros) são usados eficazmente? Não, ao fazer uma busca com um termo que não é encontrado, o mesmo sugere que o usuário refaça a busca.
  • 22. Pesquisa feita com o termo digitado incorretamente,“imbelezamento”, não obteve resultado. O mesmo ocorre com o termo “embelezar”.
  • 23. Pesquisa feita com o termo digitado corretamente, “embelezamento”, obteve resultado.
  • 24. Arquitetura de informação RESULTADOS DA BUSCA 1. Os resultados relevantes estão no topo da lista? 2. Está claro quais foram os parâmetros usados na busca? 3. Está claro o que foi buscado? 4. Está claro quantos resultados foram encontrados? 5. As informações apresentadas para cada usuário são úteis? 6. Os resultados estão agrupados de uma forma útil?
  • 25. Arquitetura de informação RESULTADOS DA BUSCA 1. Os resultados relevantes estão no topo da lista? Não.
  • 26. 3 1 2 4
  • 27. Arquitetura de informação RESULTADOS DA BUSCA 2. Está claro quais foram os parâmetros usados na busca? Não, apenas foi mantido o termo da busca.
  • 28.
  • 29. Arquitetura de informação RESULTADOS DA BUSCA 3. Está claro o que foi buscado? Não, apenas foi mantido o termo de busca.
  • 30.
  • 31. Arquitetura de informação RESULTADOS DA BUSCA 4. Está claro quantos resultados foram encontrados? Sim.
  • 32. Arquitetura de informação RESULTADOS DA BUSCA 5. As informações apresentadas para cada usuário são úteis? Sim, apresenta o título da obra, o autor e a capa da edição registrada, auxiliando o usuário na busca pelo livro correto.
  • 33. Arquitetura de informação RESULTADOS DA BUSCA 6. Os resultados estão agrupados de uma forma útil? De acordo com o que foi analisado, os resultados não estão agrupados de forma útil.
  • 34. Arquitetura de informação NAVEGAÇÃO GLOBAL 1. É possível se mover através do site com poucos cliques? 2. A amplitude e a profundidade da estrutura estão balanceadas? 3. Os rótulos são claros e significativos?
  • 35. Arquitetura de informação NAVEGAÇÃO GLOBAL 1.É possível se mover através do site com poucos cliques? Quanto ao conteúdo do site sim, mas para fazer o cadastro ou logar no site é necessário fazer vários cliques.
  • 36.
  • 37.
  • 38.
  • 39. Arquitetura de informação NAVEGAÇÃO GLOBAL 2. A amplitude e a profundidade da estrutura estão balanceadas? Sim, as informações estão organizadas em categorias bem definidas.
  • 40. Arquitetura de informação NAVEGAÇÃO GLOBAL 3. Os rótulos são claros e significativos? Sim.
  • 41. Arquitetura de informação NAVEGAÇÃO CONTEXTUAL 1. Está claro onde estou, tanto em termos de qual site estou como também em que lugar dentro do site estou? 2. Existem poucas opções que me conduzem para onde eu gostaria de ir em seguida? 3. As opções têm rótulos claros?
  • 42. Arquitetura de informação NAVEGAÇÃO CONTEXTUAL 1. Está claro onde estou, tanto em termos de qual site estou como também em que lugar dentro do site estou? Sim, o link da página utiliza o mesmo termo da categoria, e não números.
  • 43. Arquitetura de informação NAVEGAÇÃO CONTEXTUAL Há a indicação do caminho percorrido até a página atual.
  • 44. Arquitetura de informação NAVEGAÇÃO CONTEXTUAL 2. Existem poucas opções que me conduzem para onde eu gostaria de ir em seguida? Não, existem diferentes opções.
  • 45. Arquitetura de informação NAVEGAÇÃO CONTEXTUAL 3. As opções têm rótulos claros? Sim.
  • 46. Usabilidade Método adotado: Heurísticas de Nielsen, 10 princípios de usabilidade. Páginas avaliadas: página principal, de cortesias, de grupos, de usuários, de busca, de livros, de configuração de dados pessoais – cadastro.
  • 47. Os 10 princípios fundamentais de Nielsen 1. Visibilidade do status do sistema 2. Compatibilidade do sistema com o mundo real 3. Controle do usuário e liberdade 4. Consistência e padrões 5. Prevenção de erros 6. Reconhecimento em vez de memorização 7. Flexibilidade e eficiência de uso 8. Estética e design simples 9. Ajudar os usuários a reconhecer, diagnosticar e recuperar-se de erros 10. Ajuda e documentação
  • 48. 1. Visibilidade do status do sistema Na página de cortesia, o usuário pode acompanhar os números de participantes, quantas cortesias estão disponíveis e quanto tempo é válida a promoção das cortesias oferecida pelas editoras.
  • 49. Outro exemplo sobre a visualização de status: página de busca por grupos.
  • 50. 2. Compatibilidade do sistema com o mundo real O site utiliza uma linguagem simples, com ícones e categorias de fácil entendimento para quem navega. Exemplo: perfil de um dos usuários da rede social Skoob.
  • 51. 3. Controle do usuário e liberdade O acesso às páginas do site opta pelo simples, assim o usuário têm controle sob suas ações ao navegar.
  • 52. 4. Consistência e padrões Existe padrão nos títulos das páginas com as categorias que direcionam às páginas.
  • 53. 5. Prevenção de erros Não foram encontradas opções que ajudem o usuário a navegar em suas páginas evitando possíveis erros. Exemplo: página de dados cadastrais.
  • 54. 6. Reconhecimento em vez de memorização O site possui ícones sem informações textuais que dificulta o entendimento de suas funções. Para ter acesso ao texto é necessário passar o mouse sobre o ícone. Exemplo: solicitações de amizade, solicitações de troca, meu perfil, minha estante, sair.
  • 55. 7. Flexibilidade e eficiência de uso O site não oferece quaisquer meio de utilizá-lo, apenas poucas informações na categoria “Quem somos”. O usuário precisa explorá-lo, navegando com cliques em seus ícones e categorias.
  • 56. 8. Estética e design simples O layout do site é confortável e oferece simplicidade em seus recursos. Na página principal é apresentada a essência do que o site oferece, e são apontados alguns dos seus serviços. No entanto, o excesso de imagens e propagandas pode confundir o usuário. Página principal
  • 57. Imagens da página principal do Skoob.
  • 58. 9. Ajudar os usuários a reconhecer, diagnosticar e recuperar-se de erros
  • 59. 10. Ajuda e documentação Não existe nenhum tutorial que ajude a utilizar o site.
  • 60. Acessibilidade Método adotado: Heurísticas de Eduardo Tanaka, 5 princípios de acessibilidade. Páginas avaliadas: página principal e de busca por livros, pois são as páginas onde os usuários da rede social irão encontrar informações sobre as obras desejadas.
  • 61. Os 5 princípios de acessibilidade de Tanaka 1. Suporte a diferentes tipos de entrada e saída 2. Conteúdo para todos os usuários 3. Independência de uso 4. Respeito às preferências do usuário 5. Eficiência em interação alternativa
  • 62. 1. Suporte a diferentes tipo de entrada e saída A página principal e de livros possuem as opções de navegações por meio de mouse e pelo teclado de uma forma não eficiente, pois não percorre toda a página.
  • 63. 2. Conteúdo para todos os usuários Na página principal, as categorias e os ícones possuem legenda, e as imagens das capas dos livros possuem uma legenda com o título da obra, autor e um resumo da mesma. Isso é um recurso importante para os usuários que utilizam leitores de tela para acessar a informação desejada.
  • 64. A página de livros também possui legendas com o título da obra, autor e resumo, mas algumas imagens (capa do livro) não apresentam resumo. Essa falha dificulta o acesso a informações para usuários que precisam desse recurso, pois necessitam da legenda da imagem para o uso do leitor de tela.
  • 65. 3. Independência de uso O skoob não possui a opção de aumentar o tamanho da fonte, mas é possível habilitar o teclado virtual, a lupa/lente de aumento e alternar para texto com alto contraste de cores. Permite ao usuário deslogar do site quando quiser.
  • 66. 4. Respeito às preferências do usuário Este princípio não é aplicado nesta rede social, pois não existem as opções de configurações específicas para cores usadas na tela, o tamanho, o tipo de fonte dos textos e nem o tempo de resposta.
  • 67. 5. Eficiência em interação alternativa Neste princípio, o site mostra-se eficiente para os utilizadores de leitores de telas, pois as categorias, ícones e maioria das imagens possuem legendas. Há a possibilidade de teclado virtual, uso de lupa/lente e a opção de inverter cores. No entanto, não existe outros recursos, como a opção de informações nas legendas em libras ou vídeos para auxiliar os deficientes auditivos,a fim de atender todos os tipos de usuários a terem acesso a rede social.
  • 68. Conclusão A rede social Skoob, que recebe cerca de 76 mil visitantes por dia e 25 milhões de visualizações por mês, é um site de fácil navegação para usuários que não possuem limitações. É muito acessado, mas não provê acesso para usuários com diferentes tipos de deficiência. É possível a utilização de apenas alguns recursos, como o teclado virtual e a lupa/lente de aumento.
  • 69. Referências Apresentações da disciplina Arquitetura de Informação e Acessibilidade Digital. NIELSEN, J. Usability Engineering. AP Professional, 1993. ROSENFELD, Louis. Information Architecture Heuristics. Disponível em: <http://louisrosenfeld.com/home/bloug_archive/000286.html>. Acesso em: 02 jan. 2013. SKOOB. Disponível em: <http://www.skoob.com.br/>. Acesso em: 27 dez. 2012. TANAKA,Eduardo Hideki. Método baseado em heurísticas para avaliação de acessibilidade em sistemas de informação.2010. 190 f. Tese (Doutorado em Ciência da Computação) - Instituto de Computação, UNICAMP,São Paulo, 2010. WIKIPÉDIA. Skoob. 11 set. 2012. Disponível em: < http://pt.wikipedia.org/wiki/Skoob >. Acesso em: 27 dez. 2012.