Arquitetura da Informação em Sistemas 2.0<br />Prof. Carlos Alberto Ferreira – Café <br />carlos@cafe.eti.br<br />
Arquitetura da Apresentação<br />Arquitetura da Informação<br />Usabilidade e acessibilidade <br />Sistemas web interativo...
Mas Antes Vamos nos apresentar<br />Bibliotecário (UNIRIO), Arquiteto de Informação, Especialista em Gestão da Informação ...
Motivos para Escolha deste trabalho ?!?!<br />
Principais Problemas:<br /><ul><li>Recebimento de informação excessiva e redundante pela internet.
Grande parte da informação apresenta-se desorganizada.</li></ul>Consequência:<br /><ul><li>Redução do aproveitamento da in...
O Que seria Arquitetura da Informação?<br />
O que é Arquitetura da Informação?<br />O design estrutural de ambientes de informação compartilhados.<br />A combinação d...
Índice<br />Introdução<br />
Na prática o trabalho do arquiteto de informação é balancear as características e as necessidades dos usuários, do conteúd...
Informação e Conhecimento<br />Tecnologia<br />Padrões<br />Etiquetar<br />Indexar<br />Navegação<br />AI<br />Usuários<br...
Modelo conceitual da Arquitetura de informação<br />
Componentes da Arquitetura de Informação<br />Sistema de Organização (Organization Systems)<br />Determina como é apresent...
Garret (2003) mostra que a Arquitetura da Informação seria uma disciplina e/ou atividade que está relacionada com a criaçã...
A Arquitetura da Informação em Projeto<br />Fonte: <br />Garret, J. J. Disponível em:<br />www.jjg.net/ia:<br />
Qual o Objetivo da AI ?<br />• Definir as regras de organização do site<br />• Definir o modelo de interação do usuário<br...
Mas Porque a Arquitetura da Informação é Importante?<br />
Usabilidade<br />
Usabilidade<br />Literalmente, significa facilidade de uso;<br />Otimização da velocidade de acesso;<br />Fácil visualizaç...
Usabilidade - Conceituando<br />Bastien e Scapin (1993) consideram que a usabilidade está diretamente ligada ao diálogo na...
Nielsen (1993) destaca que para que o sistema tenha boa usabilidade é necessário atender aos seguintes requisitos: fácil a...
Problema de Usabilidade<br />... qualquer coisa que interfira com a habilidade do usuário em completar suas tarefas de for...
Descrição de um Problema de Usabilidade<br />Contexto : situação de uso em que o problema pode ser verificado<br />Efeito ...
Tipos de Problemas de Usabilidade<br />Perspectiva da Natureza do problema<br />Barreira na qualo usuário esbarra sucessiv...
Usabilidade: o que os usuários vêem<br />Zonas da tela com maior prioridade:<br />
Pensando o Caminho <br />
Praticas recomendadas para o projeto de navegação<br />Para o projeto de navegação temos que responder três principais que...
 Onde posso ir?</li></li></ul><li>Projeto de navegação – 10 Qualidades<br />Uma navegação que funcione teria as seguintes ...
Projeto de navegação – 10 Qualidades<br />Uma navegação que funcione teria as seguintes dez qualidades:<br />6- Garantir e...
Metodologia de trabalho<br />Pessoas de varias áreas são responsáveis por áreas distintas da produção. A metodologia varia...
Processo do Projeto<br />A criação costuma ser dividida em três grupos de trabalho, contando com profissionais de diferent...
 Design de interface (Grid e Wireframe)</li></ul>- Design gráfico (Branding)<br />
Um dos diferenciais de um sistema web interativo<br />
Organização do Conhecimento<br />A classificação e a indexação são processos e procedimentos básicos da organização e repr...
Aonde achamos possível Chegar...<br />É Possível que uma Estruturação de informação seguindo os preceitos de Representação...
Folksonomia<br />	Trata-se do resultado da classificação dos recursos disponíveis em ambientes web, utilizando-se recursos...
Folksonomia – Cont.<br />	O’Reily (2006) apresenta folksonomia como “um estilo de classificação colaborativa de sites usan...
Web Semântica<br />Segundo Berners-Lee (2001) “A Web Semântica não é uma Web separada, mas uma extensão da atual. Nela a i...
Acessibilidade <br />
 Acessibilidade<br />Facilidade de interação ou aproximação de deficientes físicos e visuais. Esse é um atrativo grande pa...
Acessibilidade<br />Algumas dicas para sites acessíveis:<br />Páginas acessíveis universalmente aos diferentes tipos de us...
Modelo de Atributos de acessibilidade do Sistema<br />
Projetando<br />
 Considerações Finais<br />	Podemos definir que a Arquitetura de Informação perpassa desenhos, arte, esquemas ou mapas. Po...
Lembre-se: Projeto de Arquitetura da Informação em um ambiente como o 2.0 NUNCA estará pronto !!!<br />
Perguntas<br />
Upcoming SlideShare
Loading in …5
×

29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2.0 - Cafe

869 views
774 views

Published on

29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2.0 - Cafe

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
869
On SlideShare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
19
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2.0 - Cafe

  1. 1. Arquitetura da Informação em Sistemas 2.0<br />Prof. Carlos Alberto Ferreira – Café <br />carlos@cafe.eti.br<br />
  2. 2.
  3. 3. Arquitetura da Apresentação<br />Arquitetura da Informação<br />Usabilidade e acessibilidade <br />Sistemas web interativos <br />Como projetar sistemas no ambiente 2.0<br />
  4. 4. Mas Antes Vamos nos apresentar<br />Bibliotecário (UNIRIO), Arquiteto de Informação, Especialista em Gestão da Informação e Inteligência Competitiva, Especialista em Gestão do Conhecimento, Mestre em Ciência da Informação (UFF), Doutorando em Ciência da Informação (UFRJ). Gerente de Projetos com Certificação PMI, Certificado em JAVA para Desenvolvimento Web. <br />Professor da Universidade Federal do Estado do Rio de Janeiro – UNIRIO; Professor da Universidade Estácio de Sá e Professor do Instituto INFNET.<br />Consultor de Soluções web, com foco em Arquitetura da Informação.<br />
  5. 5. Motivos para Escolha deste trabalho ?!?!<br />
  6. 6. Principais Problemas:<br /><ul><li>Recebimento de informação excessiva e redundante pela internet.
  7. 7. Grande parte da informação apresenta-se desorganizada.</li></ul>Consequência:<br /><ul><li>Redução do aproveitamento da informação pelos usuários. </li></li></ul><li>Web 2.0<br />Um conceito relevante sobre web 2.0, seria o da programação em formato “beta constante’, o que quer dizer em continua mudança e melhoria. Desta forma a web 2.0 muda o conceito de lançamento de programas para gerenciamento de conteúdo por exemplo. Os programas são corrigidos, alterados e melhorados o tempo todo, onde o usuário participa deste processo fornecendo sugestões e usufruindo das melhorias conseguidas.<br />
  8. 8. O Que seria Arquitetura da Informação?<br />
  9. 9. O que é Arquitetura da Informação?<br />O design estrutural de ambientes de informação compartilhados.<br />A combinação dos esquemas de organização, de rotulação de busca e de navegação dentro de websites e intranets.<br />A arte e a ciência de dar forma a produtos e experiências de informação para suportar a usabilidade e a findability.<br />Uma disciplina emergente e uma comunidade de prática focada em trazer princípios do design e arquitetura ao espaço digital.<br />“Tornar claro o que é complexo.”<br />Wurman (1997)<br />Fonte: ROSENFELD e MORVILLE (2006<br />
  10. 10. Índice<br />Introdução<br />
  11. 11. Na prática o trabalho do arquiteto de informação é balancear as características e as necessidades dos usuários, do conteúdo e do contexto.<br />Introdução<br />
  12. 12. Informação e Conhecimento<br />Tecnologia<br />Padrões<br />Etiquetar<br />Indexar<br />Navegação<br />AI<br />Usuários<br />Gestão de Conteúdo<br />Analisar<br />Classificar<br />Políticas<br />Disciplinas<br />Dados e Informação <br />Os Objetivos e Mundos da Arquitetura da Informação<br />
  13. 13. Modelo conceitual da Arquitetura de informação<br />
  14. 14. Componentes da Arquitetura de Informação<br />Sistema de Organização (Organization Systems)<br />Determina como é apresentada a organização e a categorização do conteúdo.<br />Sistema de Rotulação (Labeling Systems)<br />Define signos verbais (terminologia) e visuais para cada elemento informativo e de suporte à navegação do usuário.<br />Sistema de Navegação (Navegation Systems)<br />Especifica formas de se mover através do espaço informacional.<br />Sistema de Busca (Search Systems)<br />Determina as perguntas que o usuário pode fazer e as repostas que irá obter no banco de dados.<br />
  15. 15. Garret (2003) mostra que a Arquitetura da Informação seria uma disciplina e/ou atividade que está relacionada com a criação de esquemas organizacionais e de navegação. Esses esquemas auxiliam os usuários a se “encontrarem” em um sistema hipertextual, onde deverá haver uma forma adequada de visualização da informação e facilidades de uso - mais conhecido como Usabilidade.<br />
  16. 16. A Arquitetura da Informação em Projeto<br />Fonte: <br />Garret, J. J. Disponível em:<br />www.jjg.net/ia:<br />
  17. 17. Qual o Objetivo da AI ?<br />• Definir as regras de organização do site<br />• Definir o modelo de interação do usuário<br />• Especificar todas as páginas do site e os elementos que as compõe<br />
  18. 18. Mas Porque a Arquitetura da Informação é Importante?<br />
  19. 19.
  20. 20. Usabilidade<br />
  21. 21.
  22. 22. Usabilidade<br />Literalmente, significa facilidade de uso;<br />Otimização da velocidade de acesso;<br />Fácil visualização – ícones;<br />
  23. 23. Usabilidade - Conceituando<br />Bastien e Scapin (1993) consideram que a usabilidade está diretamente ligada ao diálogo na interface, seria a capacidade do software em permitir que o usuário alcance suas metas de interação com o sistema.<br />Em seu sentido mais amplo, a usabilidade da interação homem-computador abrange não somente o sistema informatizado, mas também o equipamento e o mobiliário incluídos no ambiente de trabalho, fazendo interseção com a usabilidade de produtos.<br />
  24. 24. Nielsen (1993) destaca que para que o sistema tenha boa usabilidade é necessário atender aos seguintes requisitos: fácil aprendizado, eficiente na utilização, fácil de lembrar, ter poucos erros e satisfazer subjetivamente. Para o autor esses cinco atributos compõem a natureza multidimensional da usabilidade.<br />
  25. 25. Problema de Usabilidade<br />... qualquer coisa que interfira com a habilidade do usuário em completar suas tarefas de forma efetiva e eficiente. (Karat, 1992)<br />... um aspecto do sistema e/ou da demanda sobre o usuário que torna o sistema desagradável, ineficiente, oneroso ou impossível de permitir a realização dos objetivos do usuário em uma situação típica de uso. (Lavery et al, 1997)<br />
  26. 26. Descrição de um Problema de Usabilidade<br />Contexto : situação de uso em que o problema pode ser verificado<br />Efeito sobre o usuário : sobrecarga cognitiva <br />Efeito sobre a tarefa : trabalho adicional<br />Causa : aspecto do sistema<br />Re-design possível : alteração no projeto<br />
  27. 27. Tipos de Problemas de Usabilidade<br />Perspectiva da Natureza do problema<br />Barreira na qualo usuário esbarra sucessivas vezes e não aprende a suplantá-la.<br />Obstáculo no qual o usuário esbarra algumas vezes, mas acaba por a suplantá-lo.<br />Ruído que causa uma diminuição de seu desempenho na tarefa.<br />
  28. 28. Usabilidade: o que os usuários vêem<br />Zonas da tela com maior prioridade:<br />
  29. 29. Pensando o Caminho <br />
  30. 30.
  31. 31. Praticas recomendadas para o projeto de navegação<br />Para o projeto de navegação temos que responder três principais questões:- Onde Estou<br /><ul><li> Onde Estive
  32. 32. Onde posso ir?</li></li></ul><li>Projeto de navegação – 10 Qualidades<br />Uma navegação que funcione teria as seguintes dez qualidades:<br />1- Ser facilmente aprendido: Se o usuário for obrigado a gastar tempo aprendendo como o site funciona, não terá tempo para absorver o conteúdo do site<br />2- Ter Consistência: os menus devem ser os mesmos em todas as paginas, como numero de itens do menu, ordem em que eles aparecem etc.<br />3- Dar retorno: toda ação tem uma reação. Quando apertamos um botão esperamos uma resposta. Exemplos: Botões roll-over.<br />4- Estar contextualizado: Todos os links devem estar aparecendo para que não seja preciso usar recursos do navegador. Exemplo: Não pode utilizar o botão avançar e voltar do browser.<br />5- Oferecer alternativas: A configuração do computador são diferentes de micro para micro. E recomendável oferecer alternativas de navegação. Exemplo: Plug-ins instalados. <br />
  33. 33. Projeto de navegação – 10 Qualidades<br />Uma navegação que funcione teria as seguintes dez qualidades:<br />6- Garantir economia de tempo e ações: As pessoas não podem demorar muito até chegar ao conteúdo que estão procurando. <br />7- Prover mensagens visuais claras: O design deve facilitar o processo de navegação. Isso inclui cores, formato de botões, links e posicionamentos de informações.8- Criar nomenclaturas claras (nomes dos links): Importante usar uma linguagem que fale a língua dos usuários.No uso de ícones, o ideal e utilizar o ícone acompanhado do nome do link9- Seguir o propósito do site: A navegação deve ser projetada de acordo com os objetivos da empresa. Um site de comercio eletrônico não tem a mesma solução que um site institucional. <br />10- Apoiar e ajudar os objetivos do usuário: O principal objetivo da navegação e dar suporte às tarefas do usuário, a seus objetivos dentro de um site especifico. <br />
  34. 34. Metodologia de trabalho<br />Pessoas de varias áreas são responsáveis por áreas distintas da produção. A metodologia varia muito de acordo com a necessidade do projeto.1- Definição da estratégia<br />2- Levantamento da funcionalidade desejadas<br />3- Arquitetura da informação (conteúdo)<br />4- Verificação da viabilidade tecnológica<br />5- Continuação do projeto<br /> a) Detalhamento da arquitetura da informação<br />b) Desenho da experiência do usuário<br />c) Projeto da Interface<br />d) Projeto do design gráfico<br />6- Implementação <br />7- Desenvolvimento <br />8- Lançamento<br />
  35. 35. Processo do Projeto<br />A criação costuma ser dividida em três grupos de trabalho, contando com profissionais de diferentes disciplinas:<br /><ul><li> Arquitetura de informação (conteúdo do site)
  36. 36. Design de interface (Grid e Wireframe)</li></ul>- Design gráfico (Branding)<br />
  37. 37. Um dos diferenciais de um sistema web interativo<br />
  38. 38. Organização do Conhecimento<br />A classificação e a indexação são processos e procedimentos básicos da organização e representação da informação.<br />Classificação pode ser visto como atividade que resulta do agrupamento de elementos em classes, e estas em classes mais amplas, coordenadas ou subordinadas.<br />
  39. 39. Aonde achamos possível Chegar...<br />É Possível que uma Estruturação de informação seguindo os preceitos de Representação e Visualização de informação aumente o nível produtivo dos Portais de Informação na Web. <br />Como resultado esperado acredita-se que ao estruturar a arquitetura de informação em Portais pode-se ter uma representação da informação mais eficiente, trazendo um resultado mais qualitativo e não quantitativo como se apresenta atualmente.<br />
  40. 40. Folksonomia<br /> Trata-se do resultado da classificação dos recursos disponíveis em ambientes web, utilizando-se recursos, isto é vocabulários chamados “sociais”, fornecidos pelos próprios usuários.<br /> Como fator preponderante temos:<br /> - indexação intitulada “livre” dos usuários;<br /> - Função que a priori serve para recuperação da informação; <br /> - Desenvolvida em Ambiente considerado “aberto” compartilhado pelos usuários do sistema. <br />
  41. 41. Folksonomia – Cont.<br /> O’Reily (2006) apresenta folksonomia como “um estilo de classificação colaborativa de sites usando palavras-chave (tags), livremente escolhidas pelos usuários”. Diferentemente da taxonomia que “pressupõe regras normalmente utilizadas na média do mercado, as famosas boas práticas. Já a folksonomia segue um caminho diverso: deixa o mercado, os consumidores criarem um ‘não-padrão’”.<br />
  42. 42. Web Semântica<br />Segundo Berners-Lee (2001) “A Web Semântica não é uma Web separada, mas uma extensão da atual. Nela a informação é dada com um significado bem definido, permitindo melhor interação entre os computadores e as pessoas”. <br /> Moura (2005) define a web semântica como “ a evolução da Web atual. Ela visa fornecer estruturas e dar significado semântico ao conteúdo das páginas Web, criando um ambiente onde agentes de software e usuários possam trabalhar de forma cooperativa”.<br />
  43. 43. Acessibilidade <br />
  44. 44. Acessibilidade<br />Facilidade de interação ou aproximação de deficientes físicos e visuais. Esse é um atrativo grande para empresas sérias e dispostas a apostar neste público que não deve ser descartado<br />Carência de navegadores apropriados<br />Impossibilita a interação do deficiente com as informações e serviços disponíveis na Internet<br />Sites acessíveis de dispositivos de características e portes diferentes<br />
  45. 45. Acessibilidade<br />Algumas dicas para sites acessíveis:<br />Páginas acessíveis universalmente aos diferentes tipos de usuários, independente do tipo de software, hardware e limitação que possua. <br />Navegação consistente e clara<br />Colocar informação clara no topo dos cabeçalhos, parágrafos, listas, etc.. <br />Deve-se criar uma ordem lógica para os links apresentados, facilitando assim a navegação<br />Testar a acessibilidade em diversos browsers<br />
  46. 46. Modelo de Atributos de acessibilidade do Sistema<br />
  47. 47. Projetando<br />
  48. 48.
  49. 49.
  50. 50.
  51. 51. Considerações Finais<br /> Podemos definir que a Arquitetura de Informação perpassa desenhos, arte, esquemas ou mapas. Pode ser considerada uma estrutura conceitual aplicável a qualquer ambiente informacional que busque tratar de forma relevante o conteúdo disponível nos Sistemas de Informação atendendo assim a usuários dos mais diversos perfis e interesses. <br /> No labirinto chamado Internet, quando fornecido uma lanterna, chamada Arquitetura da Informação contendo uma luz intitulada Ciência da Informação, o usuário tende a encontrar com mais facilidade a porta da saída levando consigo a informação tão desejada.<br />
  52. 52. Lembre-se: Projeto de Arquitetura da Informação em um ambiente como o 2.0 NUNCA estará pronto !!!<br />
  53. 53. Perguntas<br />
  54. 54. Obrigado... <br />carlos@cafe.eti.br<br />@calbertocafe<br />www.cafe.eti.br<br />

×