Arquitetura de Informação - 2 Ferramentas para Web Design Prof. Ricardo Ferramentas para Web Design 1
Arquitetura de Informação (AI): Objetivo: Compreender os vários cenários em que o design de informação pode ser usado. Ferramentas para Web Design 2
Arquitetura de Informação (AI): Dentro do cenário da AI: Tornar o acesso à informação fácil e prático Dar ao usuário mais de um método para encontrar a informação que deseja Definir as regras de organização da informação dentro do site Especificar as páginas do site e os elementos que as compõe Ferramentas para Web Design 3
O usuário em contato com uma interface: Gasta boa parte de seu tempo interagindo para navegar Navegar para encontrar informação As três áreas se reportam umas às outras mutuamente: Interação navegação informação Ferramentas para Web Design 4
Quando falamos de interação, navegação e informação, estamos novamente voltando e enfatizando os conceitos de usabilidade e acessibilidade. Ferramentas para Web Design 5
Nossa tendência: Achar que os métodos que usamos para encontrar informação são os únicos possíveis, indiscutíveis e frutos do mais apurado bom senso. Um designer inexperiente conhece poucos métodos e se vira com eles. Ferramentas para Web Design 6
O objetivo da Arquitetura da Informação é aumentar este repertório e tornar o processo de projetar informação mais consciente e mais intencional. Estamos numa época em que a hipermídia ainda está se consolidando; estamos nos acostumando com o "novo sistema"... Ferramentas para Web Design 7
Quase sempre imaginamos que o usuário sabe exatamente o que deseja e que os sistemas de organização da informação (a navegação) são apenas um obstáculo a ser transposto, algo que se coloca entre o usuário e o item que deseja. Ferramentas para Web Design 8
O fato é que este comportamento não é tão comum assim. É bastante freqüente o usuário entrar num site apenas com uma idéia vaga sobre o que deseja, usar os mecanismos de organização de informação como ferramenta para descobrir o que realmente deseja. Ferramentas para Web Design 9
Exemplo: Imagine um cenário bastante simples: Os itens disponíveis em seu website são roupas e acessórios para montanhismo dispostas numa vitrine O usuário vai até esta loja apenas com uma vaga idéia do que quer comprar O modo como as roupas estão dispostas influencia diretamente no próprio produto Ferramentas para Web Design 10
Para o usuário, o produto é aquilo que está exposto, do jeito que está exposto! Se as roupas expostas forem espalhadas no chão da vitrine, provavelmente o usuário não terá uma boa visualização das roupas que deseja ou poderá desejar. Ferramentas para Web Design 11
Se, ao contrário, as roupas forem expostas no seu contexto de uso (gente subindo uma montanha ou descendo uma encosta) certamente será mais fácil para o usuário enxergar as vantagens dos itens que vê e, portanto, decidir o que lhe interessa. Ferramentas para Web Design 12
É comum, por exemplo, alguém entrar numa loja como esta desejando um certo tipo de produto e sair dela tendo comprado outro, mais adequado ao que realmente necessita ou deseja. Ferramentas para Web Design 13
Esse é um conceito de navegação exploratória: Entre a chegada na loja e a saída do cliente, o vendedor (ou o site) não apresenta apenas o que o cliente pede, mas todo uma série de itens relacionados, para que ele possa fazer uma boa escolha. Ferramentas para Web Design 14
O que é Arquitetura de Informação de websites? Ambiente de Informação não planejado Ambiente de Informação planejado usuários empregados fornecedores clientes Usuários não conseguem achar as informações que necessitam Usuários acessam a informação certa no momento certo Todos os objetos de conteúdo Todos os objetos de conteúdo Rosenfeld, L., Information Architecture I Ferramentas para Web Design 15
Objetivo da Arquitetura de informação Criar as estruturas de organização da informação apresentada por um website para que o usuário consiga encontrar e compreender as informações que necessita e desempenhar suas tarefas com facilidade. Ferramentas para Web Design 16
Seu desafio: Definir as regras de organização do website Definir o modelo de interação do usuário com a informação Especificar todas as páginas do website e os elementos que as compõem. Ferramentas para Web Design 17
O que é Arquitetura de Informação de websites? 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. AI Ferramentas para Web Design 18
Por que arquitetura de informação é importante? Problemas mais comuns nos websites Problema % de websites Como afeta o usuário * Resultados de busca mal organizados 53% Frustração Perda de tempo * Arquitetura de informação pobre 32% Confusão Caminhos sem saída Uso excessivo dos botões voltar e avançar do browser Força o usuário a usar o mecanismo de busca Performance lenta 32% Interrupção constante na experiência de compra Frustração * Home-Page desorganizada 27% Cria desinteresse Perda de tempo * Rótulos confusos 25% Confusão Erros Uso excessivo dos botões voltar e avançar do browser Força o usuário a usar o mecanismo de busca Processo de registro invasivo * Navegação inconsistente 25% Usuários são apenas números Visitante se sente ressentido Perda de tempo e esforço para entrar com os dados 13% Caminhos ineficientes Força o usuário a se focar na navegação, não no uso Perda da estabilidade percebida Funcionalidades úteis não são encontradas Ferramentas para Web Design 19 * Problemas relacionados com Arquitetura de Informação VIVINDECE RESEARCH, A Tangled Web, E-Tailer's Digest, 2001. http://www.etailersdigest.com/resources/specials/tangled_web.htm
Componentes da Arquitetura de Informação ROSENFELD e MORVILLE (2002) dividem a Arquitetura de Informação de um website em quatro grandes sistemas interdependentes, cada um composto por regras próprias e suas aplicações: Sistema de Organização (Organization System) Determina o agrupamento e a categorização do conteúdo informacional. Sistema de Navegação (Navigation System) Especifica as maneiras de navegar, de se mover pelo espaço informacional e hipertextual. Sistema de Rotulação (Labeling System) Estabelece as formas de representação, de apresentação, da informação, definindo signos para cada elemento informativo. Sistemas de Busca (Search System) Determina as perguntas que o usuário pode fazer e o conjunto de respostas que irá obter. ROSENFELD, L. ; MORVILLE, P. Information Architecture for the Word Wide Web. 3ed. Sebastopol: O Reilly, 2006.