Os 7 processos da
Arquitetura de Informação

Instituto Faber-Ludens
Os 7 processos da A.I.
7 processos
Planejamento de Informações
Planejamento de Informações

 • Etapa inicial de análise do
   sistema e planejamento        Métodos recomendados


 • Definição de objetivos do     ✓ Briefing
   cliente e do sistema
                                 ✓ Benchmarking
 • Metadesign: planejar a
   plataforma que permitirá      ✓ Mapas conceituais
   planejar depois
                                 ✓ Reuniões
Significado                 Utilidade




              Necessidade
Significado                                   Utilidade




              Segurança durante a transação
Significado                           Utilidade




      Comprar passagens para o dia seguinte
Modelos conceituais

• Excelentes para negociar mudanças

• Definir melhor conceitos abstratos

• Gerar uma visão compartilhada do
  artefato entre os membros da
  equipe de projeto
Modelos conceituais:
Mapas mentais

• Mostra tendências e ligações    • Usado em brainstorming coletivo
  sobre a percepção das pessoas     para desenvolver perspectivas
                                    comuns
• Estruturação hierárquica de
  ideias
Modelos conceituais:
 Mapas mentais
Mapa mental do Delicious
Contextos de uso




         Cebola dos contextos da interação mediada
Modelos conceituais:
 Contexto tecnológico
Diagrama de Modelo de banco de dados
Modelos conceituais:
 Contexto simbólico
Relações conceituais dos artefatos no Delicious.com
Modelos conceituais:
 Contexto simbólico
Fluxo de mediação de atividades no Delicious.com
Modelos conceituais:
 Contexto social
Contexto social do Delicious.com
7 processos
Levantamento de Informações
Levantamento de Informações

 • Busca compreensão do
   projeto                        Métodos recomendados


 • Levantamento de                ✓ Inventário de
                                   Conteúdo
   informações, dados, atores
   e envolvidos (usuários,
   stakeholders, etc)             ✓ Entrevistas

 • Compreender as tarefas e       ✓ Questionários
   atividades que o usuário irá
   realizar e o contexto social   ✓ Etnografia Virtual
   onde está inserido
Inventário de
  Conteúdo
Questionários
    Google Docs
Entrevistas
Pesquisa com registro editado em vídeo
          realizado por alunos
Entrevistas

   • Pessoal ou a distância (síncrono ou assíncrono)

   • Importante:

      • Recrutamento, agendamento e confirmação

      • Roteiro (estruturado, semi-estruturado, livre)

      • Ajuda de custos...
Etnografia
Busca a compreensão aprofundada do
comportamento a partir da observação
de situação reais.
Estudos etnográficos sobre uso de TV Móvel realizados pela Nokia
Jason Diptych
Juan Carlos
“Etnografia” virtual
   Estudo etnográfico realizado no espaço
   digital, baseado na participação em redes
   sociais na web.
Exemplos de frases de boleiros:

Boleiro não joga,desfila!
Boleiro não conversa,resenha!
Boleiro não treina,ensina!
Boleiro não faz fundamento,ensaia!
Boleiro não comemora gol,ascena pra torcida!
Boleiro não se machuca,fica contudido!
Boleiro não é metido,só faz seu estilo!
Boleiro não é cumprimentado,é aplaudido!
Boleiro não corre,faz a bola correr!
Boleiro não dribla,apenas ignora o adversário!
Algumas palavras-chave dos boleiros:
 moral (e não "força",por exemplo)
 fera (e não "jogador",por exemplo)
 time (e não "equipe",por exemplo)
Muito + no Corais.org

+ acompanhamento (shadowing)
+ fly on the wall
+ diários de uso continuado
+ sondas culturais (cultural probes)
+ história de vida
+ um dia na vida (real ou simulado)
+ levantamento demográfico
+ questionários
+ porquê,porquê,porquê
7 processos
Classificação de Informações
Organização e classificação


 Métodos recomendados

 ✓ Card-Sorting         ✓ Vocabulário Controlado

 ✓ Taxonomia            ✓ Modelo Mental

 ✓ Folcsonomia          ✓ Diagrama de afinidades
Taxonomia na Biologia

     • Esquema de classificação hierárquica dos
       seres vivos

     • Os filhos tem apenas um pai

     • A classificação é feita para acolher
       novas descobertas
Taxonomia dos seres vivos (Lineu)
Taxonomia em Arquitetura da
Informação

     • Esquema de classificação hierárquico
       para informações diversas

     • Os filhos podem ter mais de um pai

     • Pode ser usada em ferramentas de busca e
       navegação
Taxonomias para navegação
(antigo Cadê?)
Taxonomia em buscas
(WolframAlpha)
Taxonomia em buscas
(WolframAlpha)
Elaboração de Taxonomias

     1.Inventário de conteúdo

     2.Avaliação da taxonomia atual
       (se existir)


     3.Agrupamento

     4.Hierarquização

     5.Testes
Processo de Classificação




                              agrupar


         rotular




                   categori
                      zar
Quero pegar um livro na biblioteca...




                Como faço?
Card-sorting

               • Testar ou criar classificações
                 baseadas no modelo mental do
                 usuário

               • Aberto (categorias não bem pré-
                 definidas) ou fechado
                 (categorias chegam definidas)


               • Apresentar cartões pros
                 usuários e pedir para que
                 organizem
Card-sorting




     Presencial   Online
Rótulos

         aprendiz                   colega
                                                          educando


                                         pupilo
                         aluno
 universitário

                                                         tutelado
                        estudante
   estagiário                                acadêmico

                    discípulo
Agrupamentos



  aluno
                                   universitário
  estudante
                                       acadêmico
  colega
                                        educando
                        tutelado



           aprendiz
                                     pupilo
           estagiário                discípulo
Categorias


  coloquial
                                                  formal
  aluno
                                       universitário
  estudante
                                               acadêmico
  colega                direito
                                               educando
                        tutelado



           trabalho                  fábulas
           aprendiz                    pupilo

           estagiário              discípulo
Teste com protótipo

                  • Palm Vx

                  • Portátil

                  • Arquivos HTML apenas com as
                    opções de menu

                  • Tarefas de recuperação de
                    informação
Taxonomia
• Hierarquia das categorias que representam a navegação

• Classificação dos conteúdos do site.

• Especificação de metadados em um gerenciador de conteúdo,

• Páginas e menu de navegação.




                Classificação
                 hierárquica
Folcsonomia
Vocabulário Controlado

• Contém a Taxonomia

• Pode conter um Tesauro

• Glossário

• Ontologia

• Gerenciadores de conteúdo




                              Ontologia no Cadê
7 processos
Gestão do Conteúdo
Antes da Gestão de Conteúdo
1/2

Gestão de Conteúdo centralizada
2/2

Gestão de Conteúdo centralizada
Gestão de Conteúdo descentralizada
Gerenciadores de Conteúdo - CMS




Administração de categorias no gerenciador de conteúdo Wordpress
Definição de papéis dos
usuários e privilégios
7 processos
Navegação
Navegação

• Fluxos da Informação              Métodos
                                    recomendados
• Facilitar o encontrabilidade da
informação pelo usuário             ✓ Fluxograma

                                    ✓ Sitemap
Modelos de Navegação

   • Macro para Micro

   • Entrada e Saída

   • Linear

   • Rizomático
Modelo de Navegação:
Macro para Micro




                       Modelo de navegação em árvore
Modelo de Navegação
em Entrada e Saída
Modelo de Navegação
Linear
Modelo de Navegação
Rizomátíca
Sitegrama ou SiteMap
Fluxograma
ou fluxo de tarefa
Árvore de Tarefas
7 processos
Visualização de Informações
Visualização de Informações

• Abstração da Informação    Métodos
                             recomendados
• Gráfico/Imagem
                             ✓ Wireframe
• Facilita do entendimento
                             ✓ Wireflow
• Melhoria na comunicação
  através da documentação
  visual
Newsmap
Simetria       Proximidade




Similaridade
                   PRINCÍPIOS GESTALT

Fechamento              Figura-fundo
Densidade
                          populacional no
                          Time Magazine




Linha interativa com a
   história do Império
             Britânico:
Heatmap: visualização em forma de F e Eyetrack (Poynter Institute : 2004)
Prototipação
   das representações
  visuais das interfaces

• Propósito (demonstrar,testar,explorar)
• Fidelidade (alta,baixa)
• Funcionalidade (funcional,semi-funcional)
• Etapa e Competência técnica
Sketchs ou
 Rabiscos
Liberte-se!
Wireframe   Momento de definição:
               especificação
Protótipos
    Protótipos em baixa
            ou em
       alta fidelidade
Protótipo em baixa
     fidelidade
Protótipo em papel
Mockup
  Protótipo que permite testar
 funcionalidades com usuários
Cardboard Mockup of a calendar application for school kids
Protótipo em alta
    fidelidade
Protótipo
semi-funcional
    Ouvido Visual
Protótipo
semi-funcional
     Reactables
Performance
    Reactables
Vocabulário Visual
                                                                  página/ documento (e suas pilhas)




               dois tipos de estrutura (árvore,a esquerda)                          ponto de decisão




Setas indicam o caminho que o usuário                            exemplo de área
  está propenso a seguir.A crossbar
    indica operações irreversíveis.
                                                             Visual Vocabulary de Jesse James Garrett
Visual Vocabulary de Jesse James Garrett
Vocabulário Visual




               página/ documento (e suas pilhas)
Visual Vocabulary de Jesse James Garrett
Vocabulário Visual




             dois tipos de estrutura (árvore,a esquerda)
Visual Vocabulary de Jesse James Garrett
Vocabulário Visual




              Setas indicam o caminho que o usuário
                está propenso a seguir.A crossbar
                  indica operações irreversíveis.
Visual Vocabulary de Jesse James Garrett

Vocabulário Visual




                 exemplo de área
Visual Vocabulary de Jesse James Garrett
Vocabulário Visual




                     ponto de decisão
Análise
de Tarefa
Storyboard
       Ferramenta para edição
     de quadrinhos online:   Pixton
Diagrama Sequencial
       Representa a interação
      entre papéis de usuários
Diagrama Sequencial
      Negativo
Wireflow
7 processos
Recuperação de Informações
Recuperação de Informações


• Encontrabilidade          Métodos
                            recomendados
• Dar pistas ao usuário
                            ✓ Análise de
• Múltiplos caminhos para    Estatísticas de
                             navegação
  encontrar a informação

                            ✓ SEO
• Análise de Estatísticas
“Dar pistas aos usuários...”
Análise de estatísticas
Análise de Helpdesk
    Saber a opinião dos usuários
    que se importam
Conheça nosso
Curso Online de
Arquitetura de Informação
e descubra mais sobre os
processos de A.I.

Os 7 processos da Arquitetura da Informação