<?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>Daniel Xavier &#187; dicas</title>
	<atom:link href="http://www.daniel-xavier.com/tag/dicas/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.daniel-xavier.com</link>
	<description>Soluções em Design</description>
	<lastBuildDate>Tue, 17 Aug 2010 22:02:14 +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>Dicas de Design para internet</title>
		<link>http://www.daniel-xavier.com/2009/05/03/dicas-de-design-para-internet/</link>
		<comments>http://www.daniel-xavier.com/2009/05/03/dicas-de-design-para-internet/#comments</comments>
		<pubDate>Sun, 03 May 2009 14:24:32 +0000</pubDate>
		<dc:creator>Daniel Xavier</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[dicas]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[layout]]></category>

		<guid isPermaLink="false">http://www.daniel-xavier.com/?p=480</guid>
		<description><![CDATA[As dicas são boas, espero que ajude todos! Quem tiver alguma dica para implementar, só falar! Valeu Marcelo! 1. Hierarquize antes Antes de começar a fazer o layout tenha certeza do que é mais importante e procure orientar o caminho que você espera que os olhos do usuário tracem. 2. Seja coerente Elementos iguais devem [...]]]></description>
			<content:encoded><![CDATA[<p>As dicas são boas, espero que ajude todos! Quem tiver alguma dica para implementar, só falar!<br />
Valeu Marcelo!</p>
<p><strong>1. Hierarquize antes</strong></p>
<p>Antes de começar a fazer o layout tenha certeza do que é mais importante e procure orientar o caminho que você espera que os olhos do usuário tracem.</p>
<p><strong>2. Seja coerente</strong></p>
<p>Elementos iguais devem ter a mesma função. O usuário aprende padrões de uso a cada clique. Tenha certeza que ele não os desaprenda.</p>
<p><strong>3. Desenhe menos</strong></p>
<p>Se estiver em dúvida se precisa ou não de determinado elemento, prefira deixá-lo de fora. Pode ser duro, mas um bom designer é aquele que escolhe o que não fazer, esperando que o feedback do usuário esclareça as dúvidas.</p>
<p><strong>4. Aplique Gestalt</strong></p>
<p>Use os conceitos de agrupamento, distância e alinhamento para dar clareza ao que está sendo apresentado. Alinhe o que deve representar um fluxo de leitura. Desalinhe o que merece uma interrupção. Agrupe conjuntos e subconjuntos de informação. Estabeleça o ritmo adequado explorando as distâncias entre os objetos da tela.</p>
<p><strong>5. Projete em camadas</strong></p>
<p>Faça primeiro o que é genérico. O que será utilizado em vários momentos da experiência do usuário. Só parta paro o que é específico e para os detalhes depois de ter uma estrutura satisfatória.</p>
<p><strong>6. Onde estou?</strong></p>
<p>Não deixe o usuário sem resposta para essa pergunta. Ofereça sempre uma sinalização clara e um porto seguro para a navegação.</p>
<p><strong>7. Faça sistemas modulares</strong></p>
<p>Atente para a flexibilidade do layout, pois é bom que ele contemple múltiplas situações. Lembre-se que cada objeto projetado pode ser reutilizado em outras páginas, sem acréscimo de custo ou tempo.</p>
<p><strong>8. Preocupe-se com a unidade do layout</strong></p>
<p>O conjunto de objetos visíveis deve ser harmônico e criar a percepção correta no usuário. Tire o foco do seu olhar deixando os olhos quase cerrados, sem atentar para os detalhes. O layout deve dizer ao que veio mesmo assim.</p>
<p><strong>9. Crie a impressão de ser “ao vivo” e pessoal</strong></p>
<p>Lembre-se que o usuário está sozinho, segurando um mouse e olhando para o que você projetou. Se ele sentir frieza não vai se sentir à vontade. Se sentir que a página está atualizada e viva vai voltar lá mais vezes.</p>
<p><strong>10. Resolva a regra</strong></p>
<p>Deixe a exceção para depois. É muito comum se perder em meio a milhares de situações possíveis. Esse é o momento de estabelecer qual o uso mais comum e tratá-lo como prioridade.</p>
<p><strong>11. Atente para os contrastes</strong></p>
<p>Eles servem para melhorar a leitura, diferenciar elementos e criar peso em elementos que precisam ter peso.</p>
<p><strong>12. Deixe espaço para o usuário</strong></p>
<p>Projetamos objetos interativos e não só de leitura. Deixar o resultado das interações vir à tona cria mais interesse e ajuda a deixar o produto final menos frio.</p>
<p><strong>13. Deixe a tela respirar</strong></p>
<p>Não caia na armadilha de cobrir todos os buracos disponíveis com conteúdo. Em alguns momentos, um espaço vazio é importante.</p>
<p><strong>14. Dê feedback</strong></p>
<p>Cada ação do usuário deve gerar uma reação clara e imediata do sistema interativo.</p>
<p><strong>15. Adequado é melhor do que bom</strong></p>
<p>Não fique refém de um layout só porque você decidiu que ele é bom. É comum ver boas soluções totalmente inadequadas ao problema em questão.</p>
<p><strong>16. Foque no produto final</strong></p>
<p>PSDs, HTMLs estáticos, especificações funcionais e documentações semelhantes são ferramentas para atingir o objetivo final. Cuidado para não se deixar seduzir pela sua entrega individual em detrimento do benefício para o usuário final.</p>
<p><strong>17. Ponha no ar</strong></p>
<p>Em vez de perder muito tempo discutindo qual é a melhor solução, lance uma versão beta e observe a utilização dela. Se não puder fazer isso, fazer testes de usabilidade é a solução, mas monitorar os padrões de comportamento pós-lançamento é indispensável.</p>
<p><strong>18. Pense na experiência total</strong></p>
<p>Se você já foi um designer gráfico, largue o vício de tratar um site como uma coleção de peças gráficas independentes. O foco deve ser na experiência do usuário como um todo e no fluxo de navegação entre as telas. </p>
<p>Via: <a href="http://webinsider.uol.com.br/">Webinsider</a><br />
Autor: Marcelo Gluz</p>
]]></content:encoded>
			<wfw:commentRss>http://www.daniel-xavier.com/2009/05/03/dicas-de-design-para-internet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Marcas famosas? Breve Top 25!</title>
		<link>http://www.daniel-xavier.com/2009/04/01/marcas-famosas-breve-top-25/</link>
		<comments>http://www.daniel-xavier.com/2009/04/01/marcas-famosas-breve-top-25/#comments</comments>
		<pubDate>Thu, 02 Apr 2009 03:05:46 +0000</pubDate>
		<dc:creator>Daniel Xavier</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[coca-cola]]></category>
		<category><![CDATA[dicas]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[IBM]]></category>
		<category><![CDATA[marcas]]></category>
		<category><![CDATA[microsoft]]></category>
		<category><![CDATA[nokia]]></category>
		<category><![CDATA[rank]]></category>
		<category><![CDATA[top]]></category>

		<guid isPermaLink="false">http://www.daniel-xavier.com/?p=267</guid>
		<description><![CDATA[Bem, saiu um Rank Top 100 sobre as marcas mais famosas segundo a revista BusinessWeek, eu farei um Top 25 com alguns comentários sobre. Para começar, vamos a eles: Top 25, marcas memoráveis em 2007. Coca-Cola, Microsoft, IBM, GE, Nokia, Toyota, Intel, McDonald&#8217;s Disney, Mercedes-Benz, Citi, Hewlett-Packard, BMW, Malboro, American Express, Gillette, Louis Vuitton, Cisco, [...]]]></description>
			<content:encoded><![CDATA[<p>Bem, saiu um <a href="http://bwnt.businessweek.com/interactive_reports/top_brands/">Rank Top 100 sobre as marcas mais famosas</a> segundo a revista <a href="http://www.businessweek.com/">BusinessWeek</a>, eu farei um Top 25 com alguns comentários sobre. Para começar, vamos a eles:</p>
<p>Top 25, marcas memoráveis em 2007.<br />
Coca-Cola, Microsoft, IBM, GE, Nokia, Toyota, Intel, McDonald&#8217;s Disney, Mercedes-Benz, Citi, Hewlett-Packard, BMW, Malboro, American Express, Gillette, Louis Vuitton, Cisco, Honda, Google, Samsung, Merrill Lynch, HSBC, Nescafe, Sony.</p>
<p><img src="http://www.daniel-xavier.com/wp-content/uploads/2009/04/coca-cola-170x170.jpg" alt="Coca-cola" title="Coca-cola" width="176" height="176" class="alignnone size-thumbnail wp-image-272" /><img src="http://www.daniel-xavier.com/wp-content/uploads/2009/04/toyota-170x170.jpg" alt="Toyota" title="Toyota" width="176" height="176" class="alignnone size-thumbnail wp-image-280" /><img src="http://www.daniel-xavier.com/wp-content/uploads/2009/04/nokia-170x170.jpg" alt="Nokia" title="Nokia" width="176" height="176" class="alignnone size-thumbnail wp-image-279" /><img src="http://www.daniel-xavier.com/wp-content/uploads/2009/04/microsoft-170x170.jpg" alt="Microsoft" title="Microsoft" width="176" height="176" class="alignnone size-thumbnail wp-image-278" /><img src="http://www.daniel-xavier.com/wp-content/uploads/2009/04/mrlboro-170x170.jpg" alt="Malboro" title="Malboro" width="176" height="176" class="alignnone size-thumbnail wp-image-277" /><img src="http://www.daniel-xavier.com/wp-content/uploads/2009/04/intel_logo-170x170.jpg" alt="Intel" title="Intel" width="176" height="176" class="alignnone size-thumbnail wp-image-276" /><img src="http://www.daniel-xavier.com/wp-content/uploads/2009/04/ibm-170x170.jpg" alt="IBM" title="IBM" width="176" height="176" class="alignnone size-thumbnail wp-image-275" /><img src="http://www.daniel-xavier.com/wp-content/uploads/2009/04/honda-logo-170x170.png" alt="Honda" title="Honda" width="176" height="176" class="alignnone size-thumbnail wp-image-274" /><img src="http://www.daniel-xavier.com/wp-content/uploads/2009/04/ge-170x170.jpg" alt="GE" title="GE" width="176" height="176" class="alignnone size-thumbnail wp-image-273" /></p>
<p>Vamos agora aos comentários sobre as grandes acima:<br />
1º) <strong>Coca-Cola</strong> em <strong>primeiro lugar</strong> com a marca custando nada mais nada menos que <strong>65,324 bilhões de dólares</strong>.<br />
2º) A <strong>Kodak</strong> foi a marca que <strong>perdeu mais</strong> <strong>colocações</strong> de 2006 para 2007, ela perdeu 12 colocações e 12% do seu valor em relação a 2006.<br />
3º) A empresa que teve sua <strong>marca mais desvalorizada</strong> de 2006 para 2007 foi a <strong>Ford</strong>, com perda de 19% do valor da sua marca.<br />
4º) <strong>Quem teve o maior aumento?</strong> A grande <strong>Google</strong>, com aumento de 44% no valor da sua marca! Disparado em comparação com a Zara e a Apple que aumentaram respectivamente 22% e 21%. Mas acredito que vai demorar (um pouco) para a Google atingir o primeiro lugar desse rank, pois em 2007 ainda estava valendo os singelos 17,837 bilhões de dólares, um pouco distante dos 65,324 bilhões de dólares da Coca-Cola.</p>
<p>E com esse rank, o <a href="http://www.webson.co.za/">Webson</a> faz umas dicas sobre as marcas que são elas:</p>
<p>    * O nome não descreve o produto que é vendido (94%)<br />
    * O slogan não é incluso no logo (90%)<br />
    * O estilo da fonte é limpo e claro (84%)<br />
    * O design do logo usa apenas uma cor (74%) (preto e branco não sendo contado)<br />
    * O design do logo usa apenas letras, sem nenhum outro símbolo (74%)<br />
    * O design do logo é um nome inventado ou acrônimo (siglas) (72%)<br />
    * O design do logo é em forma retangular (66%)<br />
    * O design do logo é apenas uma palavra (62%)<br />
    * O design do logo inclui a marca de registro (54%) e está no canto superior direito (48%)<br />
    * O nome tem 6 letras ou menos (52%)<br />
    * O nome usa caixa ALTA e caixa baixa (44%) (sem contas os acrônimos ou siglas)<br />
    * O fundo é preenchido e sólido (52%)<br />
    * Na pronúncia existe três sons/sílabas (44%)<br />
    * A cor predominante é azul (40%)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.daniel-xavier.com/2009/04/01/marcas-famosas-breve-top-25/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
