20 de abril de 2010

Rick

O novo site do Brasil – parte 3

Hoje eu vou falar dos outros menus (lateral esquerdo e rodapé) existente no site do Brasil. Caso você deseje, confira as postagens anteriores que já fiz aqui no blog a respeito desse site aqui e aqui.

Apesar de poder parecer que estou me alongando nesse assunto, mas meu intuito é fazer uma análise mais aprofundada e completa, para que todos possamos aprender com esta análise, já que isso ajuda muito a refletir e tirar inspiração para novos trabalhos, tanto para a Criação como Programação.

Bom vamos à análise de hoje: Menus.

Menu é um item muito importante, em muitos sites parece que o menu é só um item ali, no canto ou no meio, só pra levar à algum lugar, mas o Menu é o Menu, é um item importante e o que guia você pelo site. Em alguns sites são bacanas, cheios de estilo, como no exemplo abaixo, em outros são simples, mas bem organizados, tornando-se parte do site.

No caso deste portal que estamos avaliando (o do Brasil) ele usa o padrão natural de navegação, onde o menu é vertical (e não horizontal como em muitos sites), sendo que ele está bem dividido: Para, Sobre e Navegue por.

Veja bem como foi dividido, na primeira parte ele informa e pergunta: Quem é você? Ou seja, quem é a pessoa que está acessando o site, podendo ser Empreendedor, Estudande, Imprensa ou Trabalhador, abrindo um site diferente para cada um dos visitantes, porém seguindo o mesmo estilo da página principal, só que com informações relevantes para este público.

Quantos portais, sejam eles do governo ou não, se preocupam em diferenciar o conteúdo de acordo com o sujeito que navega? Esse foi o primeiro que eu tomei contato que teve essa preocupação e, para um site governamental, julgo muito válida esta aplicação.

No próximo item temos os temas que se deseja navegar, que é o Sobre, com as categorias Cidadania, Cultura, Economia, Educação, Esporte, Geografia, História, Meio ambiente, O Brasil, Saúde e Turismo. Parece pouco, mas está muito bem categorizado, já que dentro de cada uma destas categorias existem suas subdivisões e respectivas informações.

Só estas duas primeiras opções de navegação do menu já permitem uma quantidade enorme de variações e conteúdos que podem interessar aos mais diversos público. Mas, para complementar a navegação, mais abaixo existe a opção Navegue por, que inclui as seguintes opções: Notícias, Vídeos, Infográficos, Mini-sítios e Serviços, cada uma destas opções leva a outras opções de navegação pelo site, sendo que ai também se poderá encontrar conteúdos relevantes, porém, como o site deixa claro, é uma terceira opção na navegação.

Mais abaixo você irá encontrar conexões como Twitter e YouTube. Mas só estas? Pois é, parece que as redes de relacionamento, como Orkut, Facebook e outras, não são o alvo deste portal.

Após o menu e o conteúdo central (este irei abordar na próxima semana), temos um rodapé dividido em 2 grande partes, a primeira com 3 destaques: Opinião, RSS e Meu Brasil. O foco de cada um destes itens é dizer ao visitante: “comunique-se conosco, acompanhe as novidades e cadastre-se para manter-se informado”.

Depois vem o rodapé propriamente dito, tradicional nos grandes sites atualmente, o rodapé abriga vários links importantes, utilizando uma tonalidade de azul clara, o que faz com que esse rodapé não chame tanto a atenção, e com divisórias bem visíveis. Não é difícil a leitura dos links para saber para onde você será direcionado.

Vamos agora fazer uma análise dos detalhes:

  • Os títulos principais do menu lateral esquerdo estão em imagem, para aplicar um estilo diferente e suave do item ou capítulo;
  • Cada item do menu está acompanhado de uma seta que utiliza as cores do Brasil: Amarelo e Azul que troca de cor ao passar o mouse sobre o item;
  • Cada um dos itens do menu Navegue por possui um ícone que o identifica e diz ao visitante: “vou acessar uma página sobre X conteúdo”;
  • Foi usado gradientes de fundo em cada item, o que tranquiliza os visitantes, dando um ar de suavidade em meio a tantos tons de amarelo e laranja do site;
  • Novamente no menu Navegue por vemos uma caixa com borda cinza clara para dizer: “opa aqui você tem outro tipo de acesso que não o de categorias”;
  • Em Compartilhe não existe dificuldade na identificação dos itens do Twitter e do YouTube e, utilizando-se de ícones circulares, demonstra-se que este é um site novo, moderno;
  • No caso do site do Brasil o que vemos é uma mistura adequada entre cantos arredondados e caixas de cantos retos ou quadrados;
  • Já no rodapé a primeira parte é composta de 3 itens com ícones que ilustram uma dimensão e profundidade dos objetos e, no caso do RSS, o símbolo em 3D dando maior enfoque, nesta parte também encontramos os títulos usando imagem para manter a forma e tipo de fonte utilizada, apesar da facilidade de leitura alguns contornos como dos “s” acabam levando a dificuldade na sua leitura; e
  • Na última parte do rodapé vemos mais uma vez o uso de box, ou caixa com borda cinza claro, e seu conteúdo dentro de uma cor clara para diferenciar do restante do site, e seus títulos seguem o mesmo padrão com tonalidade mais escura para os títulos e bullets (apontadores de cada link).

Muitas coisas poderiam ter sido melhoradas com certeza, como: os títulos não serem imagem, já que dessa forma o carregamento seria mais rápido, alguns itens poderiam ser melhor distribuídos, porém o que vemos aqui é uma evolução do que vemos em sites governamentais, principalmente se compararmos com o que tínhamos há 5 ou 6 anos.

4 "parpite"

1. @rootsrafael publicado em 20 de abril de 2010 às 17:05

vou dar uma navegada por esse site

2. Riccardo Benetti publicado em 22 de abril de 2010 às 11:00

Se tivesse realmente seria um menu diferente porém não se encaixa muito no perfil. este foi um exemplo de menu que encontrei pra ilustrar um tipo diferente.

3. @palomambaratela publicado em 22 de abril de 2010 às 12:10

é bom ver essas melhorias num site governamental… achei que ficou bem claro e fácil do usuário identificar as áreas do site.. espero que eles adotem essa "evolução" para outros sites também

4. tudibao publicado em 22 de abril de 2010 às 12:31

Paloma, não pude te passar um nº para vc participar dos sorteios, pois vc não deixou seu e-mail, como se pede nas regras. Comente novamente.

Parpite você também