﻿<?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; Menú</title>
	<atom:link href="http://webdrops.com.br/tag/menu/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>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>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>
	</channel>
</rss>

