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:

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.

Você entende a crise??

Estamos todos em momentos de terror ao pensar na CRISE FINANCEIRA MUNDIAAAALL!! Mas você já parou pra se perguntar se realmente entende a crise??
O animador Jonathan Jarvis, explica a crise de uma maneira bem fácil. “The Crisis of Credit” fala dos motivos e conseqüências do turbilhão financeiro que começou no fim de 2008.

Ford Focus 2009

Todos ja viram mas não custa ver novamente, é muito bom o vídeo!!!

Criado pela JWT, o filme Fábrica mostra todos os funcionários que se envolveram na produção e venda do Novo Ford Focus cantando Happy Together, composta pela banda The Turtles em 1967.

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.

simples-01_pequena

simples-02_pequena

simples-03_pequena

simples-04_pequena

simples-06_pequena

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.

simples-07_pequena2

“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.