Pessoal,
Hoje temos uma importante carga teórica que será valiosa para planejamento e concepção de projetos de comunicação digital. Discutiremos a evolução da Internet, para contextualizar nossos temas. Em seguida apresentarei princípios de desenvolvimento de projetos interativos. Falaremos da experiência do usuário, dos elementos a ser considerados na elaboração de projetos, bem como as etapas fundamentais para planejamento e produção de qualquer peça de comunicação digital, seja um site, portal, hotsite, campanhas on-line.
Na parte prática, faremos uma atividade de percepção e análise de websites. É um exercício individual de análise, utilizando o atual conhecimento de vocês. À medida que formos avançando nos conteúdos, novas análises (mais complexas) serão propostas.
Elementos para análise:
- Estrutura dos menus
- uso de rótulos e labels
- elementos de navegação
- sistema de busca
- acabamento visual
- qualidade de conteúdo (mídias)
Darei maiores detalhes em aula. Até lá!!
- - - - - - - -
links de apoio para esta aula:
www.agorapod.com.br/Plano_de_Ensino_webdesign7.doc
http://www.agorapod.com.br/grafico_internet.jpg
http://www.agorapod.com.br/experiencia.jpg
http://www.agorapod.com.br/elements.pdf
http://www.agorapod.com.br/metodologia.jpg
Assinar:
Postar comentários (Atom)
35 comentários:
Portal do G1
Segue a análise!
1)estrutura dos menus
R. o menu está bem claro em horizontal, porém não possuem em sua grande maioria outros tópicos para economizar clics, e também não existe outra barra no de menu no final da página
2)rótulos / label s
R. é possível compreender os rótulos, apesar de pequenos e em cinza quando comparados ao assunto que esta em caixa maior e em vermelho, não ganham tanto destaque, o site usa últimas notícias dividas por horários do diao que facilita o leitor a estar atento as notícias do dia. Contem rótulos coloridos na parte superior do portal
3) elementos de navegação
R. infográficos, vídeos, estrutura de busca, fotos
sistemas de busca
tem as noticias mais lidas, e as ultimas noticias, fora isso tem um campo para digitar a buca e no final da página tem o mapa do site
4. acabamento visual
as fontes do site está bem fácil de entender, e com cores harmônicas, com fotos e imagens que já passam a informação de uma forma fácil de entender. Porém acho que deveria haver mais qualidade no acababendo do portal e com ferramentas que chamem mais a atenção, com cores que se destacam mais.
5. qualidade dos conteúdos txt, img, vid, aud
os textos estão de fácil leitura e com palabras chaves, as imagens porém não receberam tanta atenção, estão em tamanhos pequenos, ainda recebem os destaques os textos, o conteúdo de video está bem localizado e todos em grupo. A qualidade do áudio é boa e com o texto condizente com o áudio.
Renato Agostinho
G1.COM
- Estrutura dos menus
Menu Horizontal, em algumas editorias em forma de cascata facilitando ao clic direto.
Na parte inferior do site menu é repetido e mais detalhado.
Poderia ter uma fonte maior.
- Uso de rótulos e labels
Rotulação de fácil identificação, utilizando fontes diferentes e cores que fazem com que seja mais fácil encontrar o que deseja no portal.
- Elementos de navegação
Tem a maioria dos assuntos abordados na pagina principal, facilitando ler varias noticias juntas sem precisar ta abrindo mais de uma pagina.
- Sistema de busca
O sistema de busca me da 2 opções enquanto digito minha palavra chave, resposta no próprio portal e também resposta do portal GOOGLE.
- Acabamento visual
Com cores claras de fundo e fontes com cores fortes facilitando a visualização, estrategicamente bem dividido pelas cores. Tom de vermelho predomina.
- Qualidade de conteúdo (mídias)
O conteúdo é abordado de varias maneiras, utilizando diversas mídias pra relatar os fatos ocorridos, entre eles, textos bem redigidos direcionando a matéria, fotos, vídeos e até mesmo links.
http://g1.globo.com/:
O menu é em horizontal onde alguns possuem submenu em cascata, diminuindo numero de clicks, facilitando a navegação e entendimento do site.
Sistema de busca, numa área privilegiada onde o usuário tende a olhar mais.
rótulos/labels, a estrutura do site é baseada em cores, diferenciando as cores por temas, diferenciando tons das cores para títulos assim sucessivamente, o que cria uma identidade para cada parte do site.
Acabamento visual moderno, com simetria onde conteúdo fica em 3 colunas verticais, separando facilitando visualização e entendimento.
Conteúdos atualizados a todo o momento, completos porem não exagerados dando ênfase no entendimento da reportagem. Para que o usuário saiba o principal de tudo que interessa.
http://www.globo.com/
O menu está localizado verticalmente com uma cor de letra meio confusa, que é o cinza claro, o que não facilita a leitura.
Cada assunto tem um tipo de rótulo diferente , característico do assunto abordado. Como por exemplo, o rótulo : entretenimento , aparece em mais evidência e com fontes maiores do que o de esportes
Elementos de navegação: Os links estão colocados de forma bem clara e dispostos em cores diferentes, o que facilita a navegação
Sistema de busca: estão localizados na parte superior do site, colocados de forma bem evidente e de simples acesso.
Acabamento visual : o site em si, está disposto de forma colorida cada assunto enfatizado com uma cor diferente, simplificando a navegação e separando um assunto do outro.
Qualidade dos conteúdos : A qualidade dos conteúdos é boa, porém o tempo para carregar as fotos as vezes não é tão eficaz assim, da mesma forma que os vídeos levam um certo tempo para serem visualizados. Entretanto a credibilidade do conteúdo é indiscutível.
Site Terra: www.terra.com.br
Estrutura dos menus: estruturado no canto superior na horizontal, e também na parte inferior,fácil e prático uma vez que quando passado o mouse sobre o icone, aparece automaticamente os sublinks da sessão com abas
Rótulos/ Labels: Visíbilidade boa, aparece uma vez logo abaixo do menu, com fundo colorido, e uma outras vez a baixo na cor da fonte da notícia e em letra maiúscula, e também a sessão fica de outra cor.
Elementos de navegação: organizados de forma vertical separados de forma limpa com um traçado horizontal discreto, a sessão em que determinada notícia se encontra
Sistema de Busca: separada com busca apenas pelo site, ou por toda a web. apertar o botão do teclado "enter" não funciona, é necessário clicar na "busca"
Acabamento visual: cores claras conbtrastando laranja claro com cinza, criando um aspecto clean
Qualidade de conteúdos: texto - data da matéria e a fonte da matéria com a cor muito clara, fonte pequena levando em cosideração a sua cor
imagem - bem estruturadas com o padrão de um mosaico com as fotos pequenas, e a selecionada de um tamanho grande. Fotos de boa qualidade.
video - tem um icone de "terra tv", tem uma cor de fundo escura, fujindo do padrão do resto do site, mas com detalhes na com laranja que remete ao padrão do site. Os videos são separados tb por sessões.
áudio - não pode ser analisado
Cyndi Alves
Portal: www.R7.com.br
Estrutura dos menus:
- O site conta com um menu horizontal, sem abas e divindo em cores para as principais editorias e um vertical onde além das editorias principais, pode-se achar suas sub-seções. Onde as principais estão nas mesmas cores do menu horizontal e as sub-seções estão em cinza escuro. Nas editorias principais quando se passa o mouse o escrito fica sublinhado, já nas outras seções secundárias o fundo é coberto por preto destacando em branco o menu.
Rótulos / Labels:
- Os rótulos nos menus são bem estruturados na página e chamativos. Já no meio da página me pareceu causar confusão na hora de se procurar as notícias. Também acima perto do menu horizontal o site possue rótulos que remetem as novas tendências como Facebook, Orkut, Twitter e Podcast.
Elementos de navegação:
- A página quanto a seus menus e divisão do assunto é bem organizada facilitando a navegação, porém as notícias inseridas no centro da página se encontram um pouco confusas, em parte por causa da publicidade grande demais. Porém temos um quadro numerado de 1 à 5 onde pode-se achar as matérias mais lidas e/ou de última hora, com uma foto chamando mais atenção para este quadro. Do lado direito temos também notícias consideradas importantes e publicidade a partir da metade da página.
Sistema de Busca:
-O sistema de busca do site é simples porém eficiente. Na página inicial fica logo abaixo da logo e do menu horizontal, ocupando um espaço relevante e por isso facilitando a tarefa de achar o buscador do site, pois em muitos portais e páginas da internet temos uma caixa de busca pequena e escondida. Além disto, depois da primeira busca pode-se refinar a procura com as opções em abas bem estruturadas com as opções de procurar só por Fotos, Vídeos, Texto, ou todos os arquivos.
Acabamento Visual:
-O acabamento visual do site é bem feito apesar da predominância do azul. Esta predominância acaba ficando um pouco cansativa enquanto você sobe e desce a página para procurar por notícias interessantes. Contudo, os botões, menus e publicidade estão bem colocados com um design limpo e simples.
Qualidade dos conteúdos:
-Quanto a qualidade do conteúdo à primeira vista me parece decente. Matérias bem escritas e com poucos ou nenhum erro de português, bem sustentadas e com bastante foco nas notícias do momento. A diversidade é grande mas a qualidade até certo ponto podemos avaliar de forma imparcial, após isto a tendência é de sermos parciais e na minha opinião, o "highlight" , a chamada para notícias fúteis (TV, famosos, etc...) é excessiva e o sensacionalismo impera.
Kauan Benthien Pereira Macedo
Análise do site UOL
Estrutura dos menus: menu lateral e vertical sem sub menus.
Rótulos: esclarece o texto a ser lido, mas visualmente ele não chama muito atenção não tem nada que diferencie temas diferentes ex:cor de letra ou tamanho.
ELEMENTOS DE NAVEGAÇÃO: todos na cor preta sem nenhuma diferenciação e importância para qualquer que seja a informação a ser passada para o navegador, assim possibilitando a leitura de várias notícias juntas, sem ter a necessidade de abrir o link para o assunto abordado.
SISTEMA DE BUSCA: discreto no meio da tela horizontalmente.
ACABAMENTO VISUAL: utiliza as cores preta, azul, e vermelha, possui muitas informações fazendo com que o usuário não saiba onde ir primeiro, utiliza muito de propagandas prejudicando a sua principal função que é passar informação.
QUALIDADES DOS CONTEúDOS:
TEXTO: bem detalhado palavras chaves onde voce ja se adianta no texto que vai vir a seguir.
IMAGEM: utiliza de imagens pequenas, desta forma consegue colocar várias imagens em uma só página.
VIDEO: boa qualidade e rápido na hora de carregar.
AUDIO:não tem como analizar o computador da faculdade nao tem este recurso.
http://g1.globo.com/
menu g1: horizontal, de fácil acesso, bem posicionado, porém com uma fonte muito clara e pequena e fina
rótulos do menu: ao passar o mouse sobre eles, se tem uma rápida visão
menu do rodapé: links para várias opções
menu global: chama atenção no cabeçalho do portal com cores diferentes
imagens: dinâmicas, e prévias de vídeos de notícias o que torna o portal ainda mais informativo
Análise do site glogo.com
*Estrutura dos menus: Os menus são separados por cores, assim facilita identificar cada menu. E os
menus estão em vertical e lateral.
*Rótulos/Labels: Os rótulos dos conteúdos estão bem explicados, que da há entender ao usuário a ideia da matéria que será revelada no texto.
*Elementos de navegação: Os menus são separados por quatro cores: vermelho, verde, laranja e azul assim ajudando o usuário a reconhecer cada assunto de cada cor, ajudando na organização do site.
*acabamento visual: Com as cores diferentes para cada assunto é uma boa forma de localizar no site, assim tras facilidades para cada usuário.
*Qualidade dos conteúdos:
-Texto: Tem uma facilidade de compreensão.
-Imagem: As imagens de identificam com os textos.
-Vídeos: Boa
-Áudio: Bom
Análise do site:
http://g1.globo.com/
Alguns pontos analisados:
- Estrutura dos menus: A barra de menus está muito bem planejada, pois é uma barra horizontal localizada na parte superior da tela inicial, possibilitando a leitura rápida e prática. Além disso, nesta barra, cada menu é referente a um tema, direcionando o usuário.
Além dos menus na barra horizontal, há 4 "macro menus" localizados no topo extremo da página. Estes menus indicam 4 "macro temas", direcionando o usuário para um "sub site" que reúne todo o conteúdo daquele gênero.
- Rótulos/labels: o rótulos são bastante claros e objetivos, além de estarem bem destacados com cores referentes ao tipo de conteúdo, servindo como mais um elemento para filtragem por parte do leitor.
- Elementos de navegação: Além dos menus principais identifica-se alguns outros elementos de navegação, como uma caixa destacada à direita com as principais manchetes do dia, indicadas com o horário de publicação. Outro bloco disponível é o de notícias mais lidas, para o usuário que precisa de uma "indicação".
- Sistema de busca: É de uso bem simples, já que está bem destacado na parte superior da página. Fiz o teste com algumas palavras-chave bem específicas e os resultados obtidos foram satisfatórios.
- Acabamento visual: é bem planejado: bonito e limpo. É um site agradável de se navegar. O destaque das manchetes, divididas por cores, além de ser um elemento para facilidade de navegação, acaba dando vida ao site, que deixa de ser monocromático.
- Qualidade dos conteúdos: Em sua maioria (por amostragem) os conteúdos disponibilizados são bons. Há conteúdos fúteis, mas que são necessários, já que há público para este tipo de abordagem.
www.r7.com.br
- Estrutura dos menus - O menu do site esta organizado tanto horizontalmente ao na parte superior e são repetidos na inferior quanto verticalmente na pare esquerda do site. Com cores diferentes para cada tema a ser visto. Com fontes grandes com fácil e rápido acesso.
- Rótulos/Labels – Cada título de matérias esta separado por boxes com as cores de seus respectivos temas. O tamanho dos títulos esta organizado de uma forma hierárquica.
- Elementos de Navegação – O site possui algumas abas onde o usuário tem acesso as matérias eles são: “Veja também”, matérias vão passando sem que o usuário procure. “Mais lidas”, as noticias mais lidas do momento, “As últimas”, mostra as últimas noticias atualizadas.
- Sistema de buscas - O site possui uma barra de pesquisas onde o usuário põe a palavra chave e tem acesso aos assuntos relacionados a esta palavra.
- Acabamentos visuais - Cores claras, e bem divididas e imagens objetivas, com algumas em movimento para chamar a atenção do usuário.
- Qualidade dos conteúdos – Notícias bem explicadas e sem exageros, imagens, vídeos e áudios em alta resolução e qualidade.
Site Analisado
http://www.g1.globo.com/
Estrutura dos menus:
Encontra-se em uma estrutura bem organizada, tendo seu menu organizado de maneira horizontal, tendo alguns a opção de menu pop-up. Na parte superior da página encontram-se menus que direcionam a outras opções, como notícias, esporte e entretenimento, todos em cores diferentes, inclusive ao próprio site da emissora em questão.
Rótulos/labels:
A parte mais organizada nos rótulos encontram-se na parte inferior do site, onde estão todos alinhados, seguindo um padrão e uma melhor compreensão. As demais colunas estão também todas organizadas por um título que suporta bem as notícias contidas. Contendo os temas em negrito e tamanho de fonte maior.
Elementos de navegação:
Permite a acessibilidade á menus de notícias mais lidas, sistema de busca, infográficos...
Sistema de Busca:
Permite busca no próprio site, podendo o usuário ordená-las como: relevantes, recentes e antigos ou editorias.
Acabamento Visual:
Possui uma interface simples e objetiva. A parte principal do site é dividida em três colunas, sendo as duas primeiras voltadas para a parte de notícias e a terceira contendo vídeos, imagens, publicidades, globoshopping, as notícias mais lidas e etc.
Qualidade dos conteúdos:
Texto: Em sua página principal, as notícias ficam organizadas por lides e títulos chamativos.
Imagem: Possui imagens com uma forte ligação entre as notícias.
Vídeos: Em ótima qualidade. Permite a interatividade com o usuário, podendo este atribuir notas.
Áudio: Permite acesso aos principais canais de rádio ligadas a empresa.
Douglas Bueno
http://g1.globo.com/
Estrutura do Menu:
O menu g1 está localizado horizontalmente e de facl acesso.
Rótulo:
rotúlo com letras pequenas,com cores fracas se comparadas as vermelhas para dar destaque as notícias mais que informam
Elementos de navegação:
Ferramenta de buscas, vídeos, imagens.
Sistema de busca:
Boa visualização do buscador,dando enfase nos resultados a palavra chave a e me informando a última atualização.
Acabamento visual:Fundo branco, dando contraste com as letras vermelhas referententes as notícias,mais poderia ter outras cores para dar destacar uma noticia da outra.
Qualidade dos conteúdos: Imagens variam de tamanho, videos com boa qualidade e dando destaque as palavras chaves.
Letícia Bittencourt Silva
http://www.uol.com.br/
Menu uol: Possui uma estrutura vertical, porem hoje em dia não é muito utilizado por outros sites. Tem menus na vertical que não apresenta abas.
Rotulo: O portal uol possui um Rotulo que mostra as noticias antes mesmo de acessar-las, separando as noticias, videos e mais, estando dentro de um padrão adequado.
Elementos de navegação: videos, fotos e estrutura de busca. Aborda todos os assuntos na pagina principal, com um claro entendimento para todos.
Sistema de busca: Os links estão de faceis acessos, bem localizado no rodapé onde todos possam ver e informando sempre as ultimas atualizações.
Acabamento visual: Tem cor de fundo branca, utilizando a cor vermelha para destacar as noticias, com letras grandes e uso do negritos para assuntos importantes.
Qualidade de conteudo: textos estão de faceis acessos com palavras chaves , porem os links poderiam apresentar abas.
Elaine Borges
Análise do site uol.com.br
Estrutura dos menus:
Um dos únicos portais que ainda mantém o menu vertical. Ao que parece, pressupõe-se que o internauta utiliza os links em destaque, no corpo da página, e não a barra de menus. A ordenação em ordem alfabética deixa claro que a barra de menus não se inclui estrategicamente na página. Ao longo do corpo da página, as notícias trazem consigo pequenos menus, com links relacionados e algumas seções aparecem no mesmo formato das notícias. Quase no fim da página existe uma barra de menus mais parecida com os menus horizontais que costumamos ver hoje em dia, juntamente com links de informações sobre a empresa e sobre aquisição de produtos.Existe também uma outra barra de menus, próxima ao pé da página, que traz alguns serviços como um link para o google maps.
Rótulos/Labels: Existe um Título, razoavelmente destacado no topo das seções, indicando a área em que o internauta se encontra. Este rótulo pode ser clicado, funcionando como uma espécie de bread crumb, mas que dificilmente terá mais de dois níveis.
Elementos de navegação:
Na página principal, os elementos de navegação são, basicamente, a barra de menus, os links – títulos e fotos das notícias e os rótulos das seções em que se encontram. Nas demais páginas, outros elementos aparecem, variando de seção para seção, sem uma identidade funcional. Por exemplo, em algumas seções, uma barra de menus menor e mais organizada aparece, em outras não. Em algumas páginas existe um menu de links relacionados, em outras não.
Sistema de busca: Existe uma pequena ferramenta de busca no topo da página, que na verdade serve para buscas genéricas na internet. Fora isso, o site parece, intencionalmente, fazer o internauta se perder.
Acabamento visual: Poluído, desorganizado. Não existem elementos que facilitem a leitura, que organizem, que separem. As cores são as mesmas, só existem caixas básicas, que servem mais como molduras do que como elementos de organização.
Qualidade do conteúdo : Fica difícil analisar a qualidade do conteúdo, tamanha a desorganização e falta de linha editorial. Partindo do princípio que para o conteúdo ter qualidade, precisamos chegar até ele, o conteúdo é fraquíssimo. O site é um tablóide de assuntos corriqueiros, que visa o internauta que não sabe o que procura. Talvez seja essa sua intenção.
Portal Analisando:
www.uol.com.br
Estrutura dos menus:
Menu está localizado verticalmente a esquerda da pagina.
Quando passamos o mouse por cima do link ele fica sublinhado e muda a cor do fundo, está também organizado alfabeticamente e os submenus estão localizados logo abaixo do seu respectivo link tendo uma cor diferente do link principal.
Rótulos:
A pagina inicial está dividida em blocos e cada um com seu respectivo rótulo com fontes maiores e cores diferenciadas, sendo assim podemos entender que dentro de cada Box encontraremos assuntos ou noticias referentes a seu título.
Elementos de Navegação:
Textos, vídeos, fotos temos notícias principais atualizadas como também as mais lidas.
Sistema de busca:
O site disponibiliza um sistema de busca na pagina inicial estando localizado no topo da página podendo fazer busca na:
Web: onde ele usa a base de dados do Google.
Compare preços: mostra resultados de preços na loja UOL.
Imagens: onde ele usa a base de dados do Google.
Notícias: resultado da pesquisa feita em seu próprio banco de dados.
Dicionários: resultado dicionário Michaelis e Google.
O Sistema de busca esta localizado em todas as paginas e subpágina seções etc..
Acabamento Visual:
Possui uma interface poluída onde o usuário não sabe por onde começar a ler.
Qualidade dos Conteúdos.
TXT: Possuem em sua página inicial títulos de suas matérias lides e suas matérias estão bem formatadas com uma fonte e cor legível.
IMG: Imagens com alta qualidade e forte ligação com as notícias.
Filipi
Analise do PORTAL do TERRA
- Estrutura dos menus
Estrutura de menus simples,bonita e não pesada, nomeados por temas, onde cada tema, quando passamos o mouse por cima, abre abaixo de si, uma aba com diversas opções, sendo elas também separadas por subtemas diários e mais abaixo, subtemas mais de última hora.
Ainda em sua própria linha de menus, contém temas com fundo mais claro, dando destaque para os de mais. Entretanto, na parte inferior do portal, os menus ainda existem, contendo apenas os temas comum, sem destaque e sem abas secundárias. Podemos citar como ponto negativo, o menu “assinatura e serviços”, exposto em uma fonte pequena e nem um pouco destacada, na parte superior, logo acima dos menus principais.
- Rótulos
Os rótulos são claramente identificados por estar em uma fonte maior, dentro de um enquadramento pontilhado, que ajuda a separar rótulos e notícias variadas. Todos os rótulos possuem algum tipo de menu interno, destacando e tornando pratica a navegação e reconhecimento do que se está procurando, todos os rótulos e seus segmentos com fundo branco, tornando claro a analise e distinção de cores, e fundamental, ilustrações significantes sobre cada noticia postada, ajudando e fazendo um pouco mais claro o assunto abordado em cada artigo.
- Elementos de navegação
O sistema de navegação não se enquadra apenas no menu principal, pois por todo o portal, encontramos submenus, subtemas, ou diferentes identificações visuais ou mesmo textuais, destacadas e claramente facilitadas por símbolos.
- Sistemas de busca
O sistema de busca é facilmente visto na parte superior do portal, onde é destacado por uma barra branca, disponibilizada encontrar aquilo que for desejado, não se limitando apenas ao sistema interno do portal, o Terra deixa a opção de busca no Portal, como na Web.
Já no rótulo Ofertas, também destacado por ser uma barra branco disponibilizada para texto, conseguimos por o que queremos “comprar”, e enfim, achar o que desejávamos.
Por fim, lá no fim do portal, na parte inferior, encontra-se disponibilizado e especificada uma busca mais completa, contendo, Cidade e Estado.
- Acabamento visual
O acabamento visual é simples, entretanto, muito apresentável, nada pesado, e muito harmonioso, ligando a cor laranja a logo, e até mesmo ao portal.
- Qualidade de conteúdos
A qualidade é ótima, tanto textual, como audiovisual.
Textos breves e resumidos, em formas de notas, vídeos disponibilizados em tamanho minimizado para evitar perda de espaço, enfim, bem organizado.
O site que escolhi foi o portal de notícias terra.
http://www.terra.com.br/portal/
A estrutura dos menus principais estão localizados de forma horizontal, com uma boa divisão, as cores não deixam o site com uma poluição visual, porem acredito que ficaria melhor se algumas categorias tivessem sua própria cor, assim facilitaria a navegação, pois a atenção se dividiria conforme o gosto de cada leitor.
Os labels se destacam conforme o internauta abre a categoria.
Há diversas abas para cada categoria, apesar da grande quantidade a fonte da letra é boa e está bem dividido. Em locais bem visíveis existem ícones com uma imagem pequena correspondendo ao tema.
O sistema de busca fica bem localizado, em cima a direita, podendo escolher qual o tipo de busca, se é na web ou apenas no terra, quando abre a resultado da pesquisa há outras opções para o internauta escolher, isso ajuda filtra ainda mais sua pesquisa.
Neste site há algumas propagandas, em locais bem visíveis, mas elas, assim como todo o conteúdo não entram em atrito, o site é bem diagramado, com um bom espaço entre um tópico e outro.
O site contem boas fotos, alguns vídeos, e diversas notícias com o título destacado.
Analisei o site G1 (www.g1.globo.com)
* Estrutura dos menus:
O site G1 tem o menu horizontal localizado na parte superior da página, bem na direção dos olhos.
É um menu simples e de fácil acesso para as editorias. Apenas algumas editorias tem o menu em cascata, economizando cliques.
O menu do meio é bem resumido, tem cinco temas e a notícia mais atualizada de cada tema.
Conta também com um outro menu no rodapé que mostra de forma mais específica as editorias contidas no site. É um menu vertical separado por rótulos.
* Rótulos:
Os rótulos contidos no site são de fácil entendimento devido, na maior parte, da organização das cores.
Todas as notícias e links específicos tem bastante destaque.
O tamanho da letra e a disposição dos rótulos com as fotos ajudam a visualização do assunto.
*Elementos de Navegação:
O principal elemento de navegação do G1 é o link de editorias com fotos chamativas.
Alternar as cores do site com a relevância das notícias torna mais fácil a busca por acontecimentos importantes ou assuntos mais polêmicos, etc.
Os rótulos que linkam determinado editorial com outros assuntos semelhantes torna mais fácil a organização por temas.
* Sistema de busca:
O G1 além da ferramenta de busca horizontal no início da página à direita, conta também com uma busca específica para compras (comparação de preços).
* Acabamento visual:
O G1 tem como identidade as cores vermelho e cinza. A cor vermelha, como chama mais atenção é mais usada. O cinza fica mais para acabamentos e notícias de pouco destaque.
A organização das cores ajuda bastante na organização do site.
Tanto a disposição das fotos quanto das publicidades, acredito estar bem equilibradas, pois não tiram atenção do conteúdo.
* Qualidade do conteúdo:
As imagens são de boa qualidade e não estão soltas no site. Todas as fotos estão em par com alguma reportagem. As imagens são também atrattivos para alguma notícia.
O texto é bem distribuido pelo site, conta com o atrativo da cor vermelha em grande parte dos destaques. A maior parte do site é texto.
Ig.com.br
ESTRUTURA DOS MENUS - No site do ig vejo três menus, um no topo em formato horizontal, mostra um apanhado geral dos principais assuntos e últimos segundos das noticias, outro, menu lateral com todos os outros assuntos divididos pelos sub-temas, e por último um menu no rodapé com algumas utilidades, banda larga, antivírus...
ROTULOS / LABELS - O principal conteúdo de cada assunto, está com um destaque maior, e as outras noticias do mesmo assunto, esta somente com a chamada em pequeno destaque
ELEMENTOS DE NAVEGAÇÃO - É usado um paginador com as principais notícias que muda automaticamente. Conteúdo em forma de colunas, facilitando a navegação, coluna com o MENU, coluna com as NOTICIAS e coluna de PUBLUCIDADES.
SISTEMA DE BUSCA - Fica no topo do site com fácil visualização e busca direta do Google com pesquisa nas informações do site
ACABAMENTO VISUAL - Site sem cores carregadas e limpo, nas sub-paginas cada assunto tem uma cor e formato de layout diferente, mesmo com muitas propagandas na página inicial é agradável sua visualização, acredito que por estar separados em um local do site
QUALIDADE DOS CONTEÚDOS - Cada principal conteúdo com sua foto/vídeo, poucas opções de vídeo, texto bom e simples, realmente nos trazendo o que é importante sem “encher linguiça”
Zélio Júnior
Análise do site globo.com
- Estrutura dos menus
O menu está estruturado de maneira horizontal e superior,
destacando os principais temas do site,cada item do menu tem uma cor.
No canto esquerdo da tela os itens do menu estão divididos em submenus, facilitando a navegação.
- Uso de rótulos e labels
O próprio conteúdo com fontes grandes rótula o conteúdo e chama atenção,uma ferramenta de rotúlo seria as cores que diferenciam os temas.Na minha opnião
há poucos rótulos.
- Elementos de navegação
A Navegabilidade no site é bastante interessante, pois existem links em praticamente todas as frases da página principal por exemplo.
Na mesma notícia temos links diferentes, passando para o leitor
um conteúdo mais completo caso ele esteja interessado.Os conteúdos
tem cores que diferem os temas e facilitam a navegação.
- Sistema de busca
Um campo de busca superior que permite filtrar a busca no google,
no proprio site ou no site de compras da globo.Há também uma nuvem de tags na parte inferior do site onde as palavras com fontes maiores representam os temas mais procurados no site.
- Acabamento visual
O fundo branco da uma leveza ao site e facilita na leitura. Os conteúdos variam com cores
que diferem o tema.
- Qualidade de conteúdo (mídias)
É um site bem completo, não se limita a um único conteúdo, na pagina principal pode-se ter
grande noçao sobre acontecimentos recente, é atualizado com grande frequencia e apresenta bastante fotos que despertam curiosidade sobre o tema. Mas contêm poucos videos.
Analise g1.com
Estrutura dos menus:
- O menu do G1 está estruturado na parte horizontal e superior do portal. Vários itens de seu menu possuem submenus para chegar de forma mais fácil na informação desejada.
- Um pouco acima disso ainda há o menu da globo.com, com itens que levam à esportes, noticias, vídeos e entretenimento, cada um com sua cor.
Rótulos:
-Os próprios titulos de noticias são rótulos por serem grandes e virem acompanhados de outras notícias que facilitam o leitor a entender melhor certo caso.
-Na barra direita ainda têm mais rótulos que separa seções: fotos, globoshopping, mais lidas, infograficos.
-Na parte de vídeos do site, localizada no canto direito superior, há rótulos que diferem os vídeos.
Elementos de Navegação:
-Praticamente tudo o que é apresentado na home do portal(fotos,textos) têm um link que leva à outra página.
-Algumas notícias ainda vem com manchetes embaixo que levam à outras notícias, fazendo com que o leitor tenha uma informação mais completa.
Sistema de busca:
-Com uma barra no canto superior direito, o portal da as opções de procurar as palavras-chave desejadas no próprio portal ou no Google.
-Também há uma busca de produtos do globoshopping, localizado na barra direita.
Acabamento visual:
-Conforme o próprio menu da globo.com(noticias, videos, esporte e entretenimento), cada notícia tem a sua legenda de acordo com a cor, facilitando o que a pessoa procura.
-O site é de noticias, então predomina o vermelho, mas há partes de esporte(verde) e partes de entretenimento(laranja).
Qualidade dos conteúdos:
-Notícias são acompanhadas de vídeos e fotos que ajudam a entender o caso.
-O site também utiliza o recurso dos infograficos, para informar de uma forma mais interessante.
-O portal ainda conta com galerias de fotos sobre diversos temas.
Portal do G1:
Escruta de menus:
Esta alinhada horizontalmente com boa visualização do usurário, pois se localiza na parte superior, porém com letra muito pequena e com uma cor neutra.
Rótulos:
Esta com letra grande e vermelha destacando as notícias mais importantes, organizada com títulos e subtítulos em formas hierárquicas.
Elementos de navegação:
Existem alguns sistemas de abas que é simples mais com conteúdo. Alguns rótulos com link que fazem parte dos elementos do menu que se localiza em lugar diferente de acesso.
Sistema de busca:
Localiza-se na parte superior e no meio da pagina, aonde na parte superior podemos buscar noticias em gerais e no meio comprar algum produto.
Acabamento Visual:
Questão é cromática com todos os elementos vai ficar na cor dele, no caso do esporte esta tudo verde cria uma maneira pra saber onde você esta.
Qualidade dos conteúdos:
Texto: Estão bem trabalhados com matérias pequenas ou media raramente grande sempre com intenção de manter o leitor ao artigo e com uma fonte agradável e confortável.
Imagem: Algumas imagens interessantes sempre em forma de “equilibro” com a pagina.Cada imagem relacionada com a noticia.
Vídeos: Esta nas principais matérias, sempre com pouca duração com boa qualidade.
Áudio: Qualidade ótima.
Aluno:Áureo Junior
Análise do site Terra
- Estrutura dos menus: menu principal na horizontal em cascata, localizado no topo da página. Possui também um menu no rodapé, porém sem abas. Apresenta submenus ao longo da página, todos na horizontal,
aprofundando um pouco mais o assunto em relação ao menu principal.
- Rótulos/labels: em relação aos rótulos, faltou criatividade. Pois utilizam algo muito simples, diferenciam-se dos demais apenas no tamanho
da fonte. Não possui uma identidade, ou algo mais criativo que pudesse dar um maior destaque para os rótulos.
- Elementos de navegação: pautado em sua maioria por links,exige que o leitor clique no link para ter acesso a reportagem/matéria por completa. Na parte inferior da página, possui as últimas notícias ocorridas no mundo.
Apresenta também uma pequena galeria de imagem com notícias importantes do dia. Entre o menu superior e o do rodapé, a página aborda os
destaques de cada um desses elementos presente no menu, com imagens, links e algumas vezes com vídeos.
- Sistema de busca: apresenta um sistema de busca através de duas variantes, é possível pesquisar o conteúdo presente em toda a Web, ou
apenas presente no portal.Um sistema de busca muito simples.
- Acabamento visual: o site possui pouca identidade, apenas a cor laranja pode servir como uma forma de identidade. Usa a variação das fontes
para destacar uma notícia da outra.
- Qualidade dos conteúdos: é composta em sua maioria por textos, algumas imagens e poucos vídeos. Possui um bom equilibrio, pois não sobrecarrega
o leitor com muitos textos, existe uma boa variação de imagens e textos.
Estrutura dos menus
menu vertical, dividido em 4 seções: editoriais,
entretenimento, opções e uma sessão "para o seu site",
onde podemos instalar um pacote de notícias on-line no seu site.
com acesso direto as subsessões, torna-se direto e dinâmico, apesar
da fonte ser um pouco clara.
Rótulos / Labels
os rótulos estão no menu, onde é fácil encontrar o que procura,
bem especificado.
Elementos de navegação
dentro do menu estão os rótulos que ajudam a chegar no local ou
assunto desejado com mais facilidade. no meio do site os rótulos
aparecem coloridos, diferenciando-os e melhorando a performance do
usuário que navega no portal.
Sistema de busca
o mapa do site fica na sua parte inferior, economizando clicks e
o sistema de busca é simples e eficaz com os rótulos e chamadas em
cores diferentes ajuda a visualização.
Acabamento visual
em um layout simples e direto, as notícias tem uma fácil leitura
devido as cores e da fonte. deixa a desejar nos banners publicitários
que poluem muito no meio das notícias da página principa, a home.
Qualidade dos conteúdos
textos diretos e com links das palavras chaves, suas fontes fotográficas
são bem fortes, unindo o público com o portal, trazendo uma interatividade
maior com os internautas.
Análise do site TERRA
http://www.terra.com.br
A estrutura dos menus principais estão localizados de forma horizontal, com uma boa divisão, as cores não deixam o site com uma poluição visual, porem acredito que ficaria melhor se algumas categorias tivessem sua própria cor, assim facilitaria a navegação, pois a atenção se dividiria conforme o gosto de cada leitor.
Os labels se destacam conforme o internauta abre a categoria.
Há diversas abas para cada categoria, apesar da grande quantidade a fonte da letra é boa e está bem dividido. Em locais bem visíveis existem ícones com uma imagem pequena correspondendo ao tema.
O sistema de busca fica bem localizado, em cima a direita, podendo escolher qual o tipo de busca, se é na web ou apenas no terra, quando abre a resultado da pesquisa há outras opções para o internauta escolher, isso ajuda filtra ainda mais sua pesquisa.
Neste site há algumas propagandas, em locais bem visíveis, mas elas, assim como todo o conteúdo não entram em atrito, o site é bem diagramado, com um bom espaço entre um tópico e outro.
O site contem boas fotos, alguns vídeos, e diversas notícias com o título destacado.
clicesportes.com.br
- Estrutura dos menus
Menu horizontal em formato de abas com sublinks em cascata, que facilitam o acesso a diversos setores do portal, localizado no topo do site.
-Rótulos/Labels
Informações com facilidade de acesso, divisao dos tipos de informação por cores para facilitar a identificação.
-Elementos de navegação
Divisão das notícias por clubes, levando o leitor direto ao seu foco, poupando tempo, além de uma lista na parte inferior do portal com links diretos a todas as suas partes.
-Sistema de busca
Bastante completo, com histórico recente e também arquivos antigos localizado na barra de menu, de fácil acesso.
-Acabamento visual
Muito bom, na parte superior há um layout com o logo do portal e ao fundo um campo de futebol, associando ao seu maior público, design moderno e bem trabalhado porém com um problema de sistema na barra de menu, que já está ali a um tempo e ainda não foi concertada.
-Qualidade dos conteúdos
Notícias completas e atualizadas, blogs dos comentaristas, relacionado a determinados esportes, e assim divididos para facilitar o acesso, galeria de vídeo diversificada e com muitos vídeos, fotos de qualidade, galerias com poucas fotos, porém ótimas imagens e um arquivo de acesso a rádio ao vivo e arquivos veículados nas rádios do grupo dono do portal, arquivos completose de diversas datas.
Portal Terra
- Estruturas dos menus:
Em forma de abas com varios sublinks, que abrem para baixo, localizado no topo do site.
- Róturlos/Label:
Informações bem distribuidas e de facil indetificação ao leitor. inclusive rótulos com sublinks, o que simplifica o acesso.
- Elementos de navegação:
Ao longo do site cada box tem um link de submenus.
Sistema de Busca:
Busca a palavra-chave tanto na web quanto dentro do site.
Acabamento visual:
Com excesso de informações, poderiam estar indentificadas com letras em cores diferentes, mas alem de tudo é clean e não confunde imagens com texto.
- Qualidade dos Conteúdos:
layout das matérias organizado, links para blogs e chats tudo bem discriminado de acordo com o público alvo.
Tiago Sonda- Portal de notícias G1:
ESTRUTUTRA DOS MENUS:
- A estrutura do menu do portal G1está dividida de forma horizontal no tópico da página e também no rodapé da página, podendo assim ser acessado o mesmo conteúdo por duas maneiras diferentes e tendo acesso ao mesmo conteúdo.
RÓTULOS:
- Os rótulos no portal G1 estão em destaque no topo das reportagens de maneira bem visível e em destaque, estando relacionados aos seus conteúdos.
ELEMENTOS DE NAVEGAÇÃO:
- Os elementos de navegação no portal G1 estão distribuídos em menus dividindo-se em submenus podendo ter acesso a diferentes conteúdos.
SISTEMA DE BUSCA:
- Os sistemas de busca no portal G1 está situado no topo da página a direita em uma barra de pesquisa onde ele direciona para todos os assuntos relacionados.
ACABAMENTO VISUAL:
- O acabamento visual do G1 utiliza cores e fontes harmônicas e de fácil compreensão, com fotos imagens e videos bem distribuídos.
QUALIDADE DOS CONTEÚDOS:
- A qualidade dos conteúdos, textos, imagens, videos estão de fácil leitura destacando os conteúdos com palavras chaves facilitando a navegação.
Tiago Sonda
Estrutura dos menus
Menu principal em formato vertical dividido em grupos(notícias,entretenimento,esportes etc) e subgrupos. Repete-se o menu principal
no rodapé e no meio do site é apresentado cada notícia mais detalhada.
Rótulos/labels
Apresenta os grupos de notícias em uma caixa da cor da notícia. As cores diferenciam a busca visual.
Elementos de navegação
Todos os menus apresentam possibilidades de acesso. Ao passar o mouse sobre qualquer elemento do site o mesmo permite encaminhar
ao conteúdo proposto.
Sistema de Busca
O site faz uma busca em seu banco de dados seguindo a palavra-chave do internauta. A pesquisa pode ser filtrada em textos,vídeos
e fotos.
Acabamento Visual
A cor predominante no site é azul para apresentar as notícias,mas outras categorias de pesquisa tem sua cor própria. Apesar de uma enxurrada de notícias o site
consegue ser organizado visualmente e parece formar "quadrados" ou "retângulos" organizando as informações.
Qualidade dos conteúdos---TXT------IMG-----VID------AUD
Apresenta excessos de textos na página principal,mas sempre diferenciando o tamanho da fonte da manchete da notícia.
Possui galeria de imagens notícias e possui também vídeos dos assuntos em busca(vídeos postados no site r7).
www.r7.com
Luiz Fernando da Silva
Portal Escolhido:
TERRA
- Estrutura dos Menus
Menu organizado na horizontal com fundo cinza somado de letras, todas em caixa alta e negrito, e detalhes em branco, para destacar do layout predominantemente laranja com branco. Logo após o menu ganha um tom mais claro (branco) e diminui-se a fonte para algumas opções.
Cada opção do menu é uma tag geral, e ao passar o mouse por cima desta opção, surge uma janela em cascata com outras opções mais específicas relacionadas à tag principal selecionada pelo mouse, fácil de ser navegar. Não são todas as opções que contem essa qualidade. Este "sub menu" organizado em lista vertical em coluna dupla ou única.
Dentro desta janela, fora as opções mais específicas, há destaque para as notícias mais buscadas relacionadas aquele tema principal.
À esquerda, na vertical, há um menu em cinza claro com algumas opções para o usuários do terra.
- Rótulos / Labels
Os rótulos normalmente carregam as palavras chaves da notícia à seguir, mas alguns casos, talvez os mais acessados, levam as tags ligados à notícia.
Normalmente os rótulos estão em laranja claro e o título em cinza escuro com fonte maior, considerando o fundo branco, o título leva maior destaque.
- Elementos de Navegação
Uma vez dentro de uma sessão, logo abaixo da barra de navegação (menu principal), encontram-se algumas opções para as notícias mais acessadas relacionadas à sessão principal, e um destaque para a "sub sessão" em que você se encontra.
Alguns ícones na página inicial levam para alguns serviços do portal, como email, horóscopo e previsão do tempo. Todavia são poucos e aparentemente perdidos no topo.
Há algumas divisões no site para algumas áreas, e nestas há outros menus mais simples.
- Sistema de Busca
Localizado no topo do site, o espaço para busca, oferece busca na Web e na página do Terra.
Realizada a busca, ele oferece uma lista semelhante às buscas do Google deixando o título em negrito, uma rápida descrição em forma de subtítulo e as tags relacionadas às sessões do Terra.
- Acabamento Visual
Uso exagerado de tons de cinza, laranja e branco. A identidade do portal relacionado ao Terra, que normalmente faz uso dessas cores, é lembrada, mas não diferencia nenhum tipo de conteúdo e deixa confuso uma busca com os olhos pelo site. Somado da poluição das publicidades muitas vezes agressivas e invasivas.
Já dentro de uma área mais específica, a organização e o uso de tons deixa mais agradável a leitura.
- Qualidade dos Conteúdos
Os textos fora da página principal sem bem organizados em suas áreas, normalmente tomam a devida distância entra a imagem relacionada à notícia, que nunca atrapalha a leitura.
Os vídeos ficam bem localizados, seguidos do título que dá uma idéia ao que vai assistir. Os conteúdos em formato de audio ficam meio confusos, a qualidade é de retirada diretamente da rádio sem nenhum tratamento, mas de boa qualidade.
Estrutura dos menus: O menu está localizado verticalmente com uma cor de letra meio confusa, que é o cinza claro, o que não facilita a leitura.
Cada assunto tem um tipo de rótulo diferente , característico do assunto abordado. Como por exemplo, o rótulo : entretenimento , aparece em mais evidência e com fontes maiores do que o de esportes
Elementos de navegação: organizados de forma vertical separados de forma limpa com um traçado horizontal discreto, a sessão em que determinada notícia se encontra
Rótulos e Labels: Os rótulos nos menus são bem estruturados na página e chamativos. Já no meio da página me pareceu causar confusão na hora de se procurar as notícias. Também acima perto do menu horizontal o site possue rótulos que remetem as novas tendências como Facebook, Orkut, Twitter e Podcast.
Sistema de busca: É de uso bem simples, já que está bem destacado na parte superior da página. Fiz o teste com algumas palavras-chave bem específicas e os resultados obtidos foram satisfatórios.
Acabamentos visuais: Cores claras, e bem divididas e imagens objetivas, com algumas em movimento para chamar a atenção do usuário.
Qualidade dos conteúdos: Imagens variam de tamanho, videos com boa qualidade e dando destaque as palavras chaves.
Lui Holleben
Postar um comentário