<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Owfi &#187; web2.0</title>
	<atom:link href="http://marciohanashiro.wordpress.com/category/web20/feed/" rel="self" type="application/rss+xml" />
	<link>http://marciohanashiro.wordpress.com</link>
	<description>Just another WordPress.com weblog</description>
	<lastBuildDate>Wed, 25 Feb 2009 18:39:58 +0000</lastBuildDate>
	<generator>http://wordpress.com/</generator>
	<language>pt-br</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<cloud domain='marciohanashiro.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://www.gravatar.com/blavatar/09d1695090c99a140fc9823332fedbea?s=96&#038;d=http://s.wordpress.com/i/buttonw-com.png</url>
		<title>Owfi &#187; web2.0</title>
		<link>http://marciohanashiro.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://marciohanashiro.wordpress.com/osd.xml" title="Owfi" />
		<item>
		<title>Informações claras</title>
		<link>http://marciohanashiro.wordpress.com/2009/02/25/informacoes-claras/</link>
		<comments>http://marciohanashiro.wordpress.com/2009/02/25/informacoes-claras/#comments</comments>
		<pubDate>Wed, 25 Feb 2009 18:33:38 +0000</pubDate>
		<dc:creator>hanashiru</dc:creator>
				<category><![CDATA[Cases]]></category>
		<category><![CDATA[web2.0]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Marcio Hanashiro]]></category>

		<guid isPermaLink="false">http://marciohanashiro.wordpress.com/?p=346</guid>
		<description><![CDATA[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 [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=marciohanashiro.wordpress.com&blog=5030232&post=346&subd=marciohanashiro&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><h2 style="text-align:right;"><span style="font-size:10pt;line-height:115%;">Por:Marcio Hanashiro</span></h2>
<p>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.</p>
<p>Com poucas colunas temos informações mais claras.</p>
<p>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.</p>
<p>Um bom exemplo é o movimento “blog”, uma forma agradável de obter informações, normalmente usando um design simples e de fácil leitura.</p>
<p>Alguns sites utilizam de forma eficiente o formato, o canal ESPN Brasil, por exemplo:</p>
<p><a href="http://espnbrasil.terra.com.br/futebol"><img class="alignnone size-full wp-image-347" style="border:1px solid black;" title="espn300" src="http://marciohanashiro.files.wordpress.com/2009/02/espn300.jpg?w=300&#038;h=431" alt="espn300" width="300" height="431" /></a></p>
<p>O site exibe as informações usando formas já conhecidas e entendidas pelos usuários, misturando o site com os blogs da casa.</p>
<p>A utilização de duas colunas, sendo que uma é praticamente exclusiva para publicidade, torna o conteúdo limpo e de fácil acesso.</p>
<p>Textos sempre no fundo branco, imagens de destaque antes do conteúdo, o site mostra uma forma interessante para empresas com muitos segmentos.</p>
<p>A navegação por tags é um fator muito importante neste site, este é um assunto mais ligado a arquitetura que foi destaque no <a href="http://www.congressoebai.org/">Ebai, o 2º Encontro Brasileiro de Arquitetura de Informação.</a></p>
<p>Confira mais detalhes no <a href="http://arquiteturadeinformacao.com/2008/10/17/case-da-espn-no-ebai/">blog</a> sobre AI escrito por Fabricio Teixeira , Juliana Constantino , Silvia Melo.</p>
<p>A <a href="http://www.apple.com/br/">Apple</a> é o outro líder da simplicidade elegante.</p>
<p><a href="http://www.apple.com/br/"><img class="alignnone size-full wp-image-348" style="border:1px solid black;" title="apple" src="http://marciohanashiro.files.wordpress.com/2009/02/apple.jpg?w=445&#038;h=348" alt="apple" width="445" height="348" /></a></p>
<p>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 .</p>
<p>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.</p>
<p>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.</p>
  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/marciohanashiro.wordpress.com/346/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/marciohanashiro.wordpress.com/346/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/marciohanashiro.wordpress.com/346/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/marciohanashiro.wordpress.com/346/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/marciohanashiro.wordpress.com/346/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/marciohanashiro.wordpress.com/346/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/marciohanashiro.wordpress.com/346/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/marciohanashiro.wordpress.com/346/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/marciohanashiro.wordpress.com/346/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/marciohanashiro.wordpress.com/346/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=marciohanashiro.wordpress.com&blog=5030232&post=346&subd=marciohanashiro&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://marciohanashiro.wordpress.com/2009/02/25/informacoes-claras/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/70f0f8506cc1b1e7ef258fb527f600ad?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">hanashiru</media:title>
		</media:content>

		<media:content url="http://marciohanashiro.files.wordpress.com/2009/02/espn300.jpg" medium="image">
			<media:title type="html">espn300</media:title>
		</media:content>

		<media:content url="http://marciohanashiro.files.wordpress.com/2009/02/apple.jpg" medium="image">
			<media:title type="html">apple</media:title>
		</media:content>
	</item>
	</channel>
</rss>