Informações claras

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:

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.

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.

Design – Simplicidade na web

Por:Marcio Hanashiro

A simplicidade ajuda muito no desenvolvimento de um aplicativo online.

Os blogs, sempre objetivos e focados em um segmento, são exemplos de aplicações simples que funcionam.

O ideal é que o design de aplicativos online seja simples e direto, isso não quer dizer minimalista.

Os sites devem ter apenas as ferramentas necessárias para levar o usuário ao seu objetivo.

Existem muitas ferramentas para todo tipo de trabalho online, o maior trabalho é identificar aplicações relevantes, para evitar erros de usabilidade que prejudique a navegação.

Uma forma legal para não errar neste tipo de trabalho é sempre listar as possíveis soluções para um problema que o usuário tem e escolher a mais simples ou fácil.

Aqui estão alguns exemplos. Note como elementos desnecessários foram retirados de cada um. Poderia haver muito mais em cada página, mas isso poderia atrapalhar o usuário.

Um case que trabalha a simplicidade ao extremo, é o Kit Kat da Nestlé, com o “The First Worldwide Site Where Nothing Happens”. Ou seja, o primeiro site do mundo onde nada acontece. A ação tem como objetivo, marcar o exato momento em que você deve parar tudo e “Dar um tempo”, como diz o próprio slogan “Have a Break”. Tudo a ver com Kit Kat.

“It seems that perfection is reached not when there is nothing left to add, but when there is nothing left to take away.”
Antoine de Saint-Exupéry,Terre des hommes, 1939

Veja algumas considerações para fazer um bom trabalho.

1. Sabemos que um site está muito bom , quando para cumprir um objetivo, não tenha mais maneiras para acrescentar e nem para retirar.
2. Se concentre nas áreas com pouca relevância, estas áreas podem dispersar o usuário em relação ao objetivo do site.
3. Use detalhes visuais, linhas, palavras, formas, cores – para comunicar a informação relevante, não apenas para decorar.
4. Inicialmente, usar os elementos visuais apenas para se comunicar, em seguida, verifique se você pode passar a mesma mensagem sem estes elementos e o quanto isso prejudica a visibilidade da informação.

Her Morning Elegance

A música: Her Morning Elegance
Àlbum: The Opposite of the Sea
Cantor: Oren Lavie.

Vi no Smellycat.

Estúdio Colletivo

O trabalho do estúdio Colletivo é muito bom, conheci no DesignShow (Evento da revista Computer Arts).

Poucas pessoas, ambiente legal, criatividade e muita técnica, com estes itens o estúdio fez e faz ótimos trabalhos.

2º EBAI – Encontro Brasileiro de Arquitetura de Informação.

Por:Marcio Hanashiro

Este final de semana rolou a segunda edição do EBAI – Encontro Brasileiro de Arquitetura de Informação.

Coffee breaks, almoços, happy hours, Guitar Hero e muita interação; Foram assim os dois dias de apresentações realmente valiosas.

O evento contou com alguns gringos, o inglês Philip Rhodes (fhios), o americano Lucas Pettinati (Yahoo!) e o português Paulo Jorge da Cunha (Faculdade de Engenharia da Universidade do Porto).

Contou também com duas palestras incríveis sobre os cases da ESPN e EGO (globo.com), que em minha opinião foram os melhores. Cases que mostraram os bons resultados da arquitetura de informação bem trabalhada.

Assim como todo assunto sério tem seu lado cômico, coisas engraçadas não poderiam faltar. Uma idéia divertida de Ale Nahra que fotografou e fez uma galeria dos nerds mais estilosos.

O evento foi muito bom, trocar informações e entender como as outras empresas trabalham e se sentir parte de uma comunidade que deseja aprender mais a cada dia!

Dantop no Peixe Grande!

O novo site da Dantop (post sobre o site) concorre ao prêmio Peixe Grande 2008.

O Concurso é promovido pela Revista Webdesign e elege os melhores cases digitais brasileiros.

Se você gostou do site, Vote !!!!