﻿<?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 &#187; Arquitetura da Informação</title>
	<atom:link href="http://webdrops.com.br/category/arquitetura-da-informacao/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>

<div class="sociable">
<div class="sociable_tagline">
<strong>Gostou deste Post? Compartilhe:</strong>
</div>
<ul>
	<li class="sociablefirst"><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></li>
	<li><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></li>
	<li><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></li>
	<li><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></li>
	<li><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></li>
	<li class="sociablelast"><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></li>
</ul>
</div>
]]></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>

<div class="sociable">
<div class="sociable_tagline">
<strong>Gostou deste Post? Compartilhe:</strong>
</div>
<ul>
	<li class="sociablefirst"><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></li>
	<li><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></li>
	<li><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></li>
	<li><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></li>
	<li><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></li>
	<li class="sociablelast"><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></li>
</ul>
</div>
]]></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>

<div class="sociable">
<div class="sociable_tagline">
<strong>Gostou deste Post? Compartilhe:</strong>
</div>
<ul>
	<li class="sociablefirst"><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></li>
	<li><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></li>
	<li><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></li>
	<li><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></li>
	<li><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></li>
	<li class="sociablelast"><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></li>
</ul>
</div>
]]></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>

<div class="sociable">
<div class="sociable_tagline">
<strong>Gostou deste Post? Compartilhe:</strong>
</div>
<ul>
	<li class="sociablefirst"><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></li>
	<li><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></li>
	<li><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></li>
	<li><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></li>
	<li><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></li>
	<li class="sociablelast"><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></li>
</ul>
</div>
]]></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>

<div class="sociable">
<div class="sociable_tagline">
<strong>Gostou deste Post? Compartilhe:</strong>
</div>
<ul>
	<li class="sociablefirst"><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></li>
	<li><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></li>
	<li><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></li>
	<li><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></li>
	<li><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></li>
	<li class="sociablelast"><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></li>
</ul>
</div>
]]></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>

<div class="sociable">
<div class="sociable_tagline">
<strong>Gostou deste Post? Compartilhe:</strong>
</div>
<ul>
	<li class="sociablefirst"><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></li>
	<li><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></li>
	<li><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></li>
	<li><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></li>
	<li><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></li>
	<li class="sociablelast"><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></li>
</ul>
</div>
]]></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>

<div class="sociable">
<div class="sociable_tagline">
<strong>Gostou deste Post? Compartilhe:</strong>
</div>
<ul>
	<li class="sociablefirst"><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></li>
	<li><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></li>
	<li><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></li>
	<li><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></li>
	<li><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></li>
	<li class="sociablelast"><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></li>
</ul>
</div>
]]></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>

<div class="sociable">
<div class="sociable_tagline">
<strong>Gostou deste Post? Compartilhe:</strong>
</div>
<ul>
	<li class="sociablefirst"><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></li>
	<li><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></li>
	<li><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></li>
	<li><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></li>
	<li><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></li>
	<li class="sociablelast"><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></li>
</ul>
</div>
]]></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>Novos modelos de negócio para sites de e-commerce</title>
		<link>http://webdrops.com.br/e-commerce/novos-modelos-de-negocio-para-sites-e-commerce/</link>
		<comments>http://webdrops.com.br/e-commerce/novos-modelos-de-negocio-para-sites-e-commerce/#comments</comments>
		<pubDate>Sun, 19 Jul 2009 18:11:40 +0000</pubDate>
		<dc:creator>Luis Felipe Fernandes</dc:creator>
				<category><![CDATA[Arquitetura da Informação]]></category>
		<category><![CDATA[Design de Interação]]></category>
		<category><![CDATA[E-commerce]]></category>
		<category><![CDATA[usabilidade]]></category>

		<guid isPermaLink="false">http://webdrops.com.br/?p=131</guid>
		<description><![CDATA[Os sites de e-commerce no Brasil, hoje, não investem em novos modelos de negócio, mantendo padrões muito semelhantes entre eles com relação ao design, interação e arquitetura da informação.
O site ShopNBC.TV investiu em um modelo de negócio já existente na televisão e o transferiu para a internet.
Assim como o Shoptime (canal de televisão) no Brasil, [...]]]></description>
			<content:encoded><![CDATA[<p>Os sites de e-commerce no Brasil, hoje, não investem em novos modelos de negócio, mantendo padrões muito semelhantes entre eles com relação ao design, interação e arquitetura da informação.<br />
O site ShopNBC.TV investiu em um modelo de negócio já existente na televisão e o transferiu para a internet.<br />
Assim como o Shoptime (canal de televisão) no Brasil, o ShopNBC.TV possui uma programação 24h por dia, transmitida via streaming no site. Os produtos são mostrados um a um por um apresentador e o usuário pode comprar o produto simplesmente clicando em &#8220;BUY NOW&#8221; à esquerda do vídeo.<br />
Como não é todo mundo que tem tempo para assistir toda a programação, o site mantém um menu de produtos em que você pode assistir ao vídeo específico de cada um.<br />
Dessa forma, o site consegue transformar o site em um canal de entretenimento e manter a praticidade e rapidez de comprar pela web. Vale a pena conferir:</p>
<p style="text-align: center;"><a title="Novos modelos de negócio para sites de e-commerce" rel="lightbox[postID]" href="http://farm3.static.flickr.com/2482/3733655678_4264966854_o.jpg"><img class="aligncenter" src="http://farm3.static.flickr.com/2482/3733655678_d06f02d6d9.jpg" alt="Novos modelos de negócio para sites de e-commerce" width="500" height="345" /></a></p>
<p><a title="E-commerce com novo modelo de negócio - ShopNBC.TV" href="http://tv.shopnbc.com/" target="_blank">http://tv.shopnbc.com/</a></p>
<p>Aproveite e deixe um comentário com sua opinião ou envie novos sites que investem em novos modelos de negócio.</p>
<p>Ultimamente tenho estudado bastante a respeito da TV Digital no Brasil e creio que o T-Commerce será bem semelhante a este modelo.</p>

<div class="sociable">
<div class="sociable_tagline">
<strong>Gostou deste Post? Compartilhe:</strong>
</div>
<ul>
	<li class="sociablefirst"><a rel="nofollow" target="_blank" href="http://twitter.com/home?status=Novos%20modelos%20de%20neg%C3%B3cio%20para%20sites%20de%20e-commerce%20-%20http%3A%2F%2Fwebdrops.com.br%2Fe-commerce%2Fnovos-modelos-de-negocio-para-sites-e-commerce%2F" title="Twitter"><img src="http://www.webdrops.com.br/imagens/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwebdrops.com.br%2Fe-commerce%2Fnovos-modelos-de-negocio-para-sites-e-commerce%2F&amp;title=Novos%20modelos%20de%20neg%C3%B3cio%20para%20sites%20de%20e-commerce&amp;notes=Os%20sites%20de%20e-commerce%20no%20Brasil%2C%20hoje%2C%20n%C3%A3o%20investem%20em%20novos%20modelos%20de%20neg%C3%B3cio%2C%20mantendo%20padr%C3%B5es%20muito%20semelhantes%20entre%20eles%20com%20rela%C3%A7%C3%A3o%20ao%20design%2C%20intera%C3%A7%C3%A3o%20e%20arquitetura%20da%20informa%C3%A7%C3%A3o.%0D%0AO%20site%20ShopNBC.TV%20investiu%20em%20um%20modelo%20de%20neg%C3%B3ci" 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></li>
	<li><a rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwebdrops.com.br%2Fe-commerce%2Fnovos-modelos-de-negocio-para-sites-e-commerce%2F&amp;t=Novos%20modelos%20de%20neg%C3%B3cio%20para%20sites%20de%20e-commerce" title="Facebook"><img src="http://www.webdrops.com.br/imagens/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fwebdrops.com.br%2Fe-commerce%2Fnovos-modelos-de-negocio-para-sites-e-commerce%2F&amp;t=Novos%20modelos%20de%20neg%C3%B3cio%20para%20sites%20de%20e-commerce" title="MySpace"><img src="http://www.webdrops.com.br/imagens/myspace.png" title="MySpace" alt="MySpace" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://www.netvibes.com/share?title=Novos%20modelos%20de%20neg%C3%B3cio%20para%20sites%20de%20e-commerce&amp;url=http%3A%2F%2Fwebdrops.com.br%2Fe-commerce%2Fnovos-modelos-de-negocio-para-sites-e-commerce%2F" title="Netvibes"><img src="http://www.webdrops.com.br/imagens/netvibes.png" title="Netvibes" alt="Netvibes" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwebdrops.com.br%2Fe-commerce%2Fnovos-modelos-de-negocio-para-sites-e-commerce%2F&amp;title=Novos%20modelos%20de%20neg%C3%B3cio%20para%20sites%20de%20e-commerce&amp;bodytext=Os%20sites%20de%20e-commerce%20no%20Brasil%2C%20hoje%2C%20n%C3%A3o%20investem%20em%20novos%20modelos%20de%20neg%C3%B3cio%2C%20mantendo%20padr%C3%B5es%20muito%20semelhantes%20entre%20eles%20com%20rela%C3%A7%C3%A3o%20ao%20design%2C%20intera%C3%A7%C3%A3o%20e%20arquitetura%20da%20informa%C3%A7%C3%A3o.%0D%0AO%20site%20ShopNBC.TV%20investiu%20em%20um%20modelo%20de%20neg%C3%B3ci" title="Digg"><img src="http://www.webdrops.com.br/imagens/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://webdrops.com.br/e-commerce/novos-modelos-de-negocio-para-sites-e-commerce/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>iPhone App = Utilidade e Interação</title>
		<link>http://webdrops.com.br/arquitetura-da-informacao/iphone-app-utilidade-e-interacao/</link>
		<comments>http://webdrops.com.br/arquitetura-da-informacao/iphone-app-utilidade-e-interacao/#comments</comments>
		<pubDate>Fri, 17 Jul 2009 01:35:21 +0000</pubDate>
		<dc:creator>Luis Felipe Fernandes</dc:creator>
				<category><![CDATA[Arquitetura da Informação]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[usabilidade]]></category>

		<guid isPermaLink="false">http://webdrops.com.br/?p=124</guid>
		<description><![CDATA[O PizzaHut, nos EUA, lançou um iPhone App (aplicativo mobile) que consegue unir muito bem Utilidade e Interação.
Neste aplicativo é possível fazer o pedido de qualquer pizza e outros produtos. Mas não é simplesmente pedir a pizza. O usuário pode montar sua própria pizza, de acordo com sua preferência. Além disso, a forma como tudo [...]]]></description>
			<content:encoded><![CDATA[<p>O PizzaHut, nos EUA, lançou um iPhone App (aplicativo mobile) que consegue unir muito bem Utilidade e Interação.<br />
Neste aplicativo é possível fazer o pedido de qualquer pizza e outros produtos. Mas não é simplesmente pedir a pizza. O usuário pode montar sua própria pizza, de acordo com sua preferência. Além disso, a forma como tudo isso foi tratado em termos de interação está excelente.<br />
Testamos hoje o aplicativo, mas as funções de pedidos só ficam liberadas para quem está nos EUA.<br />
Independente do funcionamento dele, vale a pena dar uma olhada.</p>
<p>Aproveite e deixe sua opinião.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="560" height="340" 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://www.youtube.com/v/Ojw8I1CFu-w&amp;hl=pt-br&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="560" height="340" src="http://www.youtube.com/v/Ojw8I1CFu-w&amp;hl=pt-br&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>

<div class="sociable">
<div class="sociable_tagline">
<strong>Gostou deste Post? Compartilhe:</strong>
</div>
<ul>
	<li class="sociablefirst"><a rel="nofollow" target="_blank" href="http://twitter.com/home?status=iPhone%20App%20%3D%20Utilidade%20e%20Intera%C3%A7%C3%A3o%20-%20http%3A%2F%2Fwebdrops.com.br%2Farquitetura-da-informacao%2Fiphone-app-utilidade-e-interacao%2F" title="Twitter"><img src="http://www.webdrops.com.br/imagens/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwebdrops.com.br%2Farquitetura-da-informacao%2Fiphone-app-utilidade-e-interacao%2F&amp;title=iPhone%20App%20%3D%20Utilidade%20e%20Intera%C3%A7%C3%A3o&amp;notes=O%20PizzaHut%2C%20nos%20EUA%2C%20lan%C3%A7ou%20um%20iPhone%20App%20%28aplicativo%20mobile%29%20que%20consegue%20unir%20muito%20bem%20Utilidade%20e%20Intera%C3%A7%C3%A3o.%0D%0ANeste%20aplicativo%20%C3%A9%20poss%C3%ADvel%20fazer%20o%20pedido%20de%20qualquer%20pizza%20e%20outros%20produtos.%20Mas%20n%C3%A3o%20%C3%A9%20simplesmente%20pedir%20a%20pizza.%20O%20usu%C3%A1rio%20" 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></li>
	<li><a rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwebdrops.com.br%2Farquitetura-da-informacao%2Fiphone-app-utilidade-e-interacao%2F&amp;t=iPhone%20App%20%3D%20Utilidade%20e%20Intera%C3%A7%C3%A3o" title="Facebook"><img src="http://www.webdrops.com.br/imagens/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fwebdrops.com.br%2Farquitetura-da-informacao%2Fiphone-app-utilidade-e-interacao%2F&amp;t=iPhone%20App%20%3D%20Utilidade%20e%20Intera%C3%A7%C3%A3o" title="MySpace"><img src="http://www.webdrops.com.br/imagens/myspace.png" title="MySpace" alt="MySpace" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://www.netvibes.com/share?title=iPhone%20App%20%3D%20Utilidade%20e%20Intera%C3%A7%C3%A3o&amp;url=http%3A%2F%2Fwebdrops.com.br%2Farquitetura-da-informacao%2Fiphone-app-utilidade-e-interacao%2F" title="Netvibes"><img src="http://www.webdrops.com.br/imagens/netvibes.png" title="Netvibes" alt="Netvibes" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwebdrops.com.br%2Farquitetura-da-informacao%2Fiphone-app-utilidade-e-interacao%2F&amp;title=iPhone%20App%20%3D%20Utilidade%20e%20Intera%C3%A7%C3%A3o&amp;bodytext=O%20PizzaHut%2C%20nos%20EUA%2C%20lan%C3%A7ou%20um%20iPhone%20App%20%28aplicativo%20mobile%29%20que%20consegue%20unir%20muito%20bem%20Utilidade%20e%20Intera%C3%A7%C3%A3o.%0D%0ANeste%20aplicativo%20%C3%A9%20poss%C3%ADvel%20fazer%20o%20pedido%20de%20qualquer%20pizza%20e%20outros%20produtos.%20Mas%20n%C3%A3o%20%C3%A9%20simplesmente%20pedir%20a%20pizza.%20O%20usu%C3%A1rio%20" title="Digg"><img src="http://www.webdrops.com.br/imagens/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://webdrops.com.br/arquitetura-da-informacao/iphone-app-utilidade-e-interacao/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

