SlideShare una empresa de Scribd logo
1 de 35
Foto: http://arquiteturadeinformacao.com/




Arquitetura de Informação
Arquitetura de
 Informação
 O que é e para que serve?
Arquitetura de
 Informação
 O que é e para que serve?



      ONDE ESTOU ?


      DE ONDE VIM ?


    PARA ONDE VOU ?
Arquitetura de
        Informação
                         O que é



 É a arte e a ciência de estruturar e classificar
websites e intranets a fim de ajudar as pessoas
    a encontrar e a gerenciar informação.


  (Peter Morville & Louis Rosenfeld, in Information Architecture for
                                              the World Wide Web)
Arquitetura de
       Informação
                        O que é



Combinação entre esquemas de organização,
          nomeação e navegação
   dentro de um sistema de informação.


 (Peter Morville & Louis Rosenfeld, in Information Architecture for
                                             the World Wide Web)
Arquitetura de
        Informação
                    Para que serve?



            Facilitar a realização de tarefas
   e o acesso intuitivo a contextos e conteúdos.



(Peter Morville & Louis Rosenfeld, in Information Architecture for
                                            the World Wide Web)
Arquitetura de
 Informação
      Para que serve?



  Ela torna o complexo, claro.



          Richard Saul Wurman (1997)
Arquitetura de
          Informação
Sabe quando você    A tarefa do Arquiteto de
 entra num site e   Informação é trabalhar
  fica perdido?        para que isso não
                           aconteça.
Arquitetura de
        Informação
                 Aplicação

     Encurtar o tempo de construção

    Tornar a manutenção mais simples

Tornar a busca por informações mais rápida

      Simplificar tarefas e processos

 Diminuir a necessidade de treinamentos

          Agregar valor à marca

      Criar boas experiências de uso
Arquitetura de
 Informação
  Existe no dia-a-dia
Arquitetura de
 Informação
  Existe no dia-a-dia
Arquitetura de
      Informação
   AI enquanto etapa de um projeto web




Plano de    AI      design   desenvolvimento
negócios
Arquitetura de
 Informação
  Ecologia da Informação
Arquitetura de
              Informação
Contexto
Entender as estratégias e oportunidades de negócio,
os processos e a cultura da empresa, o background do projeto
e os recursos disponíveis para sua realização


Usuários
Design centrado no usuário > Considerar as necessidades do usuário final
e entender seus tipos de comportamento em busca da informação


Conteúdo
Levantar a natureza e a quantidade de conteúdo a ser desenvolvido
para o projeto, projetar possíveis cenários para o crescimento do site
Arquitetura de
              Informação

                  A primeira tarefa é descobrir
                  o que precisa projetar e como


- Conhecer quem vai desenvolver, a tecnologia disponível, exemplos importantes
Arquitetura de
          Informação
               5 dicas de Steve Krug
       para que as pessoas entendam seu site
          (depois da Nº 0: “não me faça pensar”


1. Aproveite as convenções

2. Crie uma hierarquia visual clara em cada página

3. Quebre as páginas em áreas claramente definíveis

4. Deixe óbvio o que é clicável

5. Minimize o ruído
Arquitetura de
           Informação
              Descobrir o Contexto significa:


       - Entender os objetivos do negócio e metas corporativas

                 - Descobrir o “reason why” do projeto

                     - Saber qual é o público-alvo

              -Levantar todos os stakeholders envolvidos

                  - Identificar as restrições do projeto

                  - Avaliar erros e sucessos anteriores

- Olhar para o que está feito no mercado (benchmark funcional)
> Focado nas funcionalidades e experiências de uso dos sites concorrentes
Arquitetura de
                Informação
10 perguntas para descobrir o Contexto
        (briefing multidisciplinar)

      1.        Quais os objetivos a curto, médio e longo prazo?

     2.        Qual é o modelo de negócio? Quais são as políticas?

                          3.      Quem é o público-alvo?

      4.        Que tipo de tarefas os usuários poderão realizar?

5.    Porque os usuários visitarão o site? Porque voltarão?

          6.     Qual o orçamento e o cronograma do projeto?

                7.   Como o conteúdo será criado e gerido?

                     8.        Qual a infraestrutura técnica?

      9.        O que funcionou e o que deu errado no passado?

                     10. O que deixei de perguntar?
Arquitetura de
      Informação
             Descobrindo o Usuário




         Os usuários são os designers
              definitivos da web.


(Peter Morville & Louis Rosenfeld, in Information Architecture for
                                            the World Wide Web)
Arquitetura de
         Informação
               Descobrindo o Usuário


           Porque conhecer os usuários:


Para alinhar os objetivos corporativos com as necessidades
do público-alvo

Para encontrar inadequações nos projetos

Para ter subsídios consistentes ao defender aspectos
importantes do projeto

Para projetar com maior chance de sucesso
Arquitetura de
        Informação
               Descobrindo o Usuário


                  Algumas técnicas:



Pesquisa                        Testes de Usabilidade


Entrevista                            Análise da Tarefa


Questionário                            Web Analytics


Grupo de Foco                  Personas e Cenários
Arquitetura de
 Informação
  Descobrindo o Usuário



      Web Analytics
Web Analytics
Arquitetura de
             Informação
               Como implentar o Google Analytics


   Crie uma conta no GA e cole o tracking code
        em cada uma das páginas do site.
                                            Ex:

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js'
type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-8083861-1");
pageTracker._trackPageview();
} catch(err) {}</script>
Arquitetura de
  Informação
       Descobrindo o Usuário

          Personas e Cenários



  São arquétipos de perfis de usuário
     com foco em comportamento


Apresenta a descrição concisa de pessoas
     representativas do público-alvo
Arquitetura de
   Informação
           Personas e Cenários




   “Personas is to get everyone thinking
in a unified way from a user´s experience”
               Kim Goodwin


   É uma técnica que deve ser usada
 nos estágios iniciais do desenvolvimento
Arquitetura de
     Informação
                      Cenários


           Os Cenários devem mostrar:


 Descrições de legítimas situações hipotéticas

          Emoções e questões surgidas
Ex: Não entendo essas funcionalidades. Como posso avaliar
          e saber qual o melhor DVD para mim?

           Necessidades de informação
   Ex: Qual o tamanho do DVD? Vai caber no meu hack?
Arquitetura de
               Informação
                                  Cenários



    “Mariana precisa fazer uma planilha com cálculos corriqueiros numa sala
            com várias outras pessoas falando alto. Ela não consegue
             se concentrar direito e precisa terminar o trabalho logo.
        Resolve procurar alguma forma automatizada de inserir os dados.
    Por sorte, o software possui assistentes para inserir dados passo-a-passo
                         e fazer os cálculos mais comuns.
               A ajuda dá conta do recado, embora o processo todo
tenha demorado mais do que se ela tivesse feito como sempre faz, manualmente.”


                   http://www.faberludens.com.br/pt-br/node/1554
Arquitetura de
             Informação
                     Personas e Cenários




         O objetivo é obter a simulação realista dos
principais tipos de usuários e suas intenções com o produto



                           NÃO É:

                   Estereótipos dos usuários
           Perfis baseados em dados demográficos
Arquitetura de
 Informação
Como trabalhar Personas e Cenários




     Não seja a Mãe Dinah!
Arquitetura de
      Informação
                 Personas e Cenários



1.   Identificar grupo de usuários potenciais

     2. Entrevista + Coleta de dados
     (sócio-demográficos, objetivos, hábitos, motivações,
       necessidades, expectativas, barreiras/problemas)

 3. Com base nas informações, perceber
   o estilo de vida, o que ele necessita
   ou o que gostaria de ter com o site
Arquitetura de
 Informação
           Personas



     Criação de 3 a 7 perfis

  Escolha dos perfis prioritários

 O personagem deve representar
     o perfil médio do grupo
Exemplo de Personas e Cenários
Arquitetura de
 Informação
        Personas e Cenários


           Saiba mais:


    http://personas.quarry.com/




 http://stealthisidea.com/articles/ssnifs/
Arquitetura de
        Informação
                  Personas e Cenários

                          Atividade:

  Construa duas Personas com Cenários de utilização
para o seu projeto contendo as seguintes informações:

       Foto, Nome, Idade, perfil profissional e educacional

                     Estilo de vida e desejos

                        Contexto de uso

                    Objetivos e necessidades

                 Onde e como vai utilizar o site

Más contenido relacionado

La actualidad más candente

7 ges-teoria-palestra-outubro-06 ok
7 ges-teoria-palestra-outubro-06 ok7 ges-teoria-palestra-outubro-06 ok
7 ges-teoria-palestra-outubro-06 okbrandermarlonxavier
 
Arquitetura da Informação: Conceitos e Objetivos
Arquitetura da Informação: Conceitos e ObjetivosArquitetura da Informação: Conceitos e Objetivos
Arquitetura da Informação: Conceitos e Objetivosaiadufmg
 
Navegação e Arquitetura de Informação
Navegação e Arquitetura de InformaçãoNavegação e Arquitetura de Informação
Navegação e Arquitetura de InformaçãoLuiz Agner
 
O que é Arquitetura de Informação e UX Design: visão de uma bibliotecária inf...
O que é Arquitetura de Informação e UX Design: visão de uma bibliotecária inf...O que é Arquitetura de Informação e UX Design: visão de uma bibliotecária inf...
O que é Arquitetura de Informação e UX Design: visão de uma bibliotecária inf...Paula Azevedo Macedo
 
Mapas de site, Fluxos de Tarefa, Wireframe e Prototipagem
Mapas de site,  Fluxos de Tarefa,  Wireframe e PrototipagemMapas de site,  Fluxos de Tarefa,  Wireframe e Prototipagem
Mapas de site, Fluxos de Tarefa, Wireframe e PrototipagemRos Galabo, PhD
 
Aulas 03 e 04 - Arquitetura de Informação
Aulas 03 e 04 - Arquitetura de InformaçãoAulas 03 e 04 - Arquitetura de Informação
Aulas 03 e 04 - Arquitetura de Informaçãovincevader
 
Arquitetura de informação para Interface Digital
Arquitetura de informação para Interface DigitalArquitetura de informação para Interface Digital
Arquitetura de informação para Interface DigitalMarconi Pacheco
 
Arquitetura da Informacao
Arquitetura da InformacaoArquitetura da Informacao
Arquitetura da Informacaocarlosremontti
 
Aula 5 - Comunicação Gráfica e Design
Aula 5   - Comunicação Gráfica e DesignAula 5   - Comunicação Gráfica e Design
Aula 5 - Comunicação Gráfica e DesignCíntia Dal Bello
 
Arquitetura de Informação: história, definição e seus elementos
Arquitetura de Informação: história, definição e seus elementosArquitetura de Informação: história, definição e seus elementos
Arquitetura de Informação: história, definição e seus elementosLuciana Nunes
 
Diagrama de Estados
Diagrama de EstadosDiagrama de Estados
Diagrama de EstadosMaikynata
 
Aula 12 - Diagrama de Atividades.pdf
Aula 12 - Diagrama de Atividades.pdfAula 12 - Diagrama de Atividades.pdf
Aula 12 - Diagrama de Atividades.pdfIvanFontainha
 
Aula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de UsuárioAula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de UsuárioAndré Constantino da Silva
 
Modelação tridimensional
Modelação tridimensionalModelação tridimensional
Modelação tridimensionalDuarte Queiros
 

La actualidad más candente (20)

7 ges-teoria-palestra-outubro-06 ok
7 ges-teoria-palestra-outubro-06 ok7 ges-teoria-palestra-outubro-06 ok
7 ges-teoria-palestra-outubro-06 ok
 
Arquitetura da Informação: Conceitos e Objetivos
Arquitetura da Informação: Conceitos e ObjetivosArquitetura da Informação: Conceitos e Objetivos
Arquitetura da Informação: Conceitos e Objetivos
 
Navegação e Arquitetura de Informação
Navegação e Arquitetura de InformaçãoNavegação e Arquitetura de Informação
Navegação e Arquitetura de Informação
 
O que é Arquitetura de Informação e UX Design: visão de uma bibliotecária inf...
O que é Arquitetura de Informação e UX Design: visão de uma bibliotecária inf...O que é Arquitetura de Informação e UX Design: visão de uma bibliotecária inf...
O que é Arquitetura de Informação e UX Design: visão de uma bibliotecária inf...
 
Mapas de site, Fluxos de Tarefa, Wireframe e Prototipagem
Mapas de site,  Fluxos de Tarefa,  Wireframe e PrototipagemMapas de site,  Fluxos de Tarefa,  Wireframe e Prototipagem
Mapas de site, Fluxos de Tarefa, Wireframe e Prototipagem
 
Aulas 03 e 04 - Arquitetura de Informação
Aulas 03 e 04 - Arquitetura de InformaçãoAulas 03 e 04 - Arquitetura de Informação
Aulas 03 e 04 - Arquitetura de Informação
 
Card Sorting
Card SortingCard Sorting
Card Sorting
 
Arquitetura de informação para Interface Digital
Arquitetura de informação para Interface DigitalArquitetura de informação para Interface Digital
Arquitetura de informação para Interface Digital
 
Arquitetura da Informacao
Arquitetura da InformacaoArquitetura da Informacao
Arquitetura da Informacao
 
Aula 5 - Comunicação Gráfica e Design
Aula 5   - Comunicação Gráfica e DesignAula 5   - Comunicação Gráfica e Design
Aula 5 - Comunicação Gráfica e Design
 
Noções de planejamento visual
Noções de planejamento visualNoções de planejamento visual
Noções de planejamento visual
 
Arquitetura de Informação: história, definição e seus elementos
Arquitetura de Informação: história, definição e seus elementosArquitetura de Informação: história, definição e seus elementos
Arquitetura de Informação: história, definição e seus elementos
 
DESIGN DE INTERFACE
DESIGN DE INTERFACEDESIGN DE INTERFACE
DESIGN DE INTERFACE
 
Diagrama de Estados
Diagrama de EstadosDiagrama de Estados
Diagrama de Estados
 
Grade de diagramação
Grade de diagramaçãoGrade de diagramação
Grade de diagramação
 
Aula 12 - Diagrama de Atividades.pdf
Aula 12 - Diagrama de Atividades.pdfAula 12 - Diagrama de Atividades.pdf
Aula 12 - Diagrama de Atividades.pdf
 
Design Centrado no Ser Humano
Design Centrado no Ser HumanoDesign Centrado no Ser Humano
Design Centrado no Ser Humano
 
Fundamentos design grafico | Insper
Fundamentos design grafico | InsperFundamentos design grafico | Insper
Fundamentos design grafico | Insper
 
Aula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de UsuárioAula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de Usuário
 
Modelação tridimensional
Modelação tridimensionalModelação tridimensional
Modelação tridimensional
 

Destacado

21 روز برای تقویت سیستم ذهنی هوشمند
21 روز برای تقویت سیستم ذهنی هوشمند21 روز برای تقویت سیستم ذهنی هوشمند
21 روز برای تقویت سیستم ذهنی هوشمندmeta fekr
 
ScentAir - A Brief Introduction
ScentAir - A Brief IntroductionScentAir - A Brief Introduction
ScentAir - A Brief Introductionkate Tomlin
 
GI Solutions Customer Experience Seminar Dates 2016
GI Solutions Customer Experience Seminar Dates 2016GI Solutions Customer Experience Seminar Dates 2016
GI Solutions Customer Experience Seminar Dates 2016Edward van der Kleijn
 
Digitaalinen markkinointi - tietoisku Keuruulla 9.2.2016
Digitaalinen markkinointi - tietoisku Keuruulla 9.2.2016Digitaalinen markkinointi - tietoisku Keuruulla 9.2.2016
Digitaalinen markkinointi - tietoisku Keuruulla 9.2.2016FlowHouse Oy
 
A importância da colaboração na Web 2.0
A importância da colaboração na Web 2.0A importância da colaboração na Web 2.0
A importância da colaboração na Web 2.0UTFPR
 
Silabus SMA KTSP
Silabus SMA KTSPSilabus SMA KTSP
Silabus SMA KTSPDea SR
 
Como hacer una Revista en Microsoft Publisher
Como hacer una Revista en Microsoft PublisherComo hacer una Revista en Microsoft Publisher
Como hacer una Revista en Microsoft Publishermariafernandamg_05
 

Destacado (12)

21 روز برای تقویت سیستم ذهنی هوشمند
21 روز برای تقویت سیستم ذهنی هوشمند21 روز برای تقویت سیستم ذهنی هوشمند
21 روز برای تقویت سیستم ذهنی هوشمند
 
ScentAir - A Brief Introduction
ScentAir - A Brief IntroductionScentAir - A Brief Introduction
ScentAir - A Brief Introduction
 
6
66
6
 
GI Solutions Customer Experience Seminar Dates 2016
GI Solutions Customer Experience Seminar Dates 2016GI Solutions Customer Experience Seminar Dates 2016
GI Solutions Customer Experience Seminar Dates 2016
 
Diabetes type2
Diabetes type2Diabetes type2
Diabetes type2
 
Digitaalinen markkinointi - tietoisku Keuruulla 9.2.2016
Digitaalinen markkinointi - tietoisku Keuruulla 9.2.2016Digitaalinen markkinointi - tietoisku Keuruulla 9.2.2016
Digitaalinen markkinointi - tietoisku Keuruulla 9.2.2016
 
Kodaikanal Resorts
Kodaikanal ResortsKodaikanal Resorts
Kodaikanal Resorts
 
Projeto Residencial
Projeto Residencial Projeto Residencial
Projeto Residencial
 
A importância da colaboração na Web 2.0
A importância da colaboração na Web 2.0A importância da colaboração na Web 2.0
A importância da colaboração na Web 2.0
 
Silabus SMA KTSP
Silabus SMA KTSPSilabus SMA KTSP
Silabus SMA KTSP
 
Como hacer una Revista en Microsoft Publisher
Como hacer una Revista en Microsoft PublisherComo hacer una Revista en Microsoft Publisher
Como hacer una Revista en Microsoft Publisher
 
Design features
Design featuresDesign features
Design features
 

Similar a Arquitetura de Informação - Personas e Cenários

Arquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e CenáriosArquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e Cenáriosposgraduacaorj
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informaçãopospipoca
 
Introducao à Arquitetura de Informacao
Introducao à Arquitetura de InformacaoIntroducao à Arquitetura de Informacao
Introducao à Arquitetura de Informacaoduradez
 
Introducao a arquitetura de informacao
Introducao a arquitetura de informacaoIntroducao a arquitetura de informacao
Introducao a arquitetura de informacaoeramos7senac
 
Curso Arquitetura de Informação @ iMasters Jan 2013
Curso Arquitetura de Informação @ iMasters Jan 2013Curso Arquitetura de Informação @ iMasters Jan 2013
Curso Arquitetura de Informação @ iMasters Jan 2013Instituto Faber-Ludens
 
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato RosaPalestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosawudrs
 
29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
29/09/2011 -  9h às 12h30 - oficina - arquitetura da informação em sistemas 2...29/09/2011 -  9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...Rio Info
 
Arquitetura de Informacao em Projetos de Design
Arquitetura de Informacao em Projetos de DesignArquitetura de Informacao em Projetos de Design
Arquitetura de Informacao em Projetos de DesignMauro Pinheiro
 
Usabilidade aula-03. Processos: Arquitetura de informação
Usabilidade aula-03. Processos: Arquitetura de informaçãoUsabilidade aula-03. Processos: Arquitetura de informação
Usabilidade aula-03. Processos: Arquitetura de informaçãoAlan Vasconcelos
 
Arquitetura da informação slides
Arquitetura da informação   slidesArquitetura da informação   slides
Arquitetura da informação slidesAllan Barros
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da InformaçãoMarcello Cardoso
 
A herança da arquitetura da informação para a UX Writer
A herança da arquitetura da informação para a UX WriterA herança da arquitetura da informação para a UX Writer
A herança da arquitetura da informação para a UX WriterMergo
 
Arquitetura da Informação em Projetos Web
Arquitetura da Informação em Projetos WebArquitetura da Informação em Projetos Web
Arquitetura da Informação em Projetos WebOtaviano Silvério
 
Arquitetura da Informação - O Arquiteto da Informação
Arquitetura da Informação - O Arquiteto da InformaçãoArquitetura da Informação - O Arquiteto da Informação
Arquitetura da Informação - O Arquiteto da Informaçãoaiadufmg
 
Cenário da Profissão - Núcleo de Projeto de Interface da AG2
Cenário da Profissão - Núcleo de Projeto de Interface da AG2Cenário da Profissão - Núcleo de Projeto de Interface da AG2
Cenário da Profissão - Núcleo de Projeto de Interface da AG2wudrs
 
Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10Rafael Marinho
 

Similar a Arquitetura de Informação - Personas e Cenários (20)

Arquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e CenáriosArquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e Cenários
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 
Introducao à Arquitetura de Informacao
Introducao à Arquitetura de InformacaoIntroducao à Arquitetura de Informacao
Introducao à Arquitetura de Informacao
 
Introducao a arquitetura de informacao
Introducao a arquitetura de informacaoIntroducao a arquitetura de informacao
Introducao a arquitetura de informacao
 
Curso Arquitetura de Informação @ iMasters Jan 2013
Curso Arquitetura de Informação @ iMasters Jan 2013Curso Arquitetura de Informação @ iMasters Jan 2013
Curso Arquitetura de Informação @ iMasters Jan 2013
 
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato RosaPalestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
 
O Arquiteto da Informação
O Arquiteto da InformaçãoO Arquiteto da Informação
O Arquiteto da Informação
 
Arquitetura da Informação - Origem e Desenvolvimento
Arquitetura da Informação - Origem e DesenvolvimentoArquitetura da Informação - Origem e Desenvolvimento
Arquitetura da Informação - Origem e Desenvolvimento
 
29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
29/09/2011 -  9h às 12h30 - oficina - arquitetura da informação em sistemas 2...29/09/2011 -  9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
 
Web Standards
Web StandardsWeb Standards
Web Standards
 
Arquitetura de Informacao em Projetos de Design
Arquitetura de Informacao em Projetos de DesignArquitetura de Informacao em Projetos de Design
Arquitetura de Informacao em Projetos de Design
 
Usabilidade aula-03. Processos: Arquitetura de informação
Usabilidade aula-03. Processos: Arquitetura de informaçãoUsabilidade aula-03. Processos: Arquitetura de informação
Usabilidade aula-03. Processos: Arquitetura de informação
 
Arquitetura da informação slides
Arquitetura da informação   slidesArquitetura da informação   slides
Arquitetura da informação slides
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da Informação
 
A herança da arquitetura da informação para a UX Writer
A herança da arquitetura da informação para a UX WriterA herança da arquitetura da informação para a UX Writer
A herança da arquitetura da informação para a UX Writer
 
Arquitetura da Informação em Projetos Web
Arquitetura da Informação em Projetos WebArquitetura da Informação em Projetos Web
Arquitetura da Informação em Projetos Web
 
Arquitetura da Informação - O Arquiteto da Informação
Arquitetura da Informação - O Arquiteto da InformaçãoArquitetura da Informação - O Arquiteto da Informação
Arquitetura da Informação - O Arquiteto da Informação
 
Cenário da Profissão - Núcleo de Projeto de Interface da AG2
Cenário da Profissão - Núcleo de Projeto de Interface da AG2Cenário da Profissão - Núcleo de Projeto de Interface da AG2
Cenário da Profissão - Núcleo de Projeto de Interface da AG2
 
Apresentacao arquitetura
Apresentacao arquiteturaApresentacao arquitetura
Apresentacao arquitetura
 
Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10
 

Más de posgraduacaorj

Arquitetura de Informação - Sistemas de Rotulação e de Informação
Arquitetura de Informação - Sistemas de Rotulação e de InformaçãoArquitetura de Informação - Sistemas de Rotulação e de Informação
Arquitetura de Informação - Sistemas de Rotulação e de Informaçãoposgraduacaorj
 
Escrever é Fazer Sexo e os Princípios do Webwriting
Escrever é Fazer Sexo e os Princípios do WebwritingEscrever é Fazer Sexo e os Princípios do Webwriting
Escrever é Fazer Sexo e os Princípios do Webwritingposgraduacaorj
 
Conteúdo e Hipertexto
Conteúdo e HipertextoConteúdo e Hipertexto
Conteúdo e Hipertextoposgraduacaorj
 

Más de posgraduacaorj (6)

Arquitetura de Informação - Sistemas de Rotulação e de Informação
Arquitetura de Informação - Sistemas de Rotulação e de InformaçãoArquitetura de Informação - Sistemas de Rotulação e de Informação
Arquitetura de Informação - Sistemas de Rotulação e de Informação
 
Conteúdo para blogs
Conteúdo para blogsConteúdo para blogs
Conteúdo para blogs
 
Webwriting e SEO
Webwriting e SEOWebwriting e SEO
Webwriting e SEO
 
Webwriting That Works
Webwriting That WorksWebwriting That Works
Webwriting That Works
 
Escrever é Fazer Sexo e os Princípios do Webwriting
Escrever é Fazer Sexo e os Princípios do WebwritingEscrever é Fazer Sexo e os Princípios do Webwriting
Escrever é Fazer Sexo e os Princípios do Webwriting
 
Conteúdo e Hipertexto
Conteúdo e HipertextoConteúdo e Hipertexto
Conteúdo e Hipertexto
 

Último

Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....LuizHenriquedeAlmeid6
 
Slides sobre as Funções da Linguagem.pptx
Slides sobre as Funções da Linguagem.pptxSlides sobre as Funções da Linguagem.pptx
Slides sobre as Funções da Linguagem.pptxMauricioOliveira258223
 
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdf
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdfProjeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdf
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdfHELENO FAVACHO
 
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdfPROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdfHELENO FAVACHO
 
CRUZADINHA - Leitura e escrita dos números
CRUZADINHA   -   Leitura e escrita dos números CRUZADINHA   -   Leitura e escrita dos números
CRUZADINHA - Leitura e escrita dos números Mary Alvarenga
 
Atividade - Letra da música Esperando na Janela.
Atividade -  Letra da música Esperando na Janela.Atividade -  Letra da música Esperando na Janela.
Atividade - Letra da música Esperando na Janela.Mary Alvarenga
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...azulassessoria9
 
Urso Castanho, Urso Castanho, o que vês aqui?
Urso Castanho, Urso Castanho, o que vês aqui?Urso Castanho, Urso Castanho, o que vês aqui?
Urso Castanho, Urso Castanho, o que vês aqui?AnabelaGuerreiro7
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...azulassessoria9
 
Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)ElliotFerreira
 
apostila projeto de vida 2 ano ensino médio
apostila projeto de vida 2 ano ensino médioapostila projeto de vida 2 ano ensino médio
apostila projeto de vida 2 ano ensino médiorosenilrucks
 
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdfRecomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdfFrancisco Márcio Bezerra Oliveira
 
Rota das Ribeiras Camp, Projeto Nós Propomos!
Rota das Ribeiras Camp, Projeto Nós Propomos!Rota das Ribeiras Camp, Projeto Nós Propomos!
Rota das Ribeiras Camp, Projeto Nós Propomos!Ilda Bicacro
 
Revolução russa e mexicana. Slides explicativos e atividades
Revolução russa e mexicana. Slides explicativos e atividadesRevolução russa e mexicana. Slides explicativos e atividades
Revolução russa e mexicana. Slides explicativos e atividadesFabianeMartins35
 
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptxSlides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptxLuizHenriquedeAlmeid6
 
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptxTeoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptxTailsonSantos1
 
Apresentação em Powerpoint do Bioma Catinga.pptx
Apresentação em Powerpoint do Bioma Catinga.pptxApresentação em Powerpoint do Bioma Catinga.pptx
Apresentação em Powerpoint do Bioma Catinga.pptxLusGlissonGud
 
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...IsabelPereira2010
 
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de..."É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...Rosalina Simão Nunes
 

Último (20)

Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....
 
Slides sobre as Funções da Linguagem.pptx
Slides sobre as Funções da Linguagem.pptxSlides sobre as Funções da Linguagem.pptx
Slides sobre as Funções da Linguagem.pptx
 
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdf
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdfProjeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdf
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdf
 
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdfPROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
 
CRUZADINHA - Leitura e escrita dos números
CRUZADINHA   -   Leitura e escrita dos números CRUZADINHA   -   Leitura e escrita dos números
CRUZADINHA - Leitura e escrita dos números
 
Atividade - Letra da música Esperando na Janela.
Atividade -  Letra da música Esperando na Janela.Atividade -  Letra da música Esperando na Janela.
Atividade - Letra da música Esperando na Janela.
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
 
Urso Castanho, Urso Castanho, o que vês aqui?
Urso Castanho, Urso Castanho, o que vês aqui?Urso Castanho, Urso Castanho, o que vês aqui?
Urso Castanho, Urso Castanho, o que vês aqui?
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
 
Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)
 
apostila projeto de vida 2 ano ensino médio
apostila projeto de vida 2 ano ensino médioapostila projeto de vida 2 ano ensino médio
apostila projeto de vida 2 ano ensino médio
 
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdfRecomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
 
Rota das Ribeiras Camp, Projeto Nós Propomos!
Rota das Ribeiras Camp, Projeto Nós Propomos!Rota das Ribeiras Camp, Projeto Nós Propomos!
Rota das Ribeiras Camp, Projeto Nós Propomos!
 
Revolução russa e mexicana. Slides explicativos e atividades
Revolução russa e mexicana. Slides explicativos e atividadesRevolução russa e mexicana. Slides explicativos e atividades
Revolução russa e mexicana. Slides explicativos e atividades
 
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptxSlides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
 
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptxTeoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
 
Apresentação em Powerpoint do Bioma Catinga.pptx
Apresentação em Powerpoint do Bioma Catinga.pptxApresentação em Powerpoint do Bioma Catinga.pptx
Apresentação em Powerpoint do Bioma Catinga.pptx
 
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
 
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de..."É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
 
Aula sobre o Imperialismo Europeu no século XIX
Aula sobre o Imperialismo Europeu no século XIXAula sobre o Imperialismo Europeu no século XIX
Aula sobre o Imperialismo Europeu no século XIX
 

Arquitetura de Informação - Personas e Cenários

  • 2. Arquitetura de Informação O que é e para que serve?
  • 3. Arquitetura de Informação O que é e para que serve? ONDE ESTOU ? DE ONDE VIM ? PARA ONDE VOU ?
  • 4. Arquitetura de Informação O que é É a arte e a ciência de estruturar e classificar websites e intranets a fim de ajudar as pessoas a encontrar e a gerenciar informação. (Peter Morville & Louis Rosenfeld, in Information Architecture for the World Wide Web)
  • 5. Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação dentro de um sistema de informação. (Peter Morville & Louis Rosenfeld, in Information Architecture for the World Wide Web)
  • 6. Arquitetura de Informação Para que serve? Facilitar a realização de tarefas e o acesso intuitivo a contextos e conteúdos. (Peter Morville & Louis Rosenfeld, in Information Architecture for the World Wide Web)
  • 7. Arquitetura de Informação Para que serve? Ela torna o complexo, claro. Richard Saul Wurman (1997)
  • 8. Arquitetura de Informação Sabe quando você A tarefa do Arquiteto de entra num site e Informação é trabalhar fica perdido? para que isso não aconteça.
  • 9. Arquitetura de Informação Aplicação Encurtar o tempo de construção Tornar a manutenção mais simples Tornar a busca por informações mais rápida Simplificar tarefas e processos Diminuir a necessidade de treinamentos Agregar valor à marca Criar boas experiências de uso
  • 10. Arquitetura de Informação Existe no dia-a-dia
  • 11. Arquitetura de Informação Existe no dia-a-dia
  • 12. Arquitetura de Informação AI enquanto etapa de um projeto web Plano de AI design desenvolvimento negócios
  • 13. Arquitetura de Informação Ecologia da Informação
  • 14. Arquitetura de Informação Contexto Entender as estratégias e oportunidades de negócio, os processos e a cultura da empresa, o background do projeto e os recursos disponíveis para sua realização Usuários Design centrado no usuário > Considerar as necessidades do usuário final e entender seus tipos de comportamento em busca da informação Conteúdo Levantar a natureza e a quantidade de conteúdo a ser desenvolvido para o projeto, projetar possíveis cenários para o crescimento do site
  • 15. Arquitetura de Informação A primeira tarefa é descobrir o que precisa projetar e como - Conhecer quem vai desenvolver, a tecnologia disponível, exemplos importantes
  • 16. Arquitetura de Informação 5 dicas de Steve Krug para que as pessoas entendam seu site (depois da Nº 0: “não me faça pensar” 1. Aproveite as convenções 2. Crie uma hierarquia visual clara em cada página 3. Quebre as páginas em áreas claramente definíveis 4. Deixe óbvio o que é clicável 5. Minimize o ruído
  • 17. Arquitetura de Informação Descobrir o Contexto significa: - Entender os objetivos do negócio e metas corporativas - Descobrir o “reason why” do projeto - Saber qual é o público-alvo -Levantar todos os stakeholders envolvidos - Identificar as restrições do projeto - Avaliar erros e sucessos anteriores - Olhar para o que está feito no mercado (benchmark funcional) > Focado nas funcionalidades e experiências de uso dos sites concorrentes
  • 18. Arquitetura de Informação 10 perguntas para descobrir o Contexto (briefing multidisciplinar) 1. Quais os objetivos a curto, médio e longo prazo? 2. Qual é o modelo de negócio? Quais são as políticas? 3. Quem é o público-alvo? 4. Que tipo de tarefas os usuários poderão realizar? 5. Porque os usuários visitarão o site? Porque voltarão? 6. Qual o orçamento e o cronograma do projeto? 7. Como o conteúdo será criado e gerido? 8. Qual a infraestrutura técnica? 9. O que funcionou e o que deu errado no passado? 10. O que deixei de perguntar?
  • 19. Arquitetura de Informação Descobrindo o Usuário Os usuários são os designers definitivos da web. (Peter Morville & Louis Rosenfeld, in Information Architecture for the World Wide Web)
  • 20. Arquitetura de Informação Descobrindo o Usuário Porque conhecer os usuários: Para alinhar os objetivos corporativos com as necessidades do público-alvo Para encontrar inadequações nos projetos Para ter subsídios consistentes ao defender aspectos importantes do projeto Para projetar com maior chance de sucesso
  • 21. Arquitetura de Informação Descobrindo o Usuário Algumas técnicas: Pesquisa Testes de Usabilidade Entrevista Análise da Tarefa Questionário Web Analytics Grupo de Foco Personas e Cenários
  • 22. Arquitetura de Informação Descobrindo o Usuário Web Analytics
  • 24. Arquitetura de Informação Como implentar o Google Analytics Crie uma conta no GA e cole o tracking code em cada uma das páginas do site. Ex: <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-8083861-1"); pageTracker._trackPageview(); } catch(err) {}</script>
  • 25. Arquitetura de Informação Descobrindo o Usuário Personas e Cenários São arquétipos de perfis de usuário com foco em comportamento Apresenta a descrição concisa de pessoas representativas do público-alvo
  • 26. Arquitetura de Informação Personas e Cenários “Personas is to get everyone thinking in a unified way from a user´s experience” Kim Goodwin É uma técnica que deve ser usada nos estágios iniciais do desenvolvimento
  • 27. Arquitetura de Informação Cenários Os Cenários devem mostrar: Descrições de legítimas situações hipotéticas Emoções e questões surgidas Ex: Não entendo essas funcionalidades. Como posso avaliar e saber qual o melhor DVD para mim? Necessidades de informação Ex: Qual o tamanho do DVD? Vai caber no meu hack?
  • 28. Arquitetura de Informação Cenários “Mariana precisa fazer uma planilha com cálculos corriqueiros numa sala com várias outras pessoas falando alto. Ela não consegue se concentrar direito e precisa terminar o trabalho logo. Resolve procurar alguma forma automatizada de inserir os dados. Por sorte, o software possui assistentes para inserir dados passo-a-passo e fazer os cálculos mais comuns. A ajuda dá conta do recado, embora o processo todo tenha demorado mais do que se ela tivesse feito como sempre faz, manualmente.” http://www.faberludens.com.br/pt-br/node/1554
  • 29. Arquitetura de Informação Personas e Cenários O objetivo é obter a simulação realista dos principais tipos de usuários e suas intenções com o produto NÃO É: Estereótipos dos usuários Perfis baseados em dados demográficos
  • 30. Arquitetura de Informação Como trabalhar Personas e Cenários Não seja a Mãe Dinah!
  • 31. Arquitetura de Informação Personas e Cenários 1. Identificar grupo de usuários potenciais 2. Entrevista + Coleta de dados (sócio-demográficos, objetivos, hábitos, motivações, necessidades, expectativas, barreiras/problemas) 3. Com base nas informações, perceber o estilo de vida, o que ele necessita ou o que gostaria de ter com o site
  • 32. Arquitetura de Informação Personas Criação de 3 a 7 perfis Escolha dos perfis prioritários O personagem deve representar o perfil médio do grupo
  • 33. Exemplo de Personas e Cenários
  • 34. Arquitetura de Informação Personas e Cenários Saiba mais: http://personas.quarry.com/ http://stealthisidea.com/articles/ssnifs/
  • 35. Arquitetura de Informação Personas e Cenários Atividade: Construa duas Personas com Cenários de utilização para o seu projeto contendo as seguintes informações: Foto, Nome, Idade, perfil profissional e educacional Estilo de vida e desejos Contexto de uso Objetivos e necessidades Onde e como vai utilizar o site