Notas sobre o curso Information Architecture www.webmonkey.com --- 08/98 1. Arquitetura da Informação 1_1. Importância da Arquitetura da Informação AI: Arquitetura da Informação / Information Architecture. Produto do processo de AI: documento de projeto (design document). 1_2. Defina os objetivos do site Defina os objetivos do site. Envolva todos os principais jogadores. Mas não aceite decisões por comitê! Definição: formal x informal Definição informal: conversas a dois, anotações, reconversas. Definição formal: reuniões grupais. Perguntas: Qual a missão da organização? Quais os propósitos do site de curto e de longo prazos? Quem é a audiência-alvo? Por que as pessoas irão visitar o site? 1_3. Faça perguntas Questões básicas: Qual é a missão da organização? Quais são os objetivos de curto prazo e de longo prazo do site? Quem são as audiências-alvo do site? Por que as pessoas virão ao seu site? 1_4. Filtre as respostas Organize as respostas às questões em categorias. Separe as respostas relativas à audiência. Peça às pessoas envolvidas para agrupar as categorias e as respostas restantes em ordem de importância. Peça às pessoas envolvidas para dar nome às categorias. Organize as categorias e as respostas, obtendo uma especificação dos objetivos do site, com prioridades organizadas. Aprove a lista com as pessoas relevantes.
1_5. Documento de projeto: objetivos do site Publique a lista de objetivos. Esta lista de objetivos é a base do documento de projeto. 2. Quem é a audiência? 2_1. Defina a experiência do usuário A segunda coisa mais importante: quem é a audiência? A tecnologia de acesso é só uma pequena parte da informação sobre a audiência. Converse com as mesmas pessoas mas, talvez, mude os pesos a serem dados às várias opiniões. 2_2. Defina a audiência (Re)faça lista de audiência-alvo. Quebre-a em categorias, se preciso. Defina em conjunto com as outras pessoas a lista de objetivos e necessidades para cada tipo de audiência. 2_3. Crie cenários Desenvolva cenários (estórias) para usuários representativos da maioria dos usuários previstos para o site. Personifique um usuário e imagine-o usando o site para desempenhar uma tarefa concreta. 2_4. Análise competitiva Visite sites de concorrentes. Analise-os baseado em objetivos tirados a partir da lista de objetivos de seu site. Inclua entre os critérios: tempo de download, tamanho de página, layout e look-and-feel, personalização e tecnologia. Avalie os concorrentes e o seu proprio site numericamente, com critério e uniformidade. Tome notas e guarde imagens das telas dos sites. Documente seus achados. Planeje em quanto tempo fazer uma nova análise.
2_5. Documento de projeto: audiência, cenários e análise competitiva Inicie a redação do documento de projeto com o capítulo: Experiência do usuário. Inclua: Experiência do usuário; Definição da audiência; Cenários; Resumo da análise dos competidores; Apêndice: Análise dos competidores. Publique o documento. 3. Conteúdo e funcionalidade 3_1. Conteúdo do site Para criar a estrutura e a organização do site, responda a duas questões: De que conteúdo o site necessita? De que funcionalidade o site necessita? Crie uma lista do conteúdo e da funcionalidade do site. Esta lista é dita um inventário do conteúdo. 3_2. Identifique os requisitos de conteúdo e funcionais Crie duas novas listas, a partir das listas de objetivos e de necessidades dos usuários e da análise da concorrência: uma lista de conteúdo do site e uma lista de funcionalidade do site. Os principais tipos de conteúdo são: estático (p. ex.: notícias de copyright, declarações de privacidade e regras de pertinência); dinâmico; funcional e transacional (p. ex.: páginas de logon de membros, páginas de assinaturas pra newsletters por email, páginas de formulários -- as quais deveriam estar listadas dentre os requisitos funcionais (!?)). Confira nos sites dos concorrentes páginas que estão faltando nessas listas. Peça para todas as pessoas envolvidas fazerem suas próprias listas de conteúdo e conferirem a sua lista. Confira se voce tem: tecnologia, conhecimento, tempo e dinheiro, para satisfazer a todos os requisitos. Estabeleça prioridades.
3_3. Agrupe e rotule os conteúdos Coloque cada item do inventário do conteúdo em um cartão. Organize os itens em grupos e dê nomes aos grupos. Faça todos os participantes fazerem o mesmo. Defina os grupos e seus nomes. Esta será a base para a estrutura do site. Confira a estrutura escolhida com as outras pessoas. Revise o inventário do conteúdo para adequá-lo a esta estrutura. 3_4. Documento de projeto: conteúdo e funções Novo capítulo do documento de projeto: Requisitos de Conteúdo e Funcionais: Conteúdo do site. Agrupamento e nomenclatura do conteúdo. Requisitos funcionais. Apêndice: Inventário de conteúdo. 4. Estrutura, metáforas e navegação 4_1. Estrutura do site Crie a estrutura do site. 4_2. Exploração de metáforas Escolha uma metáfora (ou combine um conjunto de metáforas) para a estrutura do site. Os três principais tipos de metáfora são: organizacionais: que se baseiam na estrutura de um grupo ou organização; funcionais: que associam tarefas que se pode fazer no site com tarefas que podem ser executadas no ambiente similar e visuais: baseadas em elementos gráficos usuais. Discuta as metáforas com os envolvidos. Defina uma metáfora ou um sentido (rationale) para o site.
4_3. Crave em pedra Crie a listagem da estrutura do site: um mapa hierárquico, baseado em texto, do site. Mapeie os grupos do inventário de conteúdo do site, adaptados de acordo com as respectivas metáforas, nas raízes da listagem da estrutura do site. Use os itens correspondentes a cada grupo para descer na hierarquia da listagem da estrutura do site. Isto lhe permitirá desenvolver uma listagem da estrutura do site como a abaixo: Section 1 Section 1.1 Section 1.2 Section 2 Section 2.1 Section 2.2 Section 2.2.1 Section 2.2.2 Section 2.2.3 Section 2.3 Section 2.4 Section 3 Faça uma (ou várias) plantas do site. Identifique (entre outras): páginas do site que são funcionais; páginas que são transacionais; páginas geradas dinâmicamente e páginas que são compostas basicamente de texto. 4_4. Defina a navegação Defina a estrutura de navegação do site. Use as seções principais da listagem da estrutura do site para criar o sistema de navegacão global que aparece em todas as páginas. Tente limitar o número de elementos de navegação global a um máximo de entre 5 a 7 itens. Use o logo da empresa como símbolo para a home page (sugestão). A navegação local pode se basear em (por exemplo): uma lista de tópicos; um menu de escolhas ou uma pequena lista de itens relacionados. Documente os sistemas de navegação global e local. 4_5. Documento de projeto Novo capítulo do documento de projeto: estrutura do site. Escreva um resumo ou explicação metafórica sobre o sentido (rationale) da estrutura do site. Adicione a listagem de estrutura do site. Adicione as plantas do site. Adicione a documentação dos sistemas de navegação global e local. Publique. 5. Projeto visual
5_1. Projeto visual Ajude os usuários a construirem um mapa mental do site: onde eles estão; onde eles estiveram e como chegar aonde eles quiserem. Primeiro construa reticulados de diagramação (layout grids) que irão definir a estrutura e a organização do site tal como refletidas em nível de página. Então faça rascunhos de design (design sketches) que irão estabelecer o look and feel geral. A partir dos layout grids e dos design sketches, construa as maquetes das páginas (page mock-ups). Finalmente, construa protótipos baseados em tecnologia Web (Web-based prototypes). Trabalhe com designers gráficos, diretores de arte, diretores de criação e a equipe de produção. 5_2. Layout grids Layout grids (reticulados de diagramação) são padrões (templates) que descrevem páginas Web. O conteúdo requer uma posição mais proeminente. Reserve espaço para: conteúdo; navegação global e navegação local; logo da companhia; propaganda e patrocínio; cabeçalhos das páginas; gráficos de cabeçalho (header graphics); notas-de-rodapé (inclusive notas de copyright). Começe pelo espaço reservado ao conteúdo. O logo da companhia deve aparecer em cada página ele indica ao usuário que ele ainda se encontra no site. O logo usualmente aparece no canto superior esquerdo da página. A navegação global tem que ser consistente ao longo do site. A navegação local pode apresentar variações entre páginas, mas deve ser o mais consistente possível. Explore diferentes estilos de layout.
5_3. Design sketches e page mock-ups Os rascunhos de design (design sketches) irão estabelecer o look and feel do site. Os design sketches podem ser integrados à metáfora ou ao sentido do site. Construa as maquetes das páginas (page mock-ups), integrando os layout grids e os design sketches. Uma opção é construir as maquetes das páginas em HTML e incorporar os design sketches como gráficos. Construa um protótipo para o site e, daí, o próprio site. 5_4. Documento de projeto Novo capítulo do documento de projeto: projeto visual. Documente: os layout grids, incorporando os respectivos diagramas; os design sketches; as maquetes de páginas e instantâneos do protótipo baseado na Web.