Análise de usabilidade e
   negócio
                              Quepasa   1




Aquitetura de
Informação
Arquitetura de Informação   2




Quem é esse estranho que veio
falar sobre algo estranho?
Arquitetura de Informação   3




Já fui sobrinho
Arquitetura de Informação   4




Já fui webmaster
Aquele assinava o rodapé dos sites
Arquitetura de Informação   5




E o webmaster morreu
Arquitetura de Informação   6



Por onde andei
AgênciaClick – Interface
Ministério da Cultura – Arquiteto de Informação
Mens (Atual Casanova) – Arquiteto de Informação
TV1 – Arquiteto de Informação

e atualmente estou conversando na Talk
Arquitetura de Informação   7



Alguns clientes que já atendi

Banco do Brasil Brasil Telecom Caixa Econômica Federal
Ministério do Turismo Bancorbras Ministério da
Cultura Via Engenharia GDF CNA Prefeitura de São
Paulo SESI Correio Braziliense Católica Virtual
O que faz um
arquiteto de informação?
Arquitetura de Informação   9




“Às vezes é muito difícil as pessoas entenderem
o que deve ser feito. Então eu desenho! Sou a
desenhista lá da firma.”
Andressa Vieira, especialista em Usabilidade da Mapa Digital
Arquitetura de Informação   10




“Vó, sabe quando a gente faz risquinhos na
parede com um lápis antes de usar a furadeira,
pra não furar errado? Então, eu faço esses
risquinhos, só que nos sites.”
Fabrício Teixeira, arquiteto de informação da AgênciaClick
... em outras palavras


Não faça o usuário pensar
Deixar o conteúdo organizado para fácil acesso
Adequar o nível de experiência ao público-alvo
... em outras palavras

Não deixar a interface assustá-lo.
Quais são os pilares
que sustentam um
arquiteto de
informação?
Arquitetura de Informação   16




Organização
classificação, hierarquização e diagramação

Comunicação
clareza, concisão e coerência

Sensibilidade
altruísmo, psicologia e experimentação
Arquitetura de Informação   17




e também é...


... pensar na melhor interface possível
para a tarefa...
Arquitetura de Informação   18




... correr atrás do próprio briefing...
Arquitetura de Informação   19




... privilegiar a pesquisa de usuário...
Arquitetura de Informação   20




... lutar pela entrega do melhor produto!
Quais são os
componentes da AI?
Arquitetura de Informação   22




Sistema de organização

Sistema de navegação

Sistema de rotulação

Sistema de busca
Arquitetura de Informação   23
Sistema de organização
Arquitetura de Informação   24
Sistema de organização
Arquitetura de Informação   25
Sistema de organização
Arquitetura de Informação   26
Sistema de navegação
Arquitetura de Informação   27
Sistema de navegação
Arquitetura de Informação   28
Sistema de navegação
Arquitetura de Informação   29
Sistema de rotulação
Arquitetura de Informação   30
Sistema de rotulação
Arquitetura de Informação   31
Sistema de busca
Arquitetura de Informação   32
Sistema de busca
Arquitetura de Informação   33
Sistema de busca
Como é o trabalho
do Arquiteto de
informação?
Arquitetura de Informação   35




                   Pesquisa




Acompanhamento                   Concepção




                 Especificação
Arquitetura de Informação   36
Pesquisa


   Estudo Etnográfico
   Estudo do comportamento
   do usuário utilizando o
   produto no seu ambiente

     Maior entendimento da relação
    usuário-produto
     Avaliar as dificuldades e facilidades
    que o usuário tem com o produto
Arquitetura de Informação   37
Pesquisa



 Grupos de Foco
 Os grupos de focos ou
 discussão em grupo ajuda a
 levantar as necessidades das
 pessoas, desejos,
 sentimentos, valores, idéias.
Arquitetura de Informação   38
Concepção


  Criação de personas
  Estimula a imaginação e
  incentiva a criação de
  alternativas viáveis de projeto

   Conhecimento mais amplo do público-alvo
   Melhor entendimento dos objetivos dos usuários
  com o produto
   Permite pensar na interação com o produto antes
  da criação
Arquitetura de Informação   39
Concepção


  Cardsorting
  Objetiva levantar como usuários
  do público-alvo organizam as
  informações da forma que faça
  mais sentido para eles

   Contribuir para estruturas mais adequadas ao
  modelo mental dos usuários
   Avaliar um novo modelo de categorização e
  identificar itens que são difíceis de classificar
Arquitetura de Informação   40
Concepção


  Rabiscoframe
  Para representar a organização,
  diagramação e funcionamento
  dos elementos de uma página

   Mais liberdade na hora da criação
   Facilita a refação

   Rápido e prático, bom para reuniões com
  brainstorm
Arquitetura de Informação   41
Especificação


        Wireframe no Axure
        Para representar a organização, diagramação e
        funcionamento dos elementos de uma página

         Protótipo de alta fidelidade

         Protótipo navegável: permite
        navegar no site e interagir com as
        funcionalidades da página
Arquitetura de Informação   42
Acompanhamento


      Teste de usabilidade
      Expor resultados do teste de usabilidade do site e
      apresentar recomendações

        Apresentar as dificuldades que o usuário
       encontra no site
        Sugerir soluções para os problemas
       encontrados
Arquitetura de Informação   43
Acompanhamento


      Eye tracking / Mapa de calor
Arquitetura de Informação   44
Acompanhamento


      Eye tracking / Mapa de calor




                                            crazyegg
Arquitetura de Informação   45
Acompanhamento


      Avaliação heurística


                             Clareza dos objetivos;
                             Falar a linguagem dos usuários;
                             Adequação ao modelo mental dos
                             usuários;
                             Consistência e padrões;
                             Prevenção de erros;
                             Reconhecimento em vez de lembrança;
                             Flexibilidade e eficiência de uso;
                             Estética e design minimalista;
                             Mensagens de erros;
                             Ajuda e documentação.
Arquitetura de Informação   46




Bom senso já é um grande
começo para você se tornar um
bom arquiteto de informação
Arquitetura de Informação   47


Então podemos concluir que...




"A arte e a ciência de
estruturar, organizar e rotular
informações para ajudar as
pessoas a encontrar e
gerenciar informações“

Louis Rosenfeld e Peter Morville
Arquitetura de Informação   48



Blogs, livros, links, cursos e eventos
Arquitetura de Informação   49



Algumas dicas
Trabalhe muito para se tornar um bom profissional;

Vá com tudo quando tomar uma decisão de trabalhar em algum lugar;

Não seja certinho demais e não tenha medo de ser mandado embora;

Seja especialista em alguma coisa que todos vão lembrar de você;

Trabalhe por amor, e não por dinheiro.
Obrigado
Rogério Pereira




Site: www.rogeriopa.com
Twitter: rogeriopa
E-mail: rogeriopa10@gmail.com

Apresentacao arquitetura

  • 1.
    Análise de usabilidadee negócio Quepasa 1 Aquitetura de Informação
  • 2.
    Arquitetura de Informação 2 Quem é esse estranho que veio falar sobre algo estranho?
  • 3.
    Arquitetura de Informação 3 Já fui sobrinho
  • 4.
    Arquitetura de Informação 4 Já fui webmaster Aquele assinava o rodapé dos sites
  • 5.
    Arquitetura de Informação 5 E o webmaster morreu
  • 6.
    Arquitetura de Informação 6 Por onde andei AgênciaClick – Interface Ministério da Cultura – Arquiteto de Informação Mens (Atual Casanova) – Arquiteto de Informação TV1 – Arquiteto de Informação e atualmente estou conversando na Talk
  • 7.
    Arquitetura de Informação 7 Alguns clientes que já atendi Banco do Brasil Brasil Telecom Caixa Econômica Federal Ministério do Turismo Bancorbras Ministério da Cultura Via Engenharia GDF CNA Prefeitura de São Paulo SESI Correio Braziliense Católica Virtual
  • 8.
    O que fazum arquiteto de informação?
  • 9.
    Arquitetura de Informação 9 “Às vezes é muito difícil as pessoas entenderem o que deve ser feito. Então eu desenho! Sou a desenhista lá da firma.” Andressa Vieira, especialista em Usabilidade da Mapa Digital
  • 10.
    Arquitetura de Informação 10 “Vó, sabe quando a gente faz risquinhos na parede com um lápis antes de usar a furadeira, pra não furar errado? Então, eu faço esses risquinhos, só que nos sites.” Fabrício Teixeira, arquiteto de informação da AgênciaClick
  • 11.
    ... em outraspalavras Não faça o usuário pensar
  • 12.
    Deixar o conteúdoorganizado para fácil acesso
  • 13.
    Adequar o nívelde experiência ao público-alvo
  • 14.
    ... em outraspalavras Não deixar a interface assustá-lo.
  • 15.
    Quais são ospilares que sustentam um arquiteto de informação?
  • 16.
    Arquitetura de Informação 16 Organização classificação, hierarquização e diagramação Comunicação clareza, concisão e coerência Sensibilidade altruísmo, psicologia e experimentação
  • 17.
    Arquitetura de Informação 17 e também é... ... pensar na melhor interface possível para a tarefa...
  • 18.
    Arquitetura de Informação 18 ... correr atrás do próprio briefing...
  • 19.
    Arquitetura de Informação 19 ... privilegiar a pesquisa de usuário...
  • 20.
    Arquitetura de Informação 20 ... lutar pela entrega do melhor produto!
  • 21.
  • 22.
    Arquitetura de Informação 22 Sistema de organização Sistema de navegação Sistema de rotulação Sistema de busca
  • 23.
    Arquitetura de Informação 23 Sistema de organização
  • 24.
    Arquitetura de Informação 24 Sistema de organização
  • 25.
    Arquitetura de Informação 25 Sistema de organização
  • 26.
    Arquitetura de Informação 26 Sistema de navegação
  • 27.
    Arquitetura de Informação 27 Sistema de navegação
  • 28.
    Arquitetura de Informação 28 Sistema de navegação
  • 29.
    Arquitetura de Informação 29 Sistema de rotulação
  • 30.
    Arquitetura de Informação 30 Sistema de rotulação
  • 31.
    Arquitetura de Informação 31 Sistema de busca
  • 32.
    Arquitetura de Informação 32 Sistema de busca
  • 33.
    Arquitetura de Informação 33 Sistema de busca
  • 34.
    Como é otrabalho do Arquiteto de informação?
  • 35.
    Arquitetura de Informação 35 Pesquisa Acompanhamento Concepção Especificação
  • 36.
    Arquitetura de Informação 36 Pesquisa Estudo Etnográfico Estudo do comportamento do usuário utilizando o produto no seu ambiente  Maior entendimento da relação usuário-produto  Avaliar as dificuldades e facilidades que o usuário tem com o produto
  • 37.
    Arquitetura de Informação 37 Pesquisa Grupos de Foco Os grupos de focos ou discussão em grupo ajuda a levantar as necessidades das pessoas, desejos, sentimentos, valores, idéias.
  • 38.
    Arquitetura de Informação 38 Concepção Criação de personas Estimula a imaginação e incentiva a criação de alternativas viáveis de projeto  Conhecimento mais amplo do público-alvo  Melhor entendimento dos objetivos dos usuários com o produto  Permite pensar na interação com o produto antes da criação
  • 39.
    Arquitetura de Informação 39 Concepção Cardsorting Objetiva levantar como usuários do público-alvo organizam as informações da forma que faça mais sentido para eles  Contribuir para estruturas mais adequadas ao modelo mental dos usuários  Avaliar um novo modelo de categorização e identificar itens que são difíceis de classificar
  • 40.
    Arquitetura de Informação 40 Concepção Rabiscoframe Para representar a organização, diagramação e funcionamento dos elementos de uma página  Mais liberdade na hora da criação  Facilita a refação  Rápido e prático, bom para reuniões com brainstorm
  • 41.
    Arquitetura de Informação 41 Especificação Wireframe no Axure Para representar a organização, diagramação e funcionamento dos elementos de uma página  Protótipo de alta fidelidade  Protótipo navegável: permite navegar no site e interagir com as funcionalidades da página
  • 42.
    Arquitetura de Informação 42 Acompanhamento Teste de usabilidade Expor resultados do teste de usabilidade do site e apresentar recomendações  Apresentar as dificuldades que o usuário encontra no site  Sugerir soluções para os problemas encontrados
  • 43.
    Arquitetura de Informação 43 Acompanhamento Eye tracking / Mapa de calor
  • 44.
    Arquitetura de Informação 44 Acompanhamento Eye tracking / Mapa de calor crazyegg
  • 45.
    Arquitetura de Informação 45 Acompanhamento Avaliação heurística Clareza dos objetivos; Falar a linguagem dos usuários; Adequação ao modelo mental dos usuários; Consistência e padrões; Prevenção de erros; Reconhecimento em vez de lembrança; Flexibilidade e eficiência de uso; Estética e design minimalista; Mensagens de erros; Ajuda e documentação.
  • 46.
    Arquitetura de Informação 46 Bom senso já é um grande começo para você se tornar um bom arquiteto de informação
  • 47.
    Arquitetura de Informação 47 Então podemos concluir que... "A arte e a ciência de estruturar, organizar e rotular informações para ajudar as pessoas a encontrar e gerenciar informações“ Louis Rosenfeld e Peter Morville
  • 48.
    Arquitetura de Informação 48 Blogs, livros, links, cursos e eventos
  • 49.
    Arquitetura de Informação 49 Algumas dicas Trabalhe muito para se tornar um bom profissional; Vá com tudo quando tomar uma decisão de trabalhar em algum lugar; Não seja certinho demais e não tenha medo de ser mandado embora; Seja especialista em alguma coisa que todos vão lembrar de você; Trabalhe por amor, e não por dinheiro.
  • 50.
    Obrigado Rogério Pereira Site: www.rogeriopa.com Twitter:rogeriopa E-mail: rogeriopa10@gmail.com