﻿<?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>Web Drops</title>
	<atom:link href="http://webdrops.com.br/feed/" rel="self" type="application/rss+xml" />
	<link>http://webdrops.com.br</link>
	<description>Blog de Arquitetura da Informação e Usabilidade</description>
	<lastBuildDate>Fri, 04 Nov 2011 16:14:17 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Agile UX em agências de publicidade</title>
		<link>http://webdrops.com.br/arquitetura-da-informacao/agile-ux-em-agencias-de-publicidade/</link>
		<comments>http://webdrops.com.br/arquitetura-da-informacao/agile-ux-em-agencias-de-publicidade/#comments</comments>
		<pubDate>Fri, 04 Nov 2011 16:14:17 +0000</pubDate>
		<dc:creator>Luis Felipe Fernandes</dc:creator>
				<category><![CDATA[Arquitetura da Informação]]></category>
		<category><![CDATA[Artigos]]></category>
		<category><![CDATA[Metodologias Ágeis]]></category>
		<category><![CDATA[Publicidade]]></category>
		<category><![CDATA[Agile UX]]></category>
		<category><![CDATA[arquitetura de informação]]></category>
		<category><![CDATA[Kanban]]></category>
		<category><![CDATA[Scrum]]></category>

		<guid isPermaLink="false">http://webdrops.com.br/?p=256</guid>
		<description><![CDATA[Prazos curtos, doze horas de trabalho todos os dias, finais de semana incertos, briefings enigmáticos que mais parecem joguinhos de puzzle e a busca incansável pelo glamour dos prêmios. Este sempre foi o dia-a-dia das grandes agências de publicidade no Brasil desde antes do surgimento da internet.
Entretanto, os lucros astronômicos das agências caíram drasticamente com [...]]]></description>
			<content:encoded><![CDATA[<div style="background-color: transparent;"><span id="internal-source-marker_0.523941284045577" style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Prazos curtos, doze horas de trabalho todos os dias, finais de semana incertos, briefings enigmáticos que mais parecem joguinhos de </span><span style="font-size: 12pt; font-family: Arial; background-color: transparent; font-style: italic; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">puzzle</span><span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> e a busca incansável pelo </span><span style="font-size: 12pt; font-family: Arial; background-color: transparent; font-style: italic; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">glamour</span><span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> dos prêmios. Este sempre foi o dia-a-dia das grandes agências de publicidade no Brasil desde antes do surgimento da internet.</span></p>
<p><span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Entretanto, os lucros astronômicos das agências caíram drasticamente com a era digital e as agências se viram responsáveis por criar não só campanhas, mas também websites e outros projetos complexos que envolviam tecnologias além do photoshop. As agências digitais, que sempre criticaram o ritmo de trabalho, acabaram caindo na mesma rotina das “agências </span><span style="font-size: 12pt; font-family: Arial; background-color: transparent; font-style: italic; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">off</span><span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">”.</span></p>
<p><span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Foi nesse contexto que analistas de sistemas e comunicólogos tiveram que falar o mesmo idioma e encontrar a melhor maneira de trabalharem juntos. Os publicitários foram apresentados às metodologias ágeis, que geraram no mínimo uma cara de espanto. No final, tudo isso foi deixado de lado e hoje são raras as agências de publicidade que tenham aplicado com sucesso alguma metodologia diferente das tradicionais.</span></p>
<p><span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">O que poucos perceberam é que metodologias, como Scrum e XP, não podem ser aplicadas “ao pé da letra” no contexto das agências digitais. É necessária uma adaptação dos princípios das metodologias ágeis. Além disso, tudo isso necessita de uma mudança de mentalidade por parte da equipe, o que torna essa adoção ainda complexa e frágil.</span></p>
<p><span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Não iremos falar aqui em Scrum, XP, Kanban ou qualquer metodologia em específico.</span><br />
<span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Trataremos dos conceitos-base das metodologias ágeis em geral. São eles:</span></p>
<ul>
<li style="list-style-type: disc; font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline;"><span style="font-size: 12pt; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Escopo variável</span></li>
<li style="list-style-type: disc; font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline;"><span style="font-size: 12pt; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Priorização de escopo</span></li>
<li style="list-style-type: disc; font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline;"><span style="font-size: 12pt; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Processo iterativo e incremental</span></li>
<li style="list-style-type: disc; font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline;"><span style="font-size: 12pt; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Equipes multidisciplinares</span></li>
<li style="list-style-type: disc; font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline;"><span style="font-size: 12pt; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Feedback constante &#8211; do cliente, da equipe e do usuário</span></li>
</ul>
<p><span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Vamos então analisar cada um destes conceitos de acordo com as situações de uma agência, considerando que existem duas situações mais frequentes em qualquer agência digital:</span></p>
<ul>
<li style="list-style-type: disc; font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline;"><span style="font-size: 12pt; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Projetos de websites ou portais corporativos</span></li>
<li style="list-style-type: disc; font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline;"><span style="font-size: 12pt; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Campanhas publicitárias que envolvem projetos</span></li>
</ul>
<p><span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">O projetos na primeira categoria incluem websites institucionais, portais corporativos, lojas online ou qualquer outro projeto que envolva um modelo de negócio ao invés de uma campanha publicitária.</span><br />
<span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Estes se assemelham bastante com os projetos de software, de forma que a aplicação da metodologia seja totalmente possível.</span></p>
<p><span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">As campanhas que envolvem projetos são as mais complexas e as que geram os maiores problemas, pela razão óbvia de que, antes de ser um projeto, se trata de uma campanha.</span></p>
<p><span style="font-size: 12pt; font-family: Arial; background-color: transparent; font-weight: bold; font-style: italic; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">1. Escopo variável -</span><span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> a grande questão que envolve uma campanha publicitária é que ela não tem validade para o cliente ou para o público se não estiver completa. Se reduzirmos o escopo a campanha pode perder o caráter de inovação e, consequentemente, o impacto perante seu público-alvo.</span></p>
<p><span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Como exemplo disso podemos citar uma campanha atual da marca Sprite (nov/2010), a qual envolve o lançamento das novas latas do refrigerante e uma promoção em que o público pode criar sua própria lata da marca.</span><br />
<span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">O site da promoção possui ferramentas de desenvolvimento relativamente complexo, que possibilitam que o usuário desenhe sua lata. Entretanto, se tirássemos qualquer um dos recursos do site, toda a promoção se perderia, visto que ela é totalmente baseada nesta interação dentro do hotsite.</span></p>
<p><span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Além disso, com certeza houve um grande investimento do cliente, o qual moveu toda a linha de produção da fábrica para a fabricação das novas latinhas. Imagine o impacto que teria uma alteração de escopo da promoção.</span><br />
<span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">É claro que nem sempre a situação é tão crítica quanto esta, mas acredito que isso mostra a dificuldade de tocar um projeto desses com escopo variável.</span></p>
<p><span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">No caso de projetos de portais coporativos, o escopo variável é de vital importância para absorver todas as incertezas do projeto. Considerando as variáveis Custo, Prazo, Qualidade e Escopo, o último é variável para garantir que o custo e o prazo sejam previsíveis e que a qualidade seja maximizada.</span></p>
<p><span style="font-size: 12pt; font-family: Arial; background-color: transparent; font-weight: bold; font-style: italic; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">2. Priorização de escopo -</span><span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> como evidenciamos que é arriscado mudar o escopo de um projeto dentro de uma campanha, não é possível trabalhar totalmente com a priorização do conteúdo. O que pode e deve ser feito é a análise item a item do escopo e mensuração da real importância de cada item no impacto da comunicação. Além disso, é importante trabalhar com um quadro de Kanban, com atividades bem definididas, de forma que cada parte do projeto seja tratada individualmente, sem riscos de </span><span style="font-size: 12pt; font-family: Arial; background-color: transparent; font-style: italic; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">bugs</span><span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">.</span><br />
<span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Já em projetos de portais, a priorização é totalmente possível e garante que o cliente obtenha o máximo de retorno sobre seu investimento no menor tempo possível.</span></p>
<p><span style="font-size: 12pt; font-family: Arial; background-color: transparent; font-weight: bold; font-style: italic; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">3. Processo iterativo e incremental -</span><span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> mostramos anteriormente que nada adianta lançar uma campanha pela metade, mesmo que ela seja melhorada posteriormente. Todavia, existem algumas campanhas que permitem este processo, pois são divididas em fases, a fim de produzir um impacto diferente a cada fase. O correto é analisarmos caso a caso e vermos as possibilidades de aplicação da metodologia.</span></p>
<p><span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Mais uma vez, este processo é facilmente aplicável aos projetos não incluídos em campanhas pelo mesmo motivo da priorização de escopo. Uma dica que considero válida é sempre falar sobre isso com o cliente como “módulos” ou “fases” e nunca como “sprints”, pois isso pode confundí-lo e gerar questionamentos. </span></p>
<p><span style="font-size: 12pt; font-family: Arial; background-color: transparent; font-weight: bold; font-style: italic; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">4. Equipes multidisciplinares -</span><span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> esta é a parte da metodologia que é totalmente aplicável em qualquer situação. O formato ideal para o sucesso de um projeto é o da “mesa de projetos”, que reúne em um mesmo lugar todas as pessoas nele envolvidas: arquitetos de informação, designers, desenvolvedores, atendimentos e, se possível, o próprio cliente.</span><br />
<span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Muitas agências ainda não encontraram uma forma de trabalhar neste formato, principalmente porque são raros os casos em que uma pessoa trabalhe em um só job do seu início ao fim. </span></p>
<p><span style="font-size: 12pt; font-family: Arial; background-color: transparent; font-weight: bold; font-style: italic; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">5. Feedback constante -</span><span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> existem centenas de formas diferentes de prover o feedback constante em um projeto. É estritamente necessário obter retorno frequente do cliente, da equipe de projeto e, claro, do usuário final do produto.O formato de “mesas de projeto” e os quadros de Kanban garantem que a equipe esteja totalmente imersa no projeto e que todos estejam validando o trabalho de todos em tempo real.</span></p>
<p><span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Trazer o cliente para perto do projeto é ainda um dos desafios das agências, mas deve haver um acordo de parceria que vai além do contrato estipulado entre as partes. Afinal, o cliente é quem sabe realmente sobre seu modelo de negócios e o que poderá trazer lucro para a empresa.</span></p>
<p><span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Testar com frequência o produto é relativamente simples se trabalharmos com prototipação rápida. Por outro lado, testar um hotsite de uma campanha é mais complexo, pois envolve a avaliação de algo subjetivo e não está voltado somente ao funcionamento do produto.</span></p>
<p><span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Algumas dicas baseadas nas análises acima:</span></p>
<p><span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">- Comece “evangelizando” todos em sua agência sobre a importância de repensar o gerenciamento de projetos;</span><br />
<span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">- Apresente aos poucos os benefícios das metodologias ágeis até ganhar um pequeno grupo de seguidores;</span><br />
<span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">- Faça apresentações despretensiosas sobre a metodologia ao público interno e garanta a presença de pelo menos um diretor;</span><br />
<span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">- Não espere que alguém comece a fazer tudo que você propôs, espere o projeto ideal e inicie as atividades;</span><br />
<span style="font-size: 12pt; font-family: Arial; background-color: transparent; font-weight: bold; font-style: italic; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">E o mais importante&#8230;</span><br />
<span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">- Insira o cronograma de projetos no planejamento da campanha antes de vendê-la ao cliente. Da mesma forma que os cronogramas de veiculação em mídia são pensados e apresentados ao cliente, os projetos devem ser previstos para evitar imprevistos durante sua implementação.</span></p>
<p><span style="font-size: 12pt; font-family: Arial; background-color: transparent; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Adaptar e obter sucesso no uso de metodologias ágeis em agências de publicidade não é nada fácil e creio que 99% delas sequer pensa que seja possível. Também acredito que não seja possível aplicar exatamente as metodologias apresentadas pelo pessoal de TI, mas com certeza podemos nos basear em algumas melhores práticas e criar um método ideal de lidar com projetos e campanhas.</span></div>



Gostou deste Post? Compartilhe:


	<a rel="nofollow" target="_blank" href="http://twitter.com/home?status=Agile%20UX%20em%20ag%C3%AAncias%20de%20publicidade%20-%20http%3A%2F%2Fwebdrops.com.br%2Farquitetura-da-informacao%2Fagile-ux-em-agencias-de-publicidade%2F" title="Twitter"><img src="http://www.webdrops.com.br/imagens/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwebdrops.com.br%2Farquitetura-da-informacao%2Fagile-ux-em-agencias-de-publicidade%2F&amp;title=Agile%20UX%20em%20ag%C3%AAncias%20de%20publicidade&amp;notes=Prazos%20curtos%2C%20doze%20horas%20de%20trabalho%20todos%20os%20dias%2C%20finais%20de%20semana%20incertos%2C%20briefings%20enigm%C3%A1ticos%20que%20mais%20parecem%20joguinhos%20de%20puzzle%20e%20a%20busca%20incans%C3%A1vel%20pelo%20glamour%20dos%20pr%C3%AAmios.%20Este%20sempre%20foi%20o%20dia-a-dia%20das%20grandes%20ag%C3%AAncias%20de%20publicid" title="del.icio.us"><img src="http://www.webdrops.com.br/imagens/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwebdrops.com.br%2Farquitetura-da-informacao%2Fagile-ux-em-agencias-de-publicidade%2F&amp;t=Agile%20UX%20em%20ag%C3%AAncias%20de%20publicidade" title="Facebook"><img src="http://www.webdrops.com.br/imagens/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fwebdrops.com.br%2Farquitetura-da-informacao%2Fagile-ux-em-agencias-de-publicidade%2F&amp;t=Agile%20UX%20em%20ag%C3%AAncias%20de%20publicidade" title="MySpace"><img src="http://www.webdrops.com.br/imagens/myspace.png" title="MySpace" alt="MySpace" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.netvibes.com/share?title=Agile%20UX%20em%20ag%C3%AAncias%20de%20publicidade&amp;url=http%3A%2F%2Fwebdrops.com.br%2Farquitetura-da-informacao%2Fagile-ux-em-agencias-de-publicidade%2F" title="Netvibes"><img src="http://www.webdrops.com.br/imagens/netvibes.png" title="Netvibes" alt="Netvibes" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwebdrops.com.br%2Farquitetura-da-informacao%2Fagile-ux-em-agencias-de-publicidade%2F&amp;title=Agile%20UX%20em%20ag%C3%AAncias%20de%20publicidade&amp;bodytext=Prazos%20curtos%2C%20doze%20horas%20de%20trabalho%20todos%20os%20dias%2C%20finais%20de%20semana%20incertos%2C%20briefings%20enigm%C3%A1ticos%20que%20mais%20parecem%20joguinhos%20de%20puzzle%20e%20a%20busca%20incans%C3%A1vel%20pelo%20glamour%20dos%20pr%C3%AAmios.%20Este%20sempre%20foi%20o%20dia-a-dia%20das%20grandes%20ag%C3%AAncias%20de%20publicid" title="Digg"><img src="http://www.webdrops.com.br/imagens/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://webdrops.com.br/arquitetura-da-informacao/agile-ux-em-agencias-de-publicidade/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Arquitetura de Informação ou de Indução?</title>
		<link>http://webdrops.com.br/arquitetura-da-informacao/arquitetura-de-informacao-ou-de-inducao/</link>
		<comments>http://webdrops.com.br/arquitetura-da-informacao/arquitetura-de-informacao-ou-de-inducao/#comments</comments>
		<pubDate>Thu, 17 Feb 2011 21:26:46 +0000</pubDate>
		<dc:creator>Luis Felipe Fernandes</dc:creator>
				<category><![CDATA[Arquitetura da Informação]]></category>
		<category><![CDATA[Comportamento do Usuário]]></category>
		<category><![CDATA[Redes Sociais]]></category>
		<category><![CDATA[arquitetura de informação]]></category>

		<guid isPermaLink="false">http://webdrops.com.br/?p=237</guid>
		<description><![CDATA[Pessoalmente, acho incrível a capacidade que alguns sites têm de induzir as pessoas a algumas ações sem que elas percebam o porquê estão fazendo aquilo.
Não é caso da FanPage da RedBull no Facebook&#8230; Lembram do &#8220;Coooompre Batom! Cooooompre Batom&#8221; ??? hehehe




Gostou deste Post? Compartilhe:


	
	
	
	
	
	


]]></description>
			<content:encoded><![CDATA[<p>Pessoalmente, acho incrível a capacidade que alguns sites têm de <strong>induzir</strong> as pessoas a algumas ações sem que elas percebam o porquê estão fazendo aquilo.</p>
<p>Não é caso da FanPage da RedBull no Facebook&#8230; Lembram do &#8220;Coooompre Batom! Cooooompre Batom&#8221; ??? hehehe</p>
<p style="text-align: center;"><a title="Arquitetura de Informação ou de Indução? por Luis Felipe Fernandes" rel="lightbox[postID]" href="http://farm6.static.flickr.com/5133/5454530128_98253174af_z.jpg"><img class="aligncenter" src="http://farm6.static.flickr.com/5133/5454530128_98253174af.jpg" width="500" height="447" alt="FanPage da RedBull no Facebook, em que há inúmeras setas indicando o botão " width="640" height="572" /></a></p>



Gostou deste Post? Compartilhe:


	<a rel="nofollow" target="_blank" href="http://twitter.com/home?status=Arquitetura%20de%20Informa%C3%A7%C3%A3o%20ou%20de%20Indu%C3%A7%C3%A3o%3F%20-%20http%3A%2F%2Fwebdrops.com.br%2Farquitetura-da-informacao%2Farquitetura-de-informacao-ou-de-inducao%2F" title="Twitter"><img src="http://www.webdrops.com.br/imagens/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwebdrops.com.br%2Farquitetura-da-informacao%2Farquitetura-de-informacao-ou-de-inducao%2F&amp;title=Arquitetura%20de%20Informa%C3%A7%C3%A3o%20ou%20de%20Indu%C3%A7%C3%A3o%3F&amp;notes=Pessoalmente%2C%20acho%20incr%C3%ADvel%20a%20capacidade%20que%20alguns%20sites%20t%C3%AAm%20de%20induzir%20as%20pessoas%20a%20algumas%20a%C3%A7%C3%B5es%20sem%20que%20elas%20percebam%20o%20porqu%C3%AA%20est%C3%A3o%20fazendo%20aquilo.%0D%0A%0D%0AN%C3%A3o%20%C3%A9%20caso%20da%20FanPage%20da%20RedBull%20no%20Facebook...%20Lembram%20do%20%22Coooompre%20Batom%21%20Cooooompr" title="del.icio.us"><img src="http://www.webdrops.com.br/imagens/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwebdrops.com.br%2Farquitetura-da-informacao%2Farquitetura-de-informacao-ou-de-inducao%2F&amp;t=Arquitetura%20de%20Informa%C3%A7%C3%A3o%20ou%20de%20Indu%C3%A7%C3%A3o%3F" title="Facebook"><img src="http://www.webdrops.com.br/imagens/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fwebdrops.com.br%2Farquitetura-da-informacao%2Farquitetura-de-informacao-ou-de-inducao%2F&amp;t=Arquitetura%20de%20Informa%C3%A7%C3%A3o%20ou%20de%20Indu%C3%A7%C3%A3o%3F" title="MySpace"><img src="http://www.webdrops.com.br/imagens/myspace.png" title="MySpace" alt="MySpace" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.netvibes.com/share?title=Arquitetura%20de%20Informa%C3%A7%C3%A3o%20ou%20de%20Indu%C3%A7%C3%A3o%3F&amp;url=http%3A%2F%2Fwebdrops.com.br%2Farquitetura-da-informacao%2Farquitetura-de-informacao-ou-de-inducao%2F" title="Netvibes"><img src="http://www.webdrops.com.br/imagens/netvibes.png" title="Netvibes" alt="Netvibes" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwebdrops.com.br%2Farquitetura-da-informacao%2Farquitetura-de-informacao-ou-de-inducao%2F&amp;title=Arquitetura%20de%20Informa%C3%A7%C3%A3o%20ou%20de%20Indu%C3%A7%C3%A3o%3F&amp;bodytext=Pessoalmente%2C%20acho%20incr%C3%ADvel%20a%20capacidade%20que%20alguns%20sites%20t%C3%AAm%20de%20induzir%20as%20pessoas%20a%20algumas%20a%C3%A7%C3%B5es%20sem%20que%20elas%20percebam%20o%20porqu%C3%AA%20est%C3%A3o%20fazendo%20aquilo.%0D%0A%0D%0AN%C3%A3o%20%C3%A9%20caso%20da%20FanPage%20da%20RedBull%20no%20Facebook...%20Lembram%20do%20%22Coooompre%20Batom%21%20Cooooompr" title="Digg"><img src="http://www.webdrops.com.br/imagens/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://webdrops.com.br/arquitetura-da-informacao/arquitetura-de-informacao-ou-de-inducao/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Chroma-Hash: verificador de senhas por cores</title>
		<link>http://webdrops.com.br/formularios/chroma-hash-verificador-de-senhas-por-cores/</link>
		<comments>http://webdrops.com.br/formularios/chroma-hash-verificador-de-senhas-por-cores/#comments</comments>
		<pubDate>Tue, 17 Nov 2009 16:59:40 +0000</pubDate>
		<dc:creator>Luis Felipe Fernandes</dc:creator>
				<category><![CDATA[Acessibilidade]]></category>
		<category><![CDATA[Arquitetura da Informação]]></category>
		<category><![CDATA[Formulários]]></category>
		<category><![CDATA[usa]]></category>
		<category><![CDATA[usabilidade]]></category>

		<guid isPermaLink="false">http://webdrops.com.br/?p=230</guid>
		<description><![CDATA[Navegando hoje pela internet em busca de referências de arquitetura de informação e usabilidade, descobri um novo e revolucionário verificador de senhas em formulários: o Chroma-Hash.
Basicamente, o Chroma-Hash transforma qualquer senha em uma sequência de três cores. Ao digitar novamente sua senha para validação, o campo de preenchimento deve exibir a mesma sequência de cores [...]]]></description>
			<content:encoded><![CDATA[<p>Navegando hoje pela internet em busca de referências de arquitetura de informação e usabilidade, descobri um novo e <span style="text-decoration: line-through;">revolucionário</span> verificador de senhas em formulários: o Chroma-Hash.</p>
<p>Basicamente, o Chroma-Hash transforma qualquer senha em uma sequência de três cores. Ao digitar novamente sua senha para validação, o campo de preenchimento deve exibir a mesma sequência de cores do campo anterior.<br />
Ou seja, sem a necessidade de ver os caracteres de sua senha, é possível verificar se digitou da mesma maneira as duas vezes.<br />
<a title="Chroma-Hash: verificador de senhas por cores" href="http://foxxtrot.github.com/Chroma-Hash/" target="_blank"><img src="http://farm3.static.flickr.com/2662/4112749556_3060fc254b.jpg" alt="Chroma-Hash: verificador de senhas por cores" width="431" height="500" /></a><br />
Vale a pena conferir: <a title="Chroma-Hash - Verificador de senhas" href="http://foxxtrot.github.com/Chroma-Hash/" target="_blank">Chroma-Hash &#8211; Verificador de senhas</a></p>



Gostou deste Post? Compartilhe:


	<a rel="nofollow" target="_blank" href="http://twitter.com/home?status=Chroma-Hash%3A%20verificador%20de%20senhas%20por%20cores%20-%20http%3A%2F%2Fwebdrops.com.br%2Fformularios%2Fchroma-hash-verificador-de-senhas-por-cores%2F" title="Twitter"><img src="http://www.webdrops.com.br/imagens/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwebdrops.com.br%2Fformularios%2Fchroma-hash-verificador-de-senhas-por-cores%2F&amp;title=Chroma-Hash%3A%20verificador%20de%20senhas%20por%20cores&amp;notes=Navegando%20hoje%20pela%20internet%20em%20busca%20de%20refer%C3%AAncias%20de%20arquitetura%20de%20informa%C3%A7%C3%A3o%20e%20usabilidade%2C%20descobri%20um%20novo%20e%20revolucion%C3%A1rio%20verificador%20de%20senhas%20em%20formul%C3%A1rios%3A%20o%20Chroma-Hash.%0D%0A%0D%0ABasicamente%2C%20o%20Chroma-Hash%20transforma%20qualquer%20senha%20em%20um" title="del.icio.us"><img src="http://www.webdrops.com.br/imagens/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwebdrops.com.br%2Fformularios%2Fchroma-hash-verificador-de-senhas-por-cores%2F&amp;t=Chroma-Hash%3A%20verificador%20de%20senhas%20por%20cores" title="Facebook"><img src="http://www.webdrops.com.br/imagens/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fwebdrops.com.br%2Fformularios%2Fchroma-hash-verificador-de-senhas-por-cores%2F&amp;t=Chroma-Hash%3A%20verificador%20de%20senhas%20por%20cores" title="MySpace"><img src="http://www.webdrops.com.br/imagens/myspace.png" title="MySpace" alt="MySpace" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.netvibes.com/share?title=Chroma-Hash%3A%20verificador%20de%20senhas%20por%20cores&amp;url=http%3A%2F%2Fwebdrops.com.br%2Fformularios%2Fchroma-hash-verificador-de-senhas-por-cores%2F" title="Netvibes"><img src="http://www.webdrops.com.br/imagens/netvibes.png" title="Netvibes" alt="Netvibes" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwebdrops.com.br%2Fformularios%2Fchroma-hash-verificador-de-senhas-por-cores%2F&amp;title=Chroma-Hash%3A%20verificador%20de%20senhas%20por%20cores&amp;bodytext=Navegando%20hoje%20pela%20internet%20em%20busca%20de%20refer%C3%AAncias%20de%20arquitetura%20de%20informa%C3%A7%C3%A3o%20e%20usabilidade%2C%20descobri%20um%20novo%20e%20revolucion%C3%A1rio%20verificador%20de%20senhas%20em%20formul%C3%A1rios%3A%20o%20Chroma-Hash.%0D%0A%0D%0ABasicamente%2C%20o%20Chroma-Hash%20transforma%20qualquer%20senha%20em%20um" title="Digg"><img src="http://www.webdrops.com.br/imagens/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://webdrops.com.br/formularios/chroma-hash-verificador-de-senhas-por-cores/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Curso de Arquitetura de Informação em Curitiba / PR</title>
		<link>http://webdrops.com.br/arquitetura-da-informacao/curso-arquitetura-de-informacao-em-curitiba-pr/</link>
		<comments>http://webdrops.com.br/arquitetura-da-informacao/curso-arquitetura-de-informacao-em-curitiba-pr/#comments</comments>
		<pubDate>Wed, 04 Nov 2009 20:34:49 +0000</pubDate>
		<dc:creator>Luis Felipe Fernandes</dc:creator>
				<category><![CDATA[Arquitetura da Informação]]></category>
		<category><![CDATA[curso]]></category>
		<category><![CDATA[ux]]></category>

		<guid isPermaLink="false">http://webdrops.com.br/?p=221</guid>
		<description><![CDATA[Estão abertas as inscrições para a segunda turma do curso de Arquitetura de Informação em Curitiba / PR. O curso é uma parceria dos profissionais da Mídia Digital (Jeferson Jess, Vinicius Krause e este que vos fala) e das Faculdades SPEI, ambas em Curitiba também.
O curso é focado em planejamento estratégico e experiência do usuário [...]]]></description>
			<content:encoded><![CDATA[<p>Estão abertas as inscrições para a segunda turma do curso de Arquitetura de Informação em Curitiba / PR. O curso é uma parceria dos profissionais da <a title="Site da agência Mídia Digital" href="http://www.midiadigital.com.br" target="_blank">Mídia Digital</a> (Jeferson Jess, Vinicius Krause e este que vos fala) e das <a title="Site das faculdades SPEI" href="http://www.spei.br/" target="_blank">Faculdades SPEI</a>, ambas em Curitiba também.</p>
<p>O curso é focado em planejamento estratégico e experiência do usuário (UX) e tem o objetivo de capacitar os alunos a planejarem projetos interativos para a web com base em conceitos teóricos, metodologias e prática profissional da Arquitetura de Informação.</p>
<p>Fica a dica:</p>
<p><strong>Quando?</strong><br />
28/11 (sábado), 29/11(domingo) e 12/12 (sábado)<br />
Horário das 8h30 até 17h00</p>
<p><strong>Onde?</strong><br />
Faculdades SPEI – Unidade Centro<br />
Al. Dr. Carlos de Carvalho, 256 – Curitiba – Paraná</p>
<p><strong>Quanto?</strong><br />
2x R$245,00</p>
<p><strong>Professores:</strong><br />
- <a title="Portfólio do Arquiteto de Informação Jeferson Jess" href="http://jeferson.carbonmade.com/" target="_blank">Jeferson Jess</a><br />
- Luis Felipe Fernandes<br />
- <a title="Blog do Arquiteto de Informação Vinicius Krause" href="http://webkrause.com/vinicius" target="_blank">Vinicius Krause</a><br />
<strong><br />
Inscrições e mais informações:</strong><br />
<a title="Inscrições para o curso de Arquitetura de Informação" href="http://www.cursodearquiteturaweb.com/" target="_blank">www.cursodearquiteturaweb.com</a></p>



Gostou deste Post? Compartilhe:


	<a rel="nofollow" target="_blank" href="http://twitter.com/home?status=Curso%20de%20Arquitetura%20de%20Informa%C3%A7%C3%A3o%20em%20Curitiba%20%2F%20PR%20-%20http%3A%2F%2Fwebdrops.com.br%2Farquitetura-da-informacao%2Fcurso-arquitetura-de-informacao-em-curitiba-pr%2F" title="Twitter"><img src="http://www.webdrops.com.br/imagens/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwebdrops.com.br%2Farquitetura-da-informacao%2Fcurso-arquitetura-de-informacao-em-curitiba-pr%2F&amp;title=Curso%20de%20Arquitetura%20de%20Informa%C3%A7%C3%A3o%20em%20Curitiba%20%2F%20PR&amp;notes=Est%C3%A3o%20abertas%20as%20inscri%C3%A7%C3%B5es%20para%20a%20segunda%20turma%20do%20curso%20de%20Arquitetura%20de%20Informa%C3%A7%C3%A3o%20em%20Curitiba%20%2F%20PR.%20O%20curso%20%C3%A9%20uma%20parceria%20dos%20profissionais%20da%20M%C3%ADdia%20Digital%20%28Jeferson%20Jess%2C%20Vinicius%20Krause%20e%20este%20que%20vos%20fala%29%20e%20das%20Faculdades%20SPEI%2C%20amba" title="del.icio.us"><img src="http://www.webdrops.com.br/imagens/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwebdrops.com.br%2Farquitetura-da-informacao%2Fcurso-arquitetura-de-informacao-em-curitiba-pr%2F&amp;t=Curso%20de%20Arquitetura%20de%20Informa%C3%A7%C3%A3o%20em%20Curitiba%20%2F%20PR" title="Facebook"><img src="http://www.webdrops.com.br/imagens/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fwebdrops.com.br%2Farquitetura-da-informacao%2Fcurso-arquitetura-de-informacao-em-curitiba-pr%2F&amp;t=Curso%20de%20Arquitetura%20de%20Informa%C3%A7%C3%A3o%20em%20Curitiba%20%2F%20PR" title="MySpace"><img src="http://www.webdrops.com.br/imagens/myspace.png" title="MySpace" alt="MySpace" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.netvibes.com/share?title=Curso%20de%20Arquitetura%20de%20Informa%C3%A7%C3%A3o%20em%20Curitiba%20%2F%20PR&amp;url=http%3A%2F%2Fwebdrops.com.br%2Farquitetura-da-informacao%2Fcurso-arquitetura-de-informacao-em-curitiba-pr%2F" title="Netvibes"><img src="http://www.webdrops.com.br/imagens/netvibes.png" title="Netvibes" alt="Netvibes" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwebdrops.com.br%2Farquitetura-da-informacao%2Fcurso-arquitetura-de-informacao-em-curitiba-pr%2F&amp;title=Curso%20de%20Arquitetura%20de%20Informa%C3%A7%C3%A3o%20em%20Curitiba%20%2F%20PR&amp;bodytext=Est%C3%A3o%20abertas%20as%20inscri%C3%A7%C3%B5es%20para%20a%20segunda%20turma%20do%20curso%20de%20Arquitetura%20de%20Informa%C3%A7%C3%A3o%20em%20Curitiba%20%2F%20PR.%20O%20curso%20%C3%A9%20uma%20parceria%20dos%20profissionais%20da%20M%C3%ADdia%20Digital%20%28Jeferson%20Jess%2C%20Vinicius%20Krause%20e%20este%20que%20vos%20fala%29%20e%20das%20Faculdades%20SPEI%2C%20amba" title="Digg"><img src="http://www.webdrops.com.br/imagens/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://webdrops.com.br/arquitetura-da-informacao/curso-arquitetura-de-informacao-em-curitiba-pr/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Menú Alternativo &#8211; Usabilidade e Navegabilidade para Blog</title>
		<link>http://webdrops.com.br/arquitetura-da-informacao/menu-alternativo-usabilidade-navegabilidade-para-blog/</link>
		<comments>http://webdrops.com.br/arquitetura-da-informacao/menu-alternativo-usabilidade-navegabilidade-para-blog/#comments</comments>
		<pubDate>Thu, 06 Aug 2009 12:30:26 +0000</pubDate>
		<dc:creator>Luis Felipe Fernandes</dc:creator>
				<category><![CDATA[Arquitetura da Informação]]></category>
		<category><![CDATA[Menú]]></category>
		<category><![CDATA[Navegabilidade]]></category>
		<category><![CDATA[navegabilidade]]></category>
		<category><![CDATA[usabilidade]]></category>

		<guid isPermaLink="false">http://webdrops.com.br/?p=211</guid>
		<description><![CDATA[O site Wireframe Magazine utiliza uma solução simples e criativa para otimizar a navegabilidade e usabilidade do blog: criou um menú alternativo, que só aparece quando solicitado pelo usuário.
No canto superior direito da tela existe a instrução &#8220;Pressione Ctrl para exibir todos os posts&#8221;. Pressionando a tecla Ctrl, o menú alternativo aparece ao lado esquerdo [...]]]></description>
			<content:encoded><![CDATA[<p>O site <a title="Site com dicas e discussões sobre prototipação" href="http://wireframes.linowski.ca/" target="_blank">Wireframe Magazine</a> utiliza uma solução simples e criativa para otimizar a navegabilidade e usabilidade do blog: criou um menú alternativo, que só aparece quando solicitado pelo usuário.<br />
No canto superior direito da tela existe a instrução &#8220;Pressione Ctrl para exibir todos os posts&#8221;. Pressionando a tecla Ctrl, o menú alternativo aparece ao lado esquerdo da tela com link para todos os post do blog.<br />
Uma solução muito criativa que não interfere no visual, nem na navegação padrão do site.</p>
<p>Desta vez preparei um vídeo pra facilitar a visualização da interação:</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="590" height="347" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=5947242&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=fcfcfc&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="590" height="347" src="http://vimeo.com/moogaloop.swf?clip_id=5947242&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=fcfcfc&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>



Gostou deste Post? Compartilhe:


	<a rel="nofollow" target="_blank" href="http://twitter.com/home?status=Men%C3%BA%20Alternativo%20-%20Usabilidade%20e%20Navegabilidade%20para%20Blog%20-%20http%3A%2F%2Fwebdrops.com.br%2Farquitetura-da-informacao%2Fmenu-alternativo-usabilidade-navegabilidade-para-blog%2F" title="Twitter"><img src="http://www.webdrops.com.br/imagens/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwebdrops.com.br%2Farquitetura-da-informacao%2Fmenu-alternativo-usabilidade-navegabilidade-para-blog%2F&amp;title=Men%C3%BA%20Alternativo%20-%20Usabilidade%20e%20Navegabilidade%20para%20Blog&amp;notes=O%20site%20Wireframe%20Magazine%20utiliza%20uma%20solu%C3%A7%C3%A3o%20simples%20e%20criativa%20para%20otimizar%20a%20navegabilidade%20e%20usabilidade%20do%20blog%3A%20criou%20um%20men%C3%BA%20alternativo%2C%20que%20s%C3%B3%20aparece%20quando%20solicitado%20pelo%20usu%C3%A1rio.%0D%0ANo%20canto%20superior%20direito%20da%20tela%20existe%20a%20instru%C3%A7" title="del.icio.us"><img src="http://www.webdrops.com.br/imagens/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwebdrops.com.br%2Farquitetura-da-informacao%2Fmenu-alternativo-usabilidade-navegabilidade-para-blog%2F&amp;t=Men%C3%BA%20Alternativo%20-%20Usabilidade%20e%20Navegabilidade%20para%20Blog" title="Facebook"><img src="http://www.webdrops.com.br/imagens/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fwebdrops.com.br%2Farquitetura-da-informacao%2Fmenu-alternativo-usabilidade-navegabilidade-para-blog%2F&amp;t=Men%C3%BA%20Alternativo%20-%20Usabilidade%20e%20Navegabilidade%20para%20Blog" title="MySpace"><img src="http://www.webdrops.com.br/imagens/myspace.png" title="MySpace" alt="MySpace" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.netvibes.com/share?title=Men%C3%BA%20Alternativo%20-%20Usabilidade%20e%20Navegabilidade%20para%20Blog&amp;url=http%3A%2F%2Fwebdrops.com.br%2Farquitetura-da-informacao%2Fmenu-alternativo-usabilidade-navegabilidade-para-blog%2F" title="Netvibes"><img src="http://www.webdrops.com.br/imagens/netvibes.png" title="Netvibes" alt="Netvibes" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwebdrops.com.br%2Farquitetura-da-informacao%2Fmenu-alternativo-usabilidade-navegabilidade-para-blog%2F&amp;title=Men%C3%BA%20Alternativo%20-%20Usabilidade%20e%20Navegabilidade%20para%20Blog&amp;bodytext=O%20site%20Wireframe%20Magazine%20utiliza%20uma%20solu%C3%A7%C3%A3o%20simples%20e%20criativa%20para%20otimizar%20a%20navegabilidade%20e%20usabilidade%20do%20blog%3A%20criou%20um%20men%C3%BA%20alternativo%2C%20que%20s%C3%B3%20aparece%20quando%20solicitado%20pelo%20usu%C3%A1rio.%0D%0ANo%20canto%20superior%20direito%20da%20tela%20existe%20a%20instru%C3%A7" title="Digg"><img src="http://www.webdrops.com.br/imagens/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://webdrops.com.br/arquitetura-da-informacao/menu-alternativo-usabilidade-navegabilidade-para-blog/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Como criar formulários com usabilidade</title>
		<link>http://webdrops.com.br/formularios/como-criar-formularios-com-usabilidade/</link>
		<comments>http://webdrops.com.br/formularios/como-criar-formularios-com-usabilidade/#comments</comments>
		<pubDate>Sat, 01 Aug 2009 03:07:30 +0000</pubDate>
		<dc:creator>Luis Felipe Fernandes</dc:creator>
				<category><![CDATA[Arquitetura da Informação]]></category>
		<category><![CDATA[Formulários]]></category>
		<category><![CDATA[formulário]]></category>
		<category><![CDATA[usabilidade]]></category>

		<guid isPermaLink="false">http://webdrops.com.br/?p=206</guid>
		<description><![CDATA[Em muitos trabalhos, nós Arquitetos da Informação nos deparamos com a necessidade de se criar e transformar formulários extensos e complexos em uma etapa leve e com o máximo de usabilidade possível.
Geralmente estes formulários são necessários, pois fazem parte do modelo de negócio do cliente, sendo utilizados para contratação de algum serviço, compra de algum [...]]]></description>
			<content:encoded><![CDATA[<p>Em muitos trabalhos, nós Arquitetos da Informação nos deparamos com a necessidade de se criar e transformar formulários extensos e complexos em uma etapa leve e com o máximo de usabilidade possível.<br />
Geralmente estes formulários são necessários, pois fazem parte do modelo de negócio do cliente, sendo utilizados para contratação de algum serviço, compra de algum produto ou um simples cadastro para poder utilizar o site.</p>
<p>O <a title="Blog Núcleo de User Experience" href="http://nuxabril.wordpress.com/2009/07/30/checklist-para-formularios-online/" target="_blank">blog Núcleo de User Experience</a> publicou um post muito interessante com um checklist de como se criar formulários com usabilidade. A imagem abaixo foi traduzida do <a title="Frontend.com" href="http://www.frontend.com/websites-portals-ecommerce/tips-for-creating-online-forms.html" target="_blank">Frontend.com</a>.</p>
<p><a title="Como criar formulários com usabilidade" href="http://nuxabril.files.wordpress.com/2009/07/formularios-nux-p013.png" target="_blank"><img class="alignnone" src="http://farm4.static.flickr.com/3551/3777004344_e55b2c3bb5.jpg" alt="Como criar formulários com usabilidade" width="341" height="500" /></a>O blog também disponibilizou o <a title="Baixe o arquivo &quot;Como criar formulários com usabilidade&quot; em formato para impressão" href="http://nuxabril.files.wordpress.com/2009/07/formularios-nux-p011.pdf" target="_blank">arquivo em formato para impressão</a>.</p>



Gostou deste Post? Compartilhe:


	<a rel="nofollow" target="_blank" href="http://twitter.com/home?status=Como%20criar%20formul%C3%A1rios%20com%20usabilidade%20-%20http%3A%2F%2Fwebdrops.com.br%2Fformularios%2Fcomo-criar-formularios-com-usabilidade%2F" title="Twitter"><img src="http://www.webdrops.com.br/imagens/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwebdrops.com.br%2Fformularios%2Fcomo-criar-formularios-com-usabilidade%2F&amp;title=Como%20criar%20formul%C3%A1rios%20com%20usabilidade&amp;notes=Em%20muitos%20trabalhos%2C%20n%C3%B3s%20Arquitetos%20da%20Informa%C3%A7%C3%A3o%20nos%20deparamos%20com%20a%20necessidade%20de%20se%20criar%20e%20transformar%20formul%C3%A1rios%20extensos%20e%20complexos%20em%20uma%20etapa%20leve%20e%20com%20o%20m%C3%A1ximo%20de%20usabilidade%20poss%C3%ADvel.%0D%0AGeralmente%20estes%20formul%C3%A1rios%20s%C3%A3o%20necess%C3%A1r" title="del.icio.us"><img src="http://www.webdrops.com.br/imagens/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwebdrops.com.br%2Fformularios%2Fcomo-criar-formularios-com-usabilidade%2F&amp;t=Como%20criar%20formul%C3%A1rios%20com%20usabilidade" title="Facebook"><img src="http://www.webdrops.com.br/imagens/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fwebdrops.com.br%2Fformularios%2Fcomo-criar-formularios-com-usabilidade%2F&amp;t=Como%20criar%20formul%C3%A1rios%20com%20usabilidade" title="MySpace"><img src="http://www.webdrops.com.br/imagens/myspace.png" title="MySpace" alt="MySpace" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.netvibes.com/share?title=Como%20criar%20formul%C3%A1rios%20com%20usabilidade&amp;url=http%3A%2F%2Fwebdrops.com.br%2Fformularios%2Fcomo-criar-formularios-com-usabilidade%2F" title="Netvibes"><img src="http://www.webdrops.com.br/imagens/netvibes.png" title="Netvibes" alt="Netvibes" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwebdrops.com.br%2Fformularios%2Fcomo-criar-formularios-com-usabilidade%2F&amp;title=Como%20criar%20formul%C3%A1rios%20com%20usabilidade&amp;bodytext=Em%20muitos%20trabalhos%2C%20n%C3%B3s%20Arquitetos%20da%20Informa%C3%A7%C3%A3o%20nos%20deparamos%20com%20a%20necessidade%20de%20se%20criar%20e%20transformar%20formul%C3%A1rios%20extensos%20e%20complexos%20em%20uma%20etapa%20leve%20e%20com%20o%20m%C3%A1ximo%20de%20usabilidade%20poss%C3%ADvel.%0D%0AGeralmente%20estes%20formul%C3%A1rios%20s%C3%A3o%20necess%C3%A1r" title="Digg"><img src="http://www.webdrops.com.br/imagens/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://webdrops.com.br/formularios/como-criar-formularios-com-usabilidade/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Exemplo de organização de menu em e-commerce</title>
		<link>http://webdrops.com.br/e-commerce/exemplo-de-organizacao-de-menu-em-e-commerce/</link>
		<comments>http://webdrops.com.br/e-commerce/exemplo-de-organizacao-de-menu-em-e-commerce/#comments</comments>
		<pubDate>Thu, 30 Jul 2009 12:30:41 +0000</pubDate>
		<dc:creator>Luis Felipe Fernandes</dc:creator>
				<category><![CDATA[Arquitetura da Informação]]></category>
		<category><![CDATA[E-commerce]]></category>
		<category><![CDATA[Menú]]></category>
		<category><![CDATA[Navegabilidade]]></category>
		<category><![CDATA[organização]]></category>
		<category><![CDATA[usabilidade]]></category>

		<guid isPermaLink="false">http://webdrops.com.br/?p=201</guid>
		<description><![CDATA[O site de e-commerce brasileiro OQVestir utiliza um ótimo exemplo de organização de menu. Você pode encontrar a roupa ideal para você, buscando por &#8220;Ocasião&#8221;, por &#8220;Estilo&#8221; ou por &#8220;Tipo Físico&#8221;.
Além de ser um exemplo fora dos padrões atuais de e-commerce, a loja mostra que realmente conhece seu público e quer ajudar suas consumidoras a [...]]]></description>
			<content:encoded><![CDATA[<p>O site de e-commerce brasileiro OQVestir utiliza um ótimo exemplo de organização de menu. Você pode encontrar a roupa ideal para você, buscando por &#8220;Ocasião&#8221;, por &#8220;Estilo&#8221; ou por &#8220;Tipo Físico&#8221;.<br />
Além de ser um exemplo fora dos padrões atuais de e-commerce, a loja mostra que realmente conhece seu público e quer ajudar suas consumidoras a encontrarem a peça ideal e se vestirem bem.</p>
<p style="text-align: center;"><a title="Exemplo de organização de menu em e-commerce" rel="lightbox[postID]" href="http://farm3.static.flickr.com/2632/3771231748_56e91f58ca_o.jpg"><img class="aligncenter" src="http://farm3.static.flickr.com/2632/3771231748_f70364efa3.jpg" alt="Exemplo de organização de menu em e-commerce" width="500" height="313" /></a></p>
<p style="text-align: left;">Já comentei isso no post anterior, mas não custa nada reafirmar: Caso vocês encontrem referências legais de Arquitetura da Informação, Usabilidade, Acessibilidade, Navegabilidade, etc&#8230; enviem os links pelos comentários, que eu crio um post com a referência (com os devidos créditos). Ok?</p>
<p style="text-align: left;">Site: <a title="OQVestir - e-commerce de roupas com organização de menu diferenciada" href="http://www.oqvestir.com.br/" target="_blank">http://www.oqvestir.com.br/</a></p>



Gostou deste Post? Compartilhe:


	<a rel="nofollow" target="_blank" href="http://twitter.com/home?status=Exemplo%20de%20organiza%C3%A7%C3%A3o%20de%20menu%20em%20e-commerce%20-%20http%3A%2F%2Fwebdrops.com.br%2Fe-commerce%2Fexemplo-de-organizacao-de-menu-em-e-commerce%2F" title="Twitter"><img src="http://www.webdrops.com.br/imagens/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwebdrops.com.br%2Fe-commerce%2Fexemplo-de-organizacao-de-menu-em-e-commerce%2F&amp;title=Exemplo%20de%20organiza%C3%A7%C3%A3o%20de%20menu%20em%20e-commerce&amp;notes=O%20site%20de%20e-commerce%20brasileiro%20OQVestir%20utiliza%20um%20%C3%B3timo%20exemplo%20de%20organiza%C3%A7%C3%A3o%20de%20menu.%20Voc%C3%AA%20pode%20encontrar%20a%20roupa%20ideal%20para%20voc%C3%AA%2C%20buscando%20por%20%22Ocasi%C3%A3o%22%2C%20por%20%22Estilo%22%20ou%20por%20%22Tipo%20F%C3%ADsico%22.%0D%0AAl%C3%A9m%20de%20ser%20um%20exemplo%20fora%20dos%20padr%C3%B5es%20atuais" title="del.icio.us"><img src="http://www.webdrops.com.br/imagens/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwebdrops.com.br%2Fe-commerce%2Fexemplo-de-organizacao-de-menu-em-e-commerce%2F&amp;t=Exemplo%20de%20organiza%C3%A7%C3%A3o%20de%20menu%20em%20e-commerce" title="Facebook"><img src="http://www.webdrops.com.br/imagens/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fwebdrops.com.br%2Fe-commerce%2Fexemplo-de-organizacao-de-menu-em-e-commerce%2F&amp;t=Exemplo%20de%20organiza%C3%A7%C3%A3o%20de%20menu%20em%20e-commerce" title="MySpace"><img src="http://www.webdrops.com.br/imagens/myspace.png" title="MySpace" alt="MySpace" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.netvibes.com/share?title=Exemplo%20de%20organiza%C3%A7%C3%A3o%20de%20menu%20em%20e-commerce&amp;url=http%3A%2F%2Fwebdrops.com.br%2Fe-commerce%2Fexemplo-de-organizacao-de-menu-em-e-commerce%2F" title="Netvibes"><img src="http://www.webdrops.com.br/imagens/netvibes.png" title="Netvibes" alt="Netvibes" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwebdrops.com.br%2Fe-commerce%2Fexemplo-de-organizacao-de-menu-em-e-commerce%2F&amp;title=Exemplo%20de%20organiza%C3%A7%C3%A3o%20de%20menu%20em%20e-commerce&amp;bodytext=O%20site%20de%20e-commerce%20brasileiro%20OQVestir%20utiliza%20um%20%C3%B3timo%20exemplo%20de%20organiza%C3%A7%C3%A3o%20de%20menu.%20Voc%C3%AA%20pode%20encontrar%20a%20roupa%20ideal%20para%20voc%C3%AA%2C%20buscando%20por%20%22Ocasi%C3%A3o%22%2C%20por%20%22Estilo%22%20ou%20por%20%22Tipo%20F%C3%ADsico%22.%0D%0AAl%C3%A9m%20de%20ser%20um%20exemplo%20fora%20dos%20padr%C3%B5es%20atuais" title="Digg"><img src="http://www.webdrops.com.br/imagens/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://webdrops.com.br/e-commerce/exemplo-de-organizacao-de-menu-em-e-commerce/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Menú com ícones em site de E-commerce</title>
		<link>http://webdrops.com.br/e-commerce/menu-com-icones-em-site-de-e-commerce/</link>
		<comments>http://webdrops.com.br/e-commerce/menu-com-icones-em-site-de-e-commerce/#comments</comments>
		<pubDate>Tue, 28 Jul 2009 12:10:30 +0000</pubDate>
		<dc:creator>Luis Felipe Fernandes</dc:creator>
				<category><![CDATA[Arquitetura da Informação]]></category>
		<category><![CDATA[E-commerce]]></category>
		<category><![CDATA[Menú]]></category>
		<category><![CDATA[usabilidade]]></category>

		<guid isPermaLink="false">http://webdrops.com.br/?p=195</guid>
		<description><![CDATA[Fugindo um pouco dos padrões dos sites de e-commerce, a Dainese (uma fabricante de acessórios para motos) utiliza ícones (e somente ícones) em seu menú para representar as categorias de produtos.
No meu caso, que não entendo muito de motos, é extremamente intuitivo, pois não saberia o nome real dos acessórios, mas consigo reconhecer o formato [...]]]></description>
			<content:encoded><![CDATA[<p>Fugindo um pouco dos padrões dos sites de e-commerce, a Dainese (uma fabricante de acessórios para motos) utiliza ícones (e somente ícones) em seu menú para representar as categorias de produtos.<br />
No meu caso, que não entendo muito de motos, é extremamente intuitivo, pois não saberia o nome real dos acessórios, mas consigo reconhecer o formato de cada um deles.</p>
<p style="text-align: left;"><a title="Menú com ícones em site de E-commerce" rel="lightbox[postID]" href="http://farm3.static.flickr.com/2674/3763980679_77fb52ebe7_o.jpg"><img class="aligncenter" src="http://farm3.static.flickr.com/2674/3763980679_a1aa3bcaa4.jpg" alt="Menú com ícones em site de e-commerce" width="500" height="356" /></a><br />
Vocês já devem ter percebido, mas tenho focado bastante minhas pesquisas ultimamente em e-commerce. Caso encontrem mais algumas referências bacanas é só enviar o link por comentário.</p>
<p style="text-align: left;">Site: <a title="Site Dainese Motos - menú com ícones nas categorias dos produtos" href="http://www.dainese.com/us_en/motorbike" target="_blank">http://www.dainese.com/us_en/motorbike</a></p>



Gostou deste Post? Compartilhe:


	<a rel="nofollow" target="_blank" href="http://twitter.com/home?status=Men%C3%BA%20com%20%C3%ADcones%20em%20site%20de%20E-commerce%20-%20http%3A%2F%2Fwebdrops.com.br%2Fe-commerce%2Fmenu-com-icones-em-site-de-e-commerce%2F" title="Twitter"><img src="http://www.webdrops.com.br/imagens/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwebdrops.com.br%2Fe-commerce%2Fmenu-com-icones-em-site-de-e-commerce%2F&amp;title=Men%C3%BA%20com%20%C3%ADcones%20em%20site%20de%20E-commerce&amp;notes=Fugindo%20um%20pouco%20dos%20padr%C3%B5es%20dos%20sites%20de%20e-commerce%2C%20a%20Dainese%20%28uma%20fabricante%20de%20acess%C3%B3rios%20para%20motos%29%20utiliza%20%C3%ADcones%20%28e%20somente%20%C3%ADcones%29%20em%20seu%20men%C3%BA%20para%20representar%20as%20categorias%20de%20produtos.%0D%0ANo%20meu%20caso%2C%20que%20n%C3%A3o%20entendo%20muito%20de%20motos%2C%20%C3%A9" title="del.icio.us"><img src="http://www.webdrops.com.br/imagens/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwebdrops.com.br%2Fe-commerce%2Fmenu-com-icones-em-site-de-e-commerce%2F&amp;t=Men%C3%BA%20com%20%C3%ADcones%20em%20site%20de%20E-commerce" title="Facebook"><img src="http://www.webdrops.com.br/imagens/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fwebdrops.com.br%2Fe-commerce%2Fmenu-com-icones-em-site-de-e-commerce%2F&amp;t=Men%C3%BA%20com%20%C3%ADcones%20em%20site%20de%20E-commerce" title="MySpace"><img src="http://www.webdrops.com.br/imagens/myspace.png" title="MySpace" alt="MySpace" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.netvibes.com/share?title=Men%C3%BA%20com%20%C3%ADcones%20em%20site%20de%20E-commerce&amp;url=http%3A%2F%2Fwebdrops.com.br%2Fe-commerce%2Fmenu-com-icones-em-site-de-e-commerce%2F" title="Netvibes"><img src="http://www.webdrops.com.br/imagens/netvibes.png" title="Netvibes" alt="Netvibes" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwebdrops.com.br%2Fe-commerce%2Fmenu-com-icones-em-site-de-e-commerce%2F&amp;title=Men%C3%BA%20com%20%C3%ADcones%20em%20site%20de%20E-commerce&amp;bodytext=Fugindo%20um%20pouco%20dos%20padr%C3%B5es%20dos%20sites%20de%20e-commerce%2C%20a%20Dainese%20%28uma%20fabricante%20de%20acess%C3%B3rios%20para%20motos%29%20utiliza%20%C3%ADcones%20%28e%20somente%20%C3%ADcones%29%20em%20seu%20men%C3%BA%20para%20representar%20as%20categorias%20de%20produtos.%0D%0ANo%20meu%20caso%2C%20que%20n%C3%A3o%20entendo%20muito%20de%20motos%2C%20%C3%A9" title="Digg"><img src="http://www.webdrops.com.br/imagens/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://webdrops.com.br/e-commerce/menu-com-icones-em-site-de-e-commerce/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Cauda Longa no E-commerce</title>
		<link>http://webdrops.com.br/e-commerce/cauda-longa-no-e-commerce/</link>
		<comments>http://webdrops.com.br/e-commerce/cauda-longa-no-e-commerce/#comments</comments>
		<pubDate>Thu, 23 Jul 2009 14:25:06 +0000</pubDate>
		<dc:creator>Luis Felipe Fernandes</dc:creator>
				<category><![CDATA[E-commerce]]></category>
		<category><![CDATA[cauda longa]]></category>

		<guid isPermaLink="false">http://webdrops.com.br/?p=163</guid>
		<description><![CDATA[Mais um exemplo de cauda longa (long tail) na internet, mais especificamente em um site de e-commerce.
O site Kiki &#38; Bree comercializa somente produtos para gêmeos, mostrando que na web é possível trabalhar com segmentos de públicos muito pequenos como modelo de negócio.

Site: http://www.kikiandbree.com/



Gostou deste Post? Compartilhe:


	
	
	
	
	
	


]]></description>
			<content:encoded><![CDATA[<p>Mais um exemplo de cauda longa (long tail) na internet, mais especificamente em um site de e-commerce.<br />
O site Kiki &amp; Bree <strong>comercializa somente produtos para gêmeos</strong>, mostrando que na web é possível trabalhar com segmentos de públicos muito pequenos como modelo de negócio.</p>
<p style="text-align: center;"><a title="Cauda Longa no E-commerce" rel="lightbox[postID]" href="http://farm3.static.flickr.com/2608/3749374900_eb74461ceb_o.jpg" target="_blank"><img class="aligncenter" src="http://farm3.static.flickr.com/2608/3749374900_42793299e6.jpg" alt="Kiki &amp; Bree - Venda de Produtos para Gêmeos - Cauda Longa no E-commerce" width="500" height="407" /></a></p>
<p style="text-align: left;">Site: <a title="Kiki e Bree - E-commerce de produtos para Gêmeos" href="http://www.kikiandbree.com/" target="_blank">http://www.kikiandbree.com/</a></p>



Gostou deste Post? Compartilhe:


	<a rel="nofollow" target="_blank" href="http://twitter.com/home?status=Cauda%20Longa%20no%20E-commerce%20-%20http%3A%2F%2Fwebdrops.com.br%2Fe-commerce%2Fcauda-longa-no-e-commerce%2F" title="Twitter"><img src="http://www.webdrops.com.br/imagens/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwebdrops.com.br%2Fe-commerce%2Fcauda-longa-no-e-commerce%2F&amp;title=Cauda%20Longa%20no%20E-commerce&amp;notes=Mais%20um%20exemplo%20de%20cauda%20longa%20%28long%20tail%29%20na%20internet%2C%20mais%20especificamente%20em%20um%20site%20de%20e-commerce.%0D%0AO%20site%20Kiki%20%26amp%3B%20Bree%20comercializa%20somente%20produtos%20para%20g%C3%AAmeos%2C%20mostrando%20que%20na%20web%20%C3%A9%20poss%C3%ADvel%20trabalhar%20com%20segmentos%20de%20p%C3%BAblicos%20muito%20pe" title="del.icio.us"><img src="http://www.webdrops.com.br/imagens/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwebdrops.com.br%2Fe-commerce%2Fcauda-longa-no-e-commerce%2F&amp;t=Cauda%20Longa%20no%20E-commerce" title="Facebook"><img src="http://www.webdrops.com.br/imagens/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fwebdrops.com.br%2Fe-commerce%2Fcauda-longa-no-e-commerce%2F&amp;t=Cauda%20Longa%20no%20E-commerce" title="MySpace"><img src="http://www.webdrops.com.br/imagens/myspace.png" title="MySpace" alt="MySpace" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.netvibes.com/share?title=Cauda%20Longa%20no%20E-commerce&amp;url=http%3A%2F%2Fwebdrops.com.br%2Fe-commerce%2Fcauda-longa-no-e-commerce%2F" title="Netvibes"><img src="http://www.webdrops.com.br/imagens/netvibes.png" title="Netvibes" alt="Netvibes" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwebdrops.com.br%2Fe-commerce%2Fcauda-longa-no-e-commerce%2F&amp;title=Cauda%20Longa%20no%20E-commerce&amp;bodytext=Mais%20um%20exemplo%20de%20cauda%20longa%20%28long%20tail%29%20na%20internet%2C%20mais%20especificamente%20em%20um%20site%20de%20e-commerce.%0D%0AO%20site%20Kiki%20%26amp%3B%20Bree%20comercializa%20somente%20produtos%20para%20g%C3%AAmeos%2C%20mostrando%20que%20na%20web%20%C3%A9%20poss%C3%ADvel%20trabalhar%20com%20segmentos%20de%20p%C3%BAblicos%20muito%20pe" title="Digg"><img src="http://www.webdrops.com.br/imagens/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://webdrops.com.br/e-commerce/cauda-longa-no-e-commerce/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Exemplo de padrão Web e Mobile Phone</title>
		<link>http://webdrops.com.br/mobile/exemplo-de-padrao-web-e-mobile-phone/</link>
		<comments>http://webdrops.com.br/mobile/exemplo-de-padrao-web-e-mobile-phone/#comments</comments>
		<pubDate>Wed, 22 Jul 2009 12:53:55 +0000</pubDate>
		<dc:creator>Luis Felipe Fernandes</dc:creator>
				<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Navegabilidade]]></category>
		<category><![CDATA[Arquitetura da Informação]]></category>
		<category><![CDATA[padrões]]></category>

		<guid isPermaLink="false">http://webdrops.com.br/?p=129</guid>
		<description><![CDATA[O site de música GrooveShark é um bom exemplo de como explorar os padrões Web e Mobile Phone ao mesmo tempo, sem grandes diferenciações no site entre as duas plataformas.

Site: http://listen.grooveshark.com/



Gostou deste Post? Compartilhe:


	
	
	
	
	
	


]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;">O site de música GrooveShark é um bom exemplo de como explorar os padrões Web e Mobile Phone ao mesmo tempo, sem grandes diferenciações no site entre as duas plataformas.</p>
<p><a title="Exemplo de padrão Web e Mobile Phone" rel="lightbox[postID]" href="http://farm4.static.flickr.com/3433/3745358305_e122d62121_o.jpg"><img class="aligncenter" src="http://farm4.static.flickr.com/3433/3745358305_a65d3886d5.jpg" alt="Exemplo de padrão Web e Mobile Phone" width="500" height="381" /></a></p>
<p>Site: <a title="GrooveShark - site de música com padrão Web e Mobile Phone" href="http://listen.grooveshark.com/" target="_blank">http://listen.grooveshark.com/</a></p>



Gostou deste Post? Compartilhe:


	<a rel="nofollow" target="_blank" href="http://twitter.com/home?status=Exemplo%20de%20padr%C3%A3o%20Web%20e%20Mobile%20Phone%20-%20http%3A%2F%2Fwebdrops.com.br%2Fmobile%2Fexemplo-de-padrao-web-e-mobile-phone%2F" title="Twitter"><img src="http://www.webdrops.com.br/imagens/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwebdrops.com.br%2Fmobile%2Fexemplo-de-padrao-web-e-mobile-phone%2F&amp;title=Exemplo%20de%20padr%C3%A3o%20Web%20e%20Mobile%20Phone&amp;notes=O%20site%20de%20m%C3%BAsica%20GrooveShark%20%C3%A9%20um%20bom%20exemplo%20de%20como%20explorar%20os%20padr%C3%B5es%20Web%20e%20Mobile%20Phone%20ao%20mesmo%20tempo%2C%20sem%20grandes%20diferencia%C3%A7%C3%B5es%20no%20site%20entre%20as%20duas%20plataformas.%0D%0A%0D%0A%0D%0A%0D%0ASite%3A%20http%3A%2F%2Flisten.grooveshark.com%2F" title="del.icio.us"><img src="http://www.webdrops.com.br/imagens/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwebdrops.com.br%2Fmobile%2Fexemplo-de-padrao-web-e-mobile-phone%2F&amp;t=Exemplo%20de%20padr%C3%A3o%20Web%20e%20Mobile%20Phone" title="Facebook"><img src="http://www.webdrops.com.br/imagens/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fwebdrops.com.br%2Fmobile%2Fexemplo-de-padrao-web-e-mobile-phone%2F&amp;t=Exemplo%20de%20padr%C3%A3o%20Web%20e%20Mobile%20Phone" title="MySpace"><img src="http://www.webdrops.com.br/imagens/myspace.png" title="MySpace" alt="MySpace" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.netvibes.com/share?title=Exemplo%20de%20padr%C3%A3o%20Web%20e%20Mobile%20Phone&amp;url=http%3A%2F%2Fwebdrops.com.br%2Fmobile%2Fexemplo-de-padrao-web-e-mobile-phone%2F" title="Netvibes"><img src="http://www.webdrops.com.br/imagens/netvibes.png" title="Netvibes" alt="Netvibes" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwebdrops.com.br%2Fmobile%2Fexemplo-de-padrao-web-e-mobile-phone%2F&amp;title=Exemplo%20de%20padr%C3%A3o%20Web%20e%20Mobile%20Phone&amp;bodytext=O%20site%20de%20m%C3%BAsica%20GrooveShark%20%C3%A9%20um%20bom%20exemplo%20de%20como%20explorar%20os%20padr%C3%B5es%20Web%20e%20Mobile%20Phone%20ao%20mesmo%20tempo%2C%20sem%20grandes%20diferencia%C3%A7%C3%B5es%20no%20site%20entre%20as%20duas%20plataformas.%0D%0A%0D%0A%0D%0A%0D%0ASite%3A%20http%3A%2F%2Flisten.grooveshark.com%2F" title="Digg"><img src="http://www.webdrops.com.br/imagens/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://webdrops.com.br/mobile/exemplo-de-padrao-web-e-mobile-phone/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

