Arquitetura de Informação

Transcrição

1 Arquitetura de Informação Ferramentas para Web Design Prof. Ricardo Ferramentas para Web Design 1

2 Arquitetura de Informação? Ferramentas para Web Design 2

3 Arquitetura de Informação (AI): É a arte de expressar um modelo ou conceito de informação utilizados em atividades que exigem detalhes explícitos de sistemas complexos. Ferramentas para Web Design 3

4 Definição da I.A.I. Information Architecture Institute: - O design estrutural de ambientes de informação compartilhada. - A arte e a ciência de organização e rotulação de sites web, intranets, comunidades online e software de apoio à encontrabilidade e usabilidade. - Uma comunidade de prática emergente focada em trazer princípios de design e arquitetura para o paisagismo digital. Ferramentas para Web Design 4

5 Quais são as atividades da Arquitetura de Informação? Ferramentas para Web Design 5

6 Arquitetura de Informação (AI): Entre essas atividades estão: - Sistemas de biblioteca, - Sistemas de gerenciamento de conteúdo - Desenvolvimento web, - Interações de usuários, - Desenvolvimento de banco de dados, - Programação, - Artigos técnicos, - Arquitetura corporativa e - Design de software de sistema crítico. Ferramentas para Web Design 6

7 Arquitetura de Informação (AI): Arquitetura da informação tem um significado um pouco diferente nas ramificações de arquitetura de SI ou TI. A maioria das definições possuem qualidades comuns: - um design estrutural de ambientes compartilhados, - métodos de organização e etiquetagem de sites web, - intranets e comunidades online, e - meios de trazer os princípios de design e arquitetura para a paisagem digital. Ferramentas para Web Design 7

8 Arquitetura de Informação (AI): - Discute seus valores e aplicabilidade, reconhecendo e utilizando as múltiplas ferramentas e técnicas disponíveis online e off-line. Ferramentas para Web Design 8

9 Arquitetura de Informação (AI): - Possibilita o desenvolvimento e gerenciamento de projetos Web focados no usuário. Ferramentas para Web Design 9

10 Navegação O usuário percorre os nós da rede de uma forma totalmente imprevisível, muitas vezes até para ele próprio. Portanto, é impossível prever as escolhas que o usuário irá fazer, cabendo ao designer a função de traçar caminhos permutacionais, criar portas e pontes de acesso. Ferramentas para Web Design 10

11 Navegação E os novos ambientes? Tablets, Smartphones, Touch screen (GPS), TVDi Ferramentas para Web Design 11

12 Tipos de Sites: A princípio, do ponto de vista de conteúdo, podemos classificar os sites como: Site Portal Hotsite Minisite Ferramentas para Web Design 12

13 Site Portal Hotsite Minisite Ferramentas para Web Design 13

14 Site Espaço básico da informação. Um website tem como principal objetivo organizar a informação, estruturando uma hierarquia para que todo o conteúdo seja entendido e acessado com facilidade. A alma de um site é sua arquitetura de informação (ciência que tem séculos de vida e nasceu da primeira grande experiência do ser humano em organizar seu conhecimento adquirido e documentado a biblioteca). Ferramentas para Web Design 14

15 Site Um website nada mais é que um grande arquivo. Se estiver bem organizado, encontra-se facilmente a informação e o objetivo final foi alcançado. Exemplo: Site do Cinemark Ferramentas para Web Design 15

16 Site Portal Hotsite Minisite Ferramentas para Web Design 16

17 Portal Portal não é um site grande A diferença é que portal tem 100% do foco nos seus públicos, e cria conteúdos específicos para eles, os chamados conteúdos verticais. Além disso, um portal possui ferramentas que constroem um real relacionamento entre quem produz e que consome a informação: - Fóruns bem conduzidos e compilados - Pesquisas online sérias (que vão muito além das enquetes rasteiras e mal aproveitadas) - Chats que promovem a construção de um real conhecimento (não são apenas salas de bate-papo) Ferramentas para Web Design 17

18 Portal Muitos sites de grandes empresas não incluem nem conteúdos verticais, nem ferramentas de relacionamento, mas ainda assim se dizem portais. Exemplo: Portal do UOL Ferramentas para Web Design 18

19 Site Portal Hotsite Minisite Ferramentas para Web Design 19

20 Hotsite Conteúdo com prazo de validade seja uma semana, um mês ou alguns meses. Áreas de informação criadas normalmente para o lançamento de um produto, o anúncio de um evento ou uma grande promoção. A quantidade de páginas é pequena, pelas características de conteúdo que um hotsite carrega; O tom, sempre persuasivo; e O visual, diferenciado do restante do site ou portal. Ferramentas para Web Design 20

21 Hotsite Exemplo: Ferramentas para Web Design 21

22 Site Portal Hotsite Minisite Ferramentas para Web Design 22

23 Minisite Geralmente são morada para os conteúdos verticais produzidos para os portais. Criados para atrair um público específico, os minisites abordam de forma detalhada um tema restrito. Os minisites podem ser fixos ou flutuantes, já que muitos cobrem eventos e, visualmente, comportam-se como os hotsites, com design diferenciado e abrindo em janela menor. Mas, ao contrário do hotsite, que tem na persuasão o seu norte, o tom do minisite é essencialmente informativo. Ferramentas para Web Design 23

24 Minisite Exemplo: Ferramentas para Web Design 24

25 Mídias sociais? Ferramentas para Web Design 25

26 Mídias sociais Ambientes de relacionamento e compartilhamento Conteúdos Interesses Exposição pessoal Marketing estratégico Ferramentas para Web Design 26

27 Paradigma de Interação Homem-Máquina Antes de qualquer iniciativa de promover a interação entre pessoas através do computador, surge a necessidade de se propiciar mecanismos de interação do homem com a máquina. Ferramentas para Web Design 27

28 Paradigma de Interação Homem-Máquina O objetivo central é trazer qualidade aos sistemas através de interfaces interativas, padronizadas, confiáveis, robustas e principalmente que ofereçam uma grande variedade de alternativas para a execução de tarefas. Ferramentas para Web Design 28

29 Fatores Humanos Cinco fatores humanos necessitam ser avaliados para estabelecer as bases do projeto de interface com o usuário: Tempo de aprendizado Velocidade de rendimento Taxa de erros por usuários Retenção no tempo Satisfação subjetiva Ferramentas para Web Design 29

30 Fatores Humanos Tempo de aprendizado: Quanto tempo um membro típico da comunidade de usuários leva para aprender a utilizar os comandos relevantes para um conjunto de tarefas? Velocidade de rendimento: quanto tempo ele leva para executar as tarefas? Taxa de erros por usuários: quantos e quais tipos de erros as pessoas cometem na realização das tarefas? Ferramentas para Web Design 30

31 Fatores Humanos Retenção no tempo: quão bem os usuários mantém seus conhecimentos depois de uma hora, um dia ou uma semana? Satisfação subjetiva: Como os usuários gostam de utilizar vários aspectos do sistema? Ferramentas para Web Design 31

32 O crescente interesse em responder a estas questões aumenta com a necessidade dos desenvolvedores criarem sistemas interessantes e que atendam as necessidades dos usuários. Ferramentas para Web Design 32

33 Por exemplo, para alguns sistemas com ciclo de vida crítico (como sistema de controle de tráfego aéreo e reatores nucleares, até sistema domésticos, aplicações para entretenimento e ambientes colaborativos) é necessário a observação da presença do usuário e que as condições de fatores humanos apresentadas anteriormente sejam atendidas. Ferramentas para Web Design 33

34 Para que isso possa se tornar sistematizado é necessário a instituição de um conjunto de requisitos básicos, sobre os quais os projetos destes ambientes devem se basear fortemente. Ferramentas para Web Design 34

35 Uma das ferramentas para essa sistematização é a metodologia de arquitetura de informação. Ferramentas para Web Design 35

36 Interface Qual é a interface (interna e externa)? Ferramentas para Web Design 36

37 Usabilidade É a mobilidade que o site nos proporciona, ou seja, eu consigo ir para onde eu quiser e achar conteúdo desejado? Uma parte da usabilidade é a navegabilidade. Ferramentas para Web Design 37

38 Onde se aplica? Sempre que houver uma interface, ou seja, um ponto de contato entre um ser humano e um objeto físico (ex: cafeteira) ou abstrato (ex: software), podemos observar a usabilidade que esse objeto oferece. Ferramentas para Web Design 38

39 Onde se aplica? Historicamente, o termo usabilidade surgiu como uma ramificação da ergonomia voltada para as interfaces computacionais, mas acabou se difundindo para outras aplicações. Ferramentas para Web Design 39

40 Usabilidade ajuda pessoas? Ferramentas para Web Design 40

41 Usabilidade ajuda pessoas? Usabilidade é uma medida relativa. A interface ideal é aquela que está adaptada às necessidades de seus usuários. Por exemplo: O usuário de terceira idade pode precisar de textos com letras maiores e o usuário com desvantagem cognitiva pode precisar de alguns textos de ajuda a mais. Ferramentas para Web Design 41

42 Nosso Alvo o Usuário Portanto devemos deixar de lado nossas vontades; Devemos conhecer as ações de nossos usuários; Conhecer seu perfil; Ferramentas para Web Design 42

43 Nosso Alvo o Usuário Definir o que determina a satisfação do usuário: Boa Navegação Sistemas que ajudam o usuário Dar algo a mais - por exemplo: Help, Tutoriais, Busca, mapa do site, etc para surpreender o usuário Ambiente agradável Ferramentas para Web Design 43