ARQUITETURA DA INFORMAÇÃO

Transcrição

1 ARQUITETURA DA INFORMAÇÃO

2 O que é e para que serve?

3

4 Arquitetura de Informação O que é e para que serve? ONDE ESTOU? DE ONDE VIM? PARA ONDE VOU?

5 Arquitetura de Informação O que é É a arte e a ciência de estruturar e classificar websites e intranets a fim de ajudar as pessoas a encontrar e a gerenciar informação. (Peter Morville & Louis Rosenfeld, in Information Architecture for the World Wide Web)

6 Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação dentro de um sistema de informação. (Peter Morville & Louis Rosenfeld, in Information Architecture for the World Wide Web)

7 Ciclo de Vida Projeto Site

8 Ciclo de Vida Projeto Site

9 PRA QUE SERVE?

10 PRA QUE SERVE?

11

12 Componentes da AI

13 Sistema de Organização

14 Três classificações distintas Três Classificações Distintas Tomate Fruta Legume Verdura?

15 Dificuldades na Organização Liquidificador está em Eletrodomésticos ou Eletroportáteis O que é UD?

16 Sistema de Navegação

17 Sistema de Navegação

18 Sistema de Rotulação O sistema de rotulação é o componente da Arquitetura de Informação que estabelece as formas de representação, de apresentação da informação, definindo signos para cada elemento informativo. Seu desafio é criar para o website uma linguagem clara, compreensível e sem ambigüidades. PROCURE FALAR A LINGUAGEM DO USUÁRIO!!!

19 Sistema de Rotulação

20

21 Sistema de Rotulação

22 Sistema de Busca

23 O que faz um arquiteto da informação Sobretudo, o arquiteto de informação deve saber como apresentar visualmente/estruturalmente seu material para dar vida a suas idéias. Retirado de Rosenfield & Morville

24 Ferramentas e Técnicas da AI Wireframes Wireframes servem a um propósito diferente: eles mostram como uma página deve parecer de uma perspectiva arquitetônica. Wireframes são a intersecção entre a arquitetura da informação do site e o design e visual do mesmo. O wireframe força o arquiteto a considerar onde as navegações estarão na página, onde o usuário vai navegar e sobretudo o que ele vai ver naquele espaço.

25 Wireframe A localização mais comum de elementos numa página básica de web: Logomarca no canto superior esquerdo Busca na barra superior Navegação global na parte superior Navegação local na coluna esquerda Conteúdo na área central Breadcrumbs na parte superior Marca XYZ >Link 01 >Link02 >Link03 >Link04 >Link05 Navegação local Breadcrumbs ( Home ) Conteúdo global e contextual Buscar Conteúdo relacionado Rodapé

26

27 Site Adria. Finalizado

28 Ferramentas e Técnicas da AI Card Sorting Método de usabilidade que objetiva levantar como usuários do público-alvo agrupam informações de forma que sejam úteis para eles, possibilitando que sejam criadas estruturas de organização de informação otimizadas e mais adequadas ao modelo mental dos usuários. O card-sorting é uma técnica usada por arquitetos da informação para descobrir como o usuário classifica determinada informação em sua mente.

29 Card Sorting Categorizar o site é uma tarefa complexa. Utilizar o usuário no processo de classificação pode reduzir o ruído de entendimento.

30 Card Sorting

31 Sitegrama

32 Finalizando...

33

34

35

36 Não seja um desenvolvedor de sistemas para computadores, desenvolva sistemas para pessoas

37 Perguntas

38 Quem sou eu? Desenvolvo ininterruptamente para Web desde 1998 Otaviano Silvério Graduado em Tecnologia em Sistemas para Internet - UNIBH Especialista em Engenharia de Software e Governança de TI FUMEC Mestrando em Administração - UNIPEL. Atuação : CIO do NUMBER ONE Idiomas Franchising Consultor de tecnologia, com ênfase em Governança da TI, atuando principalmente nos seguintes temas: conectividade e intranet, BPM - Business Process Management, gestão de conhecimento, comércio eletrônico e Arquitetura da informação. Professor MBA Faculdade Pitágoras Professor UNIBH Coordenador Pós-Graduação COTEMIG Sócio diretor SIL Consultoria e otaviano@sil.inf.br