SlideShare ist ein Scribd-Unternehmen logo
1 von 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/

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (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
 

Kürzlich hochgeladen

Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAnnaCarolina242437
 
Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Érica Pizzino
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfAnnaCarolina242437
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...AnnaCarolina242437
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAnnaCarolina242437
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024CarolTelles6
 
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaaGESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaayasminlarissa371
 
Design para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfDesign para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfCharlesFranklin13
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfAnnaCarolina242437
 

Kürzlich hochgeladen (9)

Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
 
Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdf
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024
 
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaaGESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
 
Design para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfDesign para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdf
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdf
 

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.