Informações claras

Fevereiro 25, 2009

Por:Marcio Hanashiro

Faz algum tempo que talvez por influência de portais, sites com três colunas eram quase uma norma, e ver alguns com quatro colunas não era tão estranho. Hoje em geral usamos duas colunas, no máximo três.

Com poucas colunas temos informações mais claras.

Menos é mais. Com poucas colunas as informações ganham mais importância, parecendo mais ousadas, o site ganha um rosto honesto. Estamos comunicando menos informações de forma mais clara.

Um bom exemplo é o movimento “blog”, uma forma agradável de obter informações, normalmente usando um design simples e de fácil leitura.

Alguns sites utilizam de forma eficiente o formato, o canal ESPN Brasil, por exemplo:

espn300

O site exibe as informações usando formas já conhecidas e entendidas pelos usuários, misturando o site com os blogs da casa.

A utilização de duas colunas, sendo que uma é praticamente exclusiva para publicidade, torna o conteúdo limpo e de fácil acesso.

Textos sempre no fundo branco, imagens de destaque antes do conteúdo, o site mostra uma forma interessante para empresas com muitos segmentos.

A navegação por tags é um fator muito importante neste site, este é um assunto mais ligado a arquitetura que foi destaque no Ebai, o 2º Encontro Brasileiro de Arquitetura de Informação.

Confira mais detalhes no blog sobre AI escrito por Fabricio Teixeira , Juliana Constantino , Silvia Melo.

A Apple é o outro líder da simplicidade elegante.

apple

Este tipo de esquema funciona realmente bem. Cada vez que o usuário entra em contato com o design simples do site, a sua abordagem deixa claro quais são as informações realmente importantes .

Este típico layout Apple mostra que alguém teve a preocupação de analisar quantas caixas, colunas, linhas e informações que realmente são necessárias.  O resultado é, inegavelmente, o mais limpo, comunicação eficaz sempre.

Um item importante para pensar quando for definir a posição das informações, é sempre separar claramente o conteúdo de mídias para outras páginas do mesmo ou de outros sites, como por exemplo: Selos, banners e outros tipos de publicidade.

Entry Filed under: Cases, web2.0. Tags: , .

Leave a Comment

Required

Required, hidden

Some HTML allowed:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <pre> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Trackback this post  |  Subscribe to the comments via RSS Feed


Categorias

Lista de Links

Ferramentas

Flickr Photos

Learjat40XR2

Carinha

More Photos

Blog’s

Está no seu momento de descanso né? Entao clique aqui!

Haznos Blog