SlideShare une entreprise Scribd logo
1  sur  11
Arquitetura da Informação
                             v
        Análise de um site
Contexto


                        WWW.shockingbarack.com

           É um site (blog) que retrata e destaca fatos da viagem de dois
           amigos ( de moto), que tem por objetivo ir até Washington para
           mostrar para o presidente Obama uma proposta baseada na
           energia elétrica como solução viável para a crise do transporte.
           Portanto, este site está a acompanhar a viagem e pedir as
           pessoas para espalhar a palavra e colaborar, se possível com
           um lugar para ficar ou carregar os veículos, ir vê-los ou segui-
           los no Twitter. www.adverblog.com
Hierarquia




             Primeiramente o titulo do site é que tem maior destaque, com uma
             fonte maior que todas as demais e em seguida vem os
             itens(chamadas) com uma fonte relativamente destacada com
             negrito e por fim vem os textos com uma fonte pequena. Há duas
             colunas. A da esquerda, a maior, apresenta de primeiro a imagem
             de satélite do caminho a ser percorrido e a exata localização dos
             motociclistas no presente momento, em seguida aparecem vídeos,
             imagens e comentários dos aventureiros durante o percurso. E
             também aparece nesta mesma coluna uma outra intermediária que
             serve para que adoradores(seguidores) postem comentários. Na da
             direita, o que é apresentado é o que eles estão fazendo, links para
             contatos por e-mail ou twitter e também um link para os visitantes
             ajudarem a encontrar o presidente.
Apresentação
Da informação




                Para a diferenciação da apresentação é utilizado principalmente
                fontes (maiores ou menores). Além da localização imediata e ao
                vivo de onde os personagens se encontram. Ele também apresenta
                imagens e atalhos para sites de relacionamento.
Formulário




             O blog apresenta embaixo de cada quadro o ícone SEE MORE
             ‘ver mais’ e uma rolagem relativamente grande mais não chega a
             ser entediante por se tratar de um blog e não um site comercial.
Hogeneidade
comunicativa




               O blog segue um padrão sem muitas variações, tem fundo em
               variações de cinza com divisões em colunas em duas partes,
               separadas por uma linha verde que vai de cima a baixo. As
               imagens sempre ficam à esquerda com comentários a baixo e
               ícones para indicar ao amigos.
Mundialização




                Possuem ícones conhecidos de sites de relacionamento, além de
                imagens de perfil de diferentes pessoas que comentam no blog.
Navegação
Assertativa




              A navegação é simples apenas através de rolagem, clique e
              hiperlinks, porém não existe área de busca ( pesquisa).
Ajuda ao
usuário




           Não possue nenhum lugar para ajuda já que é um blog e tem por
           objetivo relacionamento, mas indica seu twitter e contato.
Feedback




           O frequentador pode postar comentários e também clicar num
           ícone indicando que gostou ( do video, imagem ou conteúdo do
           site) como se indicando para outros navegadores.
Mais análises!
http://pa4design.blogspot.com/
http://thezigner.blogspot.com/
http://tahisgarrido.blogspot.com/

Contenu connexe

En vedette

En vedette (13)

Santiago 7 d
Santiago 7 dSantiago 7 d
Santiago 7 d
 
Presentacion Valeven V Foro
Presentacion Valeven V ForoPresentacion Valeven V Foro
Presentacion Valeven V Foro
 
Taller de creatividad 7b Eliana Garcia
Taller de creatividad 7b Eliana GarciaTaller de creatividad 7b Eliana Garcia
Taller de creatividad 7b Eliana Garcia
 
Orcas
OrcasOrcas
Orcas
 
Helicóptero
HelicópteroHelicóptero
Helicóptero
 
Ruben vasquez 2010
Ruben vasquez 2010Ruben vasquez 2010
Ruben vasquez 2010
 
Sebas
SebasSebas
Sebas
 
Neider ferney salazar garcia 7c
Neider ferney salazar garcia 7cNeider ferney salazar garcia 7c
Neider ferney salazar garcia 7c
 
Presentation Linkedin
Presentation LinkedinPresentation Linkedin
Presentation Linkedin
 
Chinas air pollution
Chinas air pollutionChinas air pollution
Chinas air pollution
 
Unip Direito Contratos E Seguros Internacionais 091103
Unip   Direito Contratos E Seguros Internacionais   091103Unip   Direito Contratos E Seguros Internacionais   091103
Unip Direito Contratos E Seguros Internacionais 091103
 
Меню джаз-клуба EverJazz
Меню джаз-клуба EverJazzМеню джаз-клуба EverJazz
Меню джаз-клуба EverJazz
 
Ict a - quick presentation
Ict a - quick presentationIct a - quick presentation
Ict a - quick presentation
 

analise de arquitetura da informação

  • 1. Arquitetura da Informação v Análise de um site
  • 2. Contexto WWW.shockingbarack.com É um site (blog) que retrata e destaca fatos da viagem de dois amigos ( de moto), que tem por objetivo ir até Washington para mostrar para o presidente Obama uma proposta baseada na energia elétrica como solução viável para a crise do transporte. Portanto, este site está a acompanhar a viagem e pedir as pessoas para espalhar a palavra e colaborar, se possível com um lugar para ficar ou carregar os veículos, ir vê-los ou segui- los no Twitter. www.adverblog.com
  • 3. Hierarquia Primeiramente o titulo do site é que tem maior destaque, com uma fonte maior que todas as demais e em seguida vem os itens(chamadas) com uma fonte relativamente destacada com negrito e por fim vem os textos com uma fonte pequena. Há duas colunas. A da esquerda, a maior, apresenta de primeiro a imagem de satélite do caminho a ser percorrido e a exata localização dos motociclistas no presente momento, em seguida aparecem vídeos, imagens e comentários dos aventureiros durante o percurso. E também aparece nesta mesma coluna uma outra intermediária que serve para que adoradores(seguidores) postem comentários. Na da direita, o que é apresentado é o que eles estão fazendo, links para contatos por e-mail ou twitter e também um link para os visitantes ajudarem a encontrar o presidente.
  • 4. Apresentação Da informação Para a diferenciação da apresentação é utilizado principalmente fontes (maiores ou menores). Além da localização imediata e ao vivo de onde os personagens se encontram. Ele também apresenta imagens e atalhos para sites de relacionamento.
  • 5. Formulário O blog apresenta embaixo de cada quadro o ícone SEE MORE ‘ver mais’ e uma rolagem relativamente grande mais não chega a ser entediante por se tratar de um blog e não um site comercial.
  • 6. Hogeneidade comunicativa O blog segue um padrão sem muitas variações, tem fundo em variações de cinza com divisões em colunas em duas partes, separadas por uma linha verde que vai de cima a baixo. As imagens sempre ficam à esquerda com comentários a baixo e ícones para indicar ao amigos.
  • 7. Mundialização Possuem ícones conhecidos de sites de relacionamento, além de imagens de perfil de diferentes pessoas que comentam no blog.
  • 8. Navegação Assertativa A navegação é simples apenas através de rolagem, clique e hiperlinks, porém não existe área de busca ( pesquisa).
  • 9. Ajuda ao usuário Não possue nenhum lugar para ajuda já que é um blog e tem por objetivo relacionamento, mas indica seu twitter e contato.
  • 10. Feedback O frequentador pode postar comentários e também clicar num ícone indicando que gostou ( do video, imagem ou conteúdo do site) como se indicando para outros navegadores.