<?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/"
	>

<channel>
	<title>André Miranda &#187; website</title>
	<atom:link href="http://www.andremiranda.com.br/blog/tag/website/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.andremiranda.com.br/blog</link>
	<description>Professor, Designer, DesignerWeb</description>
	<lastBuildDate>Mon, 09 Aug 2010 21:07:52 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Novo cliente [WEBSITE]</title>
		<link>http://www.andremiranda.com.br/blog/2010/08/09/novo-cliente-previcorp-previdencia-privada/</link>
		<comments>http://www.andremiranda.com.br/blog/2010/08/09/novo-cliente-previcorp-previdencia-privada/#comments</comments>
		<pubDate>Mon, 09 Aug 2010 20:42:15 +0000</pubDate>
		<dc:creator>André</dc:creator>
				<category><![CDATA[Clientes]]></category>
		<category><![CDATA[WebDesign]]></category>
		<category><![CDATA[clean]]></category>
		<category><![CDATA[efeito de texto como imagem]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[limpo]]></category>
		<category><![CDATA[previcorp]]></category>
		<category><![CDATA[previdência privada]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.andremiranda.com.br/blog/?p=366</guid>
		<description><![CDATA[Em fase final de ajustes e testes, está disponível o website da Previcorp Previdência Privada. Todo mundo sabe que um plano de Previdência Privada tem como característica o futuro da pessoa e/ou dos seus beneficiários, boa parte dele para receber em vida alguns anos depois. Neste caso especial, os planos são de Pecúlio, ou seja, [...]]]></description>
			<content:encoded><![CDATA[<p>Em fase final de ajustes e testes, está disponível o website da Previcorp Previdência Privada.</p>
<p>Todo mundo sabe que um plano de Previdência Privada tem como característica o futuro da pessoa e/ou dos seus beneficiários, boa parte dele para receber em vida alguns anos depois. Neste caso especial, os planos são de Pecúlio, ou seja, quando o contratante falece, quem ele indicou recebe o seguro.</p>
<p>O cliente solicitou que fosse desenvolvido um site com layout limpo, de fácil visualização e navegabilidade. Então podemos observar elementos de proximidade e semelhança muito explicitados no layout.</p>
<p>Não foi possível fazer nada pela marca, pois, o cliente preferiu continuar com a atual. Antes eu ficava meio indignado com isso, mas hoje não esquento mais&#8230;</p>
<p>Utilizei uma técnica muito interessante nos títulos principais que é o de utilizar um jquery onde no local das letras  digitadas aparecem imagens.</p>
<p style="text-align: center;"><img class="aligncenter" title="Jquery que faz a letra ser substituida por uma imagem" src="http://andremiranda.com.br/clientes/previcorp/letra_imagem.jpg" alt="" width="400" height="289" /></p>
<p>Abaixo, algumas imagens do site:</p>
<p style="text-align: center;">
<p style="text-align: center;">Tela da Home</p>
<p style="text-align: center;"><img class="aligncenter" title="Website da Previcorp Previdência Privada" src="http://andremiranda.com.br/clientes/previcorp/website_previcorp.jpg" alt="" width="400" height="289" /></p>
<p style="text-align: center;">
<p style="text-align: center;">
<p style="text-align: center;">Tela Interna (mapa do site)</p>
<p style="text-align: left;">
<p style="text-align: center;"><img class="aligncenter" title="Tela Interne do Website da Previcorp" src="http://andremiranda.com.br/clientes/previcorp/website_previcorp_int.jpg" alt="" width="400" height="271" /></p>
<p style="text-align: center;">
<p style="text-align: left;">Só lembrando: Ainda serão feitos alguns ajustes.</p>
<p style="text-align: left;">Visite-o  em um endereço provisório <a title="Website Previcorp" href="http://andremiranda.com.br/clientes/previcorp/index.html" target="_blank">aqui</a></p>

<div class="sociable">
<div class="sociable_tagline">
<strong>Compartilhe e Aprecie:</strong>
</div>
<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2010%2F08%2F09%2Fnovo-cliente-previcorp-previdencia-privada%2F&amp;title=Novo%20cliente%20%5BWEBSITE%5D&amp;bodytext=Em%20fase%20final%20de%20ajustes%20e%20testes%2C%20est%C3%A1%20dispon%C3%ADvel%20o%20website%20da%20Previcorp%20Previd%C3%AAncia%20Privada.%0D%0A%0D%0ATodo%20mundo%20sabe%20que%20um%20plano%20de%20Previd%C3%AAncia%20Privada%20tem%20como%20caracter%C3%ADstica%20o%20futuro%20da%20pessoa%20e%2Fou%20dos%20seus%20benefici%C3%A1rios%2C%20boa%20parte%20dele%20para%20re" title="Digg">Digg</a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2010%2F08%2F09%2Fnovo-cliente-previcorp-previdencia-privada%2F&amp;title=Novo%20cliente%20%5BWEBSITE%5D&amp;notes=Em%20fase%20final%20de%20ajustes%20e%20testes%2C%20est%C3%A1%20dispon%C3%ADvel%20o%20website%20da%20Previcorp%20Previd%C3%AAncia%20Privada.%0D%0A%0D%0ATodo%20mundo%20sabe%20que%20um%20plano%20de%20Previd%C3%AAncia%20Privada%20tem%20como%20caracter%C3%ADstica%20o%20futuro%20da%20pessoa%20e%2Fou%20dos%20seus%20benefici%C3%A1rios%2C%20boa%20parte%20dele%20para%20re" title="del.icio.us">del.icio.us</a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2010%2F08%2F09%2Fnovo-cliente-previcorp-previdencia-privada%2F&amp;t=Novo%20cliente%20%5BWEBSITE%5D" title="Facebook">Facebook</a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2010%2F08%2F09%2Fnovo-cliente-previcorp-previdencia-privada%2F&amp;title=Novo%20cliente%20%5BWEBSITE%5D&amp;source=Andr%C3%A9+Miranda+Professor%2C+Designer%2C+DesignerWeb&amp;summary=Em%20fase%20final%20de%20ajustes%20e%20testes%2C%20est%C3%A1%20dispon%C3%ADvel%20o%20website%20da%20Previcorp%20Previd%C3%AAncia%20Privada.%0D%0A%0D%0ATodo%20mundo%20sabe%20que%20um%20plano%20de%20Previd%C3%AAncia%20Privada%20tem%20como%20caracter%C3%ADstica%20o%20futuro%20da%20pessoa%20e%2Fou%20dos%20seus%20benefici%C3%A1rios%2C%20boa%20parte%20dele%20para%20re" title="LinkedIn">LinkedIn</a></li>
	<li><a rel="nofollow"  target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2010%2F08%2F09%2Fnovo-cliente-previcorp-previdencia-privada%2F" title="Technorati">Technorati</a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=Novo%20cliente%20%5BWEBSITE%5D%20-%20http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2010%2F08%2F09%2Fnovo-cliente-previcorp-previdencia-privada%2F" title="Twitter">Twitter</a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.andremiranda.com.br/blog/2010/08/09/novo-cliente-previcorp-previdencia-privada/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Novos projetos</title>
		<link>http://www.andremiranda.com.br/blog/2010/07/25/novos-projetos/</link>
		<comments>http://www.andremiranda.com.br/blog/2010/07/25/novos-projetos/#comments</comments>
		<pubDate>Sun, 25 Jul 2010 23:09:20 +0000</pubDate>
		<dc:creator>André</dc:creator>
				<category><![CDATA[WebDesign]]></category>
		<category><![CDATA[ipiaú fm]]></category>
		<category><![CDATA[previcorp]]></category>
		<category><![CDATA[projetos]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.andremiranda.com.br/blog/?p=332</guid>
		<description><![CDATA[Estão em andamento 2 novos projetos de websites: o da Ipiaú FM que terá uma completa reformulação, inclusive da identidade visual (nova marca). Segundo o Diretor, Erick Vasconcelos, a idéia da nova marca tem o intuito de renovar a imagem da Rádio FM que é líder na região. Outro projeto de website em andamento é [...]]]></description>
			<content:encoded><![CDATA[<p>Estão em andamento 2 novos projetos de websites: o da Ipiaú FM que terá uma completa reformulação, inclusive da identidade visual (nova marca). Segundo o Diretor, Erick Vasconcelos, a idéia da nova marca tem o intuito de renovar a imagem da Rádio FM que é líder na região.</p>
<p>Outro projeto de website em andamento é o da Previcorp, empresa de pecúlios de Salvador, Bahia. Esta tem como principal intensão reforçar a imagem da empresa na Internet e utilizar o website como canal de comunicação e informação para os clientes e parceiros da Previcorp.</p>
<p>Em breve irei postar os projetos aqui no Blog.</p>

<div class="sociable">
<div class="sociable_tagline">
<strong>Compartilhe e Aprecie:</strong>
</div>
<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2010%2F07%2F25%2Fnovos-projetos%2F&amp;title=Novos%20projetos&amp;bodytext=Est%C3%A3o%20em%20andamento%202%20novos%20projetos%20de%20websites%3A%20o%20da%20Ipia%C3%BA%20FM%20que%20ter%C3%A1%20uma%20completa%20reformula%C3%A7%C3%A3o%2C%20inclusive%20da%20identidade%20visual%20%28nova%20marca%29.%20Segundo%20o%20Diretor%2C%20Erick%20Vasconcelos%2C%20a%20id%C3%A9ia%20da%20nova%20marca%20tem%20o%20intuito%20de%20renovar%20a%20imagem%20da%20R%C3%A1" title="Digg">Digg</a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2010%2F07%2F25%2Fnovos-projetos%2F&amp;title=Novos%20projetos&amp;notes=Est%C3%A3o%20em%20andamento%202%20novos%20projetos%20de%20websites%3A%20o%20da%20Ipia%C3%BA%20FM%20que%20ter%C3%A1%20uma%20completa%20reformula%C3%A7%C3%A3o%2C%20inclusive%20da%20identidade%20visual%20%28nova%20marca%29.%20Segundo%20o%20Diretor%2C%20Erick%20Vasconcelos%2C%20a%20id%C3%A9ia%20da%20nova%20marca%20tem%20o%20intuito%20de%20renovar%20a%20imagem%20da%20R%C3%A1" title="del.icio.us">del.icio.us</a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2010%2F07%2F25%2Fnovos-projetos%2F&amp;t=Novos%20projetos" title="Facebook">Facebook</a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2010%2F07%2F25%2Fnovos-projetos%2F&amp;title=Novos%20projetos&amp;source=Andr%C3%A9+Miranda+Professor%2C+Designer%2C+DesignerWeb&amp;summary=Est%C3%A3o%20em%20andamento%202%20novos%20projetos%20de%20websites%3A%20o%20da%20Ipia%C3%BA%20FM%20que%20ter%C3%A1%20uma%20completa%20reformula%C3%A7%C3%A3o%2C%20inclusive%20da%20identidade%20visual%20%28nova%20marca%29.%20Segundo%20o%20Diretor%2C%20Erick%20Vasconcelos%2C%20a%20id%C3%A9ia%20da%20nova%20marca%20tem%20o%20intuito%20de%20renovar%20a%20imagem%20da%20R%C3%A1" title="LinkedIn">LinkedIn</a></li>
	<li><a rel="nofollow"  target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2010%2F07%2F25%2Fnovos-projetos%2F" title="Technorati">Technorati</a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=Novos%20projetos%20-%20http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2010%2F07%2F25%2Fnovos-projetos%2F" title="Twitter">Twitter</a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.andremiranda.com.br/blog/2010/07/25/novos-projetos/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>WebDesign com propósito!</title>
		<link>http://www.andremiranda.com.br/blog/2009/07/09/webdesign-com-proposito/</link>
		<comments>http://www.andremiranda.com.br/blog/2009/07/09/webdesign-com-proposito/#comments</comments>
		<pubDate>Thu, 09 Jul 2009 13:56:36 +0000</pubDate>
		<dc:creator>André</dc:creator>
				<category><![CDATA[WebDesign]]></category>
		<category><![CDATA[cliente]]></category>
		<category><![CDATA[funcionalidade]]></category>
		<category><![CDATA[serviços]]></category>
		<category><![CDATA[visibilidade]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.andremiranda.com.br/blog/2009/07/09/webdesign-com-proposito/</guid>
		<description><![CDATA[Web design é simultaneamente uma arte e uma ciência. Sabemos que o design é diferencial no desenvolvimento das melhores práticas. Mas, vamos enxergar além. Compreender como pessoas utilizam a web, separa o profissional do &#8220;faça você mesmo&#8221;. Eu realmente acredito em ajudar as empresas. Quando uma empresa contrata meus serviços para desenvolver um website, não [...]]]></description>
			<content:encoded><![CDATA[<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Web design é simultaneamente uma arte e uma ciência.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Sabemos que o design é diferencial no desenvolvimento das melhores práticas. Mas, vamos enxergar além. Compreender como pessoas utilizam a web, separa o profissional do &#8220;faça você mesmo&#8221;.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Eu realmente acredito em ajudar as empresas. Quando uma empresa contrata meus serviços para desenvolver um website, não basta ter algum conteúdo, desenvolvimento de algumas páginas e publicá-las na web.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Websites não são apenas informativos eletrônicos. São planejados e executados de forma profissional uma vez que são a extensão de seus negócios. Ele irá atuar como seu vendedor, chegando aos seus clientes-alvo para vender seu produto ou serviço. Para que seu site&#8221; trabalhe para você&#8221;, ele precisa ser elaborado no caminho certo.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Isso significa conseguir um equilíbrio cuidadoso das informações visuais e design, funcionalidade, facilidade de utilização e visibilidade.</div>
<p>Web design é simultaneamente uma arte e uma ciência.</p>
<p>Sabemos que o design é diferencial no desenvolvimento das melhores práticas. Mas, vamos enxergar além. Compreender como pessoas utilizam a web, separa o profissional do &#8220;faça você mesmo&#8221;.</p>
<p>Eu realmente acredito em ajudar as empresas. Quando uma empresa contrata meus serviços para desenvolver um website, não basta ter algum conteúdo, desenvolvimento de algumas páginas e publicá-las na web.</p>
<p>Websites não são apenas informativos eletrônicos. São planejados e executados de forma profissional uma vez que são a extensão de seus negócios. Ele irá atuar como seu vendedor, chegando aos seus clientes-alvo para vender seu produto ou serviço. Para que seu site&#8221; trabalhe para você&#8221;, ele precisa ser elaborado no caminho certo.</p>
<p>Isso significa conseguir um equilíbrio cuidadoso das informações visuais e design, funcionalidade, facilidade de utilização e visibilidade.</p>

<div class="sociable">
<div class="sociable_tagline">
<strong>Compartilhe e Aprecie:</strong>
</div>
<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2009%2F07%2F09%2Fwebdesign-com-proposito%2F&amp;title=WebDesign%20com%20prop%C3%B3sito%21&amp;bodytext=Web%20design%20%C3%A9%20simultaneamente%20uma%20arte%20e%20uma%20ci%C3%AAncia.%0D%0ASabemos%20que%20o%20design%20%C3%A9%20diferencial%20no%20desenvolvimento%20das%20melhores%20pr%C3%A1ticas.%20Mas%2C%20vamos%20enxergar%20al%C3%A9m.%20Compreender%20como%20pessoas%20utilizam%20a%20web%2C%20separa%20o%20profissional%20do%20%22fa%C3%A7a%20voc%C3%AA%20mesmo%22.%0D%0A" title="Digg">Digg</a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2009%2F07%2F09%2Fwebdesign-com-proposito%2F&amp;title=WebDesign%20com%20prop%C3%B3sito%21&amp;notes=Web%20design%20%C3%A9%20simultaneamente%20uma%20arte%20e%20uma%20ci%C3%AAncia.%0D%0ASabemos%20que%20o%20design%20%C3%A9%20diferencial%20no%20desenvolvimento%20das%20melhores%20pr%C3%A1ticas.%20Mas%2C%20vamos%20enxergar%20al%C3%A9m.%20Compreender%20como%20pessoas%20utilizam%20a%20web%2C%20separa%20o%20profissional%20do%20%22fa%C3%A7a%20voc%C3%AA%20mesmo%22.%0D%0A" title="del.icio.us">del.icio.us</a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2009%2F07%2F09%2Fwebdesign-com-proposito%2F&amp;t=WebDesign%20com%20prop%C3%B3sito%21" title="Facebook">Facebook</a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2009%2F07%2F09%2Fwebdesign-com-proposito%2F&amp;title=WebDesign%20com%20prop%C3%B3sito%21&amp;source=Andr%C3%A9+Miranda+Professor%2C+Designer%2C+DesignerWeb&amp;summary=Web%20design%20%C3%A9%20simultaneamente%20uma%20arte%20e%20uma%20ci%C3%AAncia.%0D%0ASabemos%20que%20o%20design%20%C3%A9%20diferencial%20no%20desenvolvimento%20das%20melhores%20pr%C3%A1ticas.%20Mas%2C%20vamos%20enxergar%20al%C3%A9m.%20Compreender%20como%20pessoas%20utilizam%20a%20web%2C%20separa%20o%20profissional%20do%20%22fa%C3%A7a%20voc%C3%AA%20mesmo%22.%0D%0A" title="LinkedIn">LinkedIn</a></li>
	<li><a rel="nofollow"  target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2009%2F07%2F09%2Fwebdesign-com-proposito%2F" title="Technorati">Technorati</a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=WebDesign%20com%20prop%C3%B3sito%21%20-%20http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2009%2F07%2F09%2Fwebdesign-com-proposito%2F" title="Twitter">Twitter</a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.andremiranda.com.br/blog/2009/07/09/webdesign-com-proposito/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Como avaliar esteticamente um website</title>
		<link>http://www.andremiranda.com.br/blog/2000/09/13/como-avaliar-esteticamente-um-website/</link>
		<comments>http://www.andremiranda.com.br/blog/2000/09/13/como-avaliar-esteticamente-um-website/#comments</comments>
		<pubDate>Wed, 13 Sep 2000 23:45:44 +0000</pubDate>
		<dc:creator>André</dc:creator>
				<category><![CDATA[Coluna Design na Web]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[estética]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.andremiranda.com.br/blog/?p=39</guid>
		<description><![CDATA[Salvador, quarta-feira, 13/9/2002 – ATARDE – Caderno de Informática – página 4 Todo mundo acha o máximo ser elogiado. Mas, aceitar uma crítica por mais construtiva que seja&#8230; Não faz parte da natureza do ser humano aceitar que está cometendo algum tipo de erro. Só para registrar: e quem foi que disse que eu sou deste [...]]]></description>
			<content:encoded><![CDATA[<p>Salvador, quarta-feira, 13/9/2002 – ATARDE – Caderno de Informática – página 4</p>
<p>Todo mundo acha o máximo ser elogiado. Mas, aceitar uma crítica por mais construtiva que seja&#8230;</p>
<p>Não faz parte da natureza do ser humano aceitar que está cometendo algum tipo de erro. Só para registrar: e quem foi que disse que eu sou deste planeta?</p>
<p>Mas, voltando à nossa existência terrena e complicada, ninguém precisa ser especialista para dizer que não consegue ficar muito tempo dentro de um site desestruturado.</p>
<p>Posso até reforçar alguns fatores já citados que espantam os visitantes:</p>
<ul>
<li>cores muito fortes;</li>
<li>usar a mesma cor de link com a mesma cor de &#8220;BG&#8221;(<em>background</em>=fundo da página);</li>
<li>muitos &#8220;penduricalhos&#8221; que deixa o site parecendo árvore de natal;</li>
<li>obrigar o usuário a deixar seu e-Mail para poder acessar o site sem deixá-lo ver o conteúdo antes;</li>
<li>uso abusivo de javascript (um exemplo: aquele reflexo de imagens presumindo um rio virtual), representando uma realidade que não existe na Internet;</li>
<li>e muitos outros fatores que não caberiam nessa &#8220;listinha&#8221;&#8230;</li>
</ul>
<blockquote><p>Um rio é um rio e a tela do computador é a tela do computador.</p></blockquote>
<p>Mas, só para matar a curiosidade dos que não aceitam que suas &#8220;crias&#8221; possam ser analisadas dentro dos padrões normais de estética e informação, segue abaixo uma &#8220;receitinha de bolo&#8221; que utilizo na avaliação de um website. Acredito que a grande maioria dos profissionais em design para web usa essa técnica:</p>
<p>Divido o mesmo em três categorias: design, conteúdo e navegabilidade;</p>
<ol>
<li>Em <strong>design</strong>, procuro avaliar a estética visual, o estilo, a originalidade, a integração dos elementos e a arquitetura de informação.</li>
<li>Em <strong>conteúdo</strong>, observo a variedade, o volume, a relevância e a interatividade;</li>
<li>Em <strong>navegabilidade</strong>, observo as tecnologias usadas e os elementos. Analiso os links e sua disposição nos espaços das páginas, o peso das páginas, o tempo de carregamento delas, a lógica e a facilidade de navegação, a otimização e a racionalização dos elementos (assuntos e informações).</li>
</ol>
<p>Essa semana vi numa revista especializada em Internet que um bom exemplo de um site que não deu certo. O megasite de roupas e artigos esportivos da <a title="boo.com" href="http://www.boo.com" target="_blank">Boo</a>. Nele foram gastos milhões de dólares (sem exagero) e&#8230; Faliu. Foi a primeira grande empresa da Internet a quebrar. Sabe porque?</p>
<p>O site era lento e complicado (irritava os comsumidores), usava de frames inúteis, o que poderia ser feito com tabelas foi feito com frames. Tinha uma janela que não deixava você a vontade para navegar (os menus e o endereço da url forma escondidos, dificultando a navegação, como aquelas janelas que tomam todo o espaço da tela do monitor. Usavam imagens para trabalhar pequenos textos, carregando muito a página.</p>
<p>Eu sempre digo em minhas aulas: &#8220;less is more&#8230;&#8221; que para o design significa: na simplicidade estão os melhores resultados.</p>

<div class="sociable">
<div class="sociable_tagline">
<strong>Compartilhe e Aprecie:</strong>
</div>
<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2000%2F09%2F13%2Fcomo-avaliar-esteticamente-um-website%2F&amp;title=Como%20avaliar%20esteticamente%20um%20website&amp;bodytext=Salvador%2C%20quarta-feira%2C%2013%2F9%2F2002%20%E2%80%93%20ATARDE%20%E2%80%93%20Caderno%20de%20Inform%C3%A1tica%20%E2%80%93%20p%C3%A1gina%204%0D%0A%0D%0ATodo%20mundo%20acha%20o%20m%C3%A1ximo%20ser%20elogiado.%C2%A0Mas%2C%20aceitar%20uma%20cr%C3%ADtica%20por%20mais%20construtiva%20que%20seja...%0D%0A%0D%0AN%C3%A3o%20faz%20parte%20da%20natureza%20do%20ser%20humano%20aceitar%20que%20est%C3" title="Digg">Digg</a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2000%2F09%2F13%2Fcomo-avaliar-esteticamente-um-website%2F&amp;title=Como%20avaliar%20esteticamente%20um%20website&amp;notes=Salvador%2C%20quarta-feira%2C%2013%2F9%2F2002%20%E2%80%93%20ATARDE%20%E2%80%93%20Caderno%20de%20Inform%C3%A1tica%20%E2%80%93%20p%C3%A1gina%204%0D%0A%0D%0ATodo%20mundo%20acha%20o%20m%C3%A1ximo%20ser%20elogiado.%C2%A0Mas%2C%20aceitar%20uma%20cr%C3%ADtica%20por%20mais%20construtiva%20que%20seja...%0D%0A%0D%0AN%C3%A3o%20faz%20parte%20da%20natureza%20do%20ser%20humano%20aceitar%20que%20est%C3" title="del.icio.us">del.icio.us</a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2000%2F09%2F13%2Fcomo-avaliar-esteticamente-um-website%2F&amp;t=Como%20avaliar%20esteticamente%20um%20website" title="Facebook">Facebook</a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2000%2F09%2F13%2Fcomo-avaliar-esteticamente-um-website%2F&amp;title=Como%20avaliar%20esteticamente%20um%20website&amp;source=Andr%C3%A9+Miranda+Professor%2C+Designer%2C+DesignerWeb&amp;summary=Salvador%2C%20quarta-feira%2C%2013%2F9%2F2002%20%E2%80%93%20ATARDE%20%E2%80%93%20Caderno%20de%20Inform%C3%A1tica%20%E2%80%93%20p%C3%A1gina%204%0D%0A%0D%0ATodo%20mundo%20acha%20o%20m%C3%A1ximo%20ser%20elogiado.%C2%A0Mas%2C%20aceitar%20uma%20cr%C3%ADtica%20por%20mais%20construtiva%20que%20seja...%0D%0A%0D%0AN%C3%A3o%20faz%20parte%20da%20natureza%20do%20ser%20humano%20aceitar%20que%20est%C3" title="LinkedIn">LinkedIn</a></li>
	<li><a rel="nofollow"  target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2000%2F09%2F13%2Fcomo-avaliar-esteticamente-um-website%2F" title="Technorati">Technorati</a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=Como%20avaliar%20esteticamente%20um%20website%20-%20http%3A%2F%2Fwww.andremiranda.com.br%2Fblog%2F2000%2F09%2F13%2Fcomo-avaliar-esteticamente-um-website%2F" title="Twitter">Twitter</a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.andremiranda.com.br/blog/2000/09/13/como-avaliar-esteticamente-um-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
