<?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>The Blog of a WebDeveloper &#187; Usabilidade</title>
	<atom:link href="http://joaopedropereira.com/blog/category/webdevelopment/usabilidade/feed/" rel="self" type="application/rss+xml" />
	<link>http://joaopedropereira.com/blog</link>
	<description>Um novo estilo de desenvolvimento</description>
	<lastBuildDate>Tue, 27 Jul 2010 23:06:28 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=abc</generator>
		<item>
		<title>Não desaproveite o seu Footer!</title>
		<link>http://joaopedropereira.com/blog/2010/06/03/nao-desaproveite-o-seu-footer/</link>
		<comments>http://joaopedropereira.com/blog/2010/06/03/nao-desaproveite-o-seu-footer/#comments</comments>
		<pubDate>Thu, 03 Jun 2010 22:08:57 +0000</pubDate>
		<dc:creator>João Pedro Pereira</dc:creator>
				<category><![CDATA[Optimização]]></category>
		<category><![CDATA[Usabilidade]]></category>
		<category><![CDATA[Webdevelopment]]></category>
		<category><![CDATA[footer]]></category>
		<category><![CDATA[sitemap]]></category>
		<category><![CDATA[social]]></category>

		<guid isPermaLink="false">http://joaopedropereira.com/blog/?p=800</guid>
		<description><![CDATA[Ser WebDeveloper não é uma tarefa fácil, não só temos de estar sempre actualizados relativamente ao que o mercado de trabalho exige relativamente a conhecimentos em ferramentas, frameworks e linguagens de programação como também temos de estar em cima dos hot topics na área do WebDesign e Usabilidade. Construir um site do zero não é [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fjoaopedropereira.com%2Fblog%2F2010%2F06%2F03%2Fnao-desaproveite-o-seu-footer%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fjoaopedropereira.com%2Fblog%2F2010%2F06%2F03%2Fnao-desaproveite-o-seu-footer%2F&amp;source=joaoppereira&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>Ser WebDeveloper não é uma tarefa fácil, não só temos de estar sempre actualizados relativamente ao que o mercado de trabalho exige relativamente a conhecimentos em ferramentas, frameworks e linguagens de programação como também temos de estar em cima dos hot topics na área do WebDesign e Usabilidade.</p>
<p>Construir um site do zero não é uma tarefa simples, pois exige muito planeamento, estruturação e pensamento criativo e ser criativo é muitas vezes uma dor de cabeça pois quando mais precisamos da nossa amiga criatividade ela pode não aparecer&#8230; E é preciso saber estimulá-la.</p>
<p>Tenho visto na Web Portuguesa bons sites a desaproveitar algumas áreas do site, e neste artigo vou referir-me ao footer.</p>
<p>Além do típico Acordo de Privacidade e Informações Legais (que é sempre uma boa forma de aproveitar o espaço) existem algum conteúdo especifico que pode e deve ser usado no footer.</p>
<p><img class="aligncenter size-medium wp-image-801" title="Sitemap" src="http://joaopedropereira.com/blog/wp-content/uploads/2010/06/inside_sitemap-222x300.jpg" alt="Sitemap" width="222" height="300" /><strong> Sitemap</strong> &#8211; É uma excelente forma de utilizar o espaço do footer pois é útil para os visitantes que se encontrem perdidos ou que simplesmente tenham pressa para encontrar o que procuram sem terem de fazer um scanning por todo o conteúdo do site, que pode ser moroso e por consequência pode fazer-nos perder utilizadores e possíveis clientes. Ninguém gosta de não encontrar rapidamente o que procura e cabe-nos a nós dar-lhes o que desejam.</p>
<p><img class="aligncenter size-medium wp-image-802" title="Contactos" src="http://joaopedropereira.com/blog/wp-content/uploads/2010/06/ContactUs-300x200.jpg" alt="Contactos" width="300" height="200" /></p>
<p><strong>Informação de Contacto </strong>- É também muito importante ter informações de como pode ser feito o contacto com o dono do site ou então criar um formulário de contacto para facilitar o contacto.</p>
<p><span style="text-decoration: underline;">Ferramentas e Inspiração:</span><br />
<a title="15 Great Online Form Building Tools" href="http://www.tripwiremagazine.com/2010/05/15-great-online-form-building-tools.html" target="_blank">15 Great Online Form Building Tools</a><br />
<a title="Beautiful Contact Forms For Your Inspiration" href="http://www.webdesignerdepot.com/2010/05/beautiful-contact-forms-for-your-inspiration/" target="_blank">Beautiful Contact Forms For Your Inspiration</a></p>
<p><strong> Sobre</strong> &#8211; A par da informação de contacto, uma rápida descrição do que é aquela página, quem é a empresa, quem é a pessoa, etc. algo que faça os utilizadores conhecer melhor.</p>
<p><img class="aligncenter size-medium wp-image-809" title="Web2.0 Logos" src="http://joaopedropereira.com/blog/wp-content/uploads/2010/06/web2_logos1-300x251.jpg" alt="" width="300" height="251" /></p>
<p><strong> Social Media</strong> &#8211;  É sem dúvida uma excelente forma de ganhar mais tráfego e/ou de manter os utilizadores actualizados quanto a informações relativos ao produto/conteúdo que o site tem ou vende.</p>
<p>Esta é uma lista de sugestões do que pode ser colocado no footer dos seus sites e dos sites que desenvolve, contudo a lista não termina por aqui existem muito mais coisas que podem ser colocados no footer, feed do Flickr com imagens interessantes, publicidade, formulários para subscrever a newsletters, feeds do twitter e/ou facebook, etc. etc. etc. Apenas a imaginação e originalidade de cada um é o limite.</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-knowledge">
<ul class="socials">
		<li class="shr-blogger">
			<a href="http://www.blogger.com/blog_this.pyra?t&amp;u=http://joaopedropereira.com/blog/2010/06/03/nao-desaproveite-o-seu-footer/&amp;n=N%C3%A3o+desaproveite+o+seu+Footer%21&amp;pli=1" rel="nofollow" class="external" title="Blog this on Blogger">Blog this on Blogger</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://joaopedropereira.com/blog/2010/06/03/nao-desaproveite-o-seu-footer/&amp;title=N%C3%A3o+desaproveite+o+seu+Footer%21" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://joaopedropereira.com/blog/2010/06/03/nao-desaproveite-o-seu-footer/&amp;title=N%C3%A3o+desaproveite+o+seu+Footer%21" rel="nofollow" class="external" title="Digg this!">Digg this!</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://joaopedropereira.com/blog/2010/06/03/nao-desaproveite-o-seu-footer/&amp;t=N%C3%A3o+desaproveite+o+seu+Footer%21" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-friendfeed">
			<a href="http://www.friendfeed.com/share?title=N%C3%A3o+desaproveite+o+seu+Footer%21&amp;link=http://joaopedropereira.com/blog/2010/06/03/nao-desaproveite-o-seu-footer/" rel="nofollow" class="external" title="Share this on FriendFeed">Share this on FriendFeed</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://joaopedropereira.com/blog/2010/06/03/nao-desaproveite-o-seu-footer/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-googlereader">
			<a href="http://www.google.com/reader/link?url=http://joaopedropereira.com/blog/2010/06/03/nao-desaproveite-o-seu-footer/&amp;title=N%C3%A3o+desaproveite+o+seu+Footer%21&amp;srcUrl=http://joaopedropereira.com/blog/2010/06/03/nao-desaproveite-o-seu-footer/&amp;srcTitle=N%C3%A3o+desaproveite+o+seu+Footer%21&amp;snippet=Ser%20WebDeveloper%20n%C3%A3o%20%C3%A9%20uma%20tarefa%20f%C3%A1cil%2C%20n%C3%A3o%20s%C3%B3%20temos%20de%20estar%20sempre%20actualizados%20relativamente%20ao%20que%20o%20mercado%20de%20trabalho%20exige%20relativamente%20a%20conhecimentos%20em%20ferramentas%2C%20frameworks%20e%20linguagens%20de%20programa%C3%A7%C3%A3o%20como%20tamb%C3%A9m%20temos%20de%20estar%20em%20cima%20dos%20hot%20topics%20na%20%C3%A1rea%20do%20WebDesign%20e%20U" rel="nofollow" class="external" title="Add this to Google Reader">Add this to Google Reader</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://joaopedropereira.com/blog/2010/06/03/nao-desaproveite-o-seu-footer/&amp;title=N%C3%A3o+desaproveite+o+seu+Footer%21&amp;summary=Ser%20WebDeveloper%20n%C3%A3o%20%C3%A9%20uma%20tarefa%20f%C3%A1cil%2C%20n%C3%A3o%20s%C3%B3%20temos%20de%20estar%20sempre%20actualizados%20relativamente%20ao%20que%20o%20mercado%20de%20trabalho%20exige%20relativamente%20a%20conhecimentos%20em%20ferramentas%2C%20frameworks%20e%20linguagens%20de%20programa%C3%A7%C3%A3o%20como%20tamb%C3%A9m%20temos%20de%20estar%20em%20cima%20dos%20hot%20topics%20na%20%C3%A1rea%20do%20WebDesign%20e%20U&amp;source=The Blog of a WebDeveloper" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
		<li class="shr-mail">
			<a href="mailto:?subject=%22N%C3%A3o%20desaproveite%20o%20seu%20Footer%21%22&amp;body=Link: http://joaopedropereira.com/blog/2010/06/03/nao-desaproveite-o-seu-footer/ (sent via shareaholic)%0D%0A%0D%0A----%0D%0A Ser%20WebDeveloper%20n%C3%A3o%20%C3%A9%20uma%20tarefa%20f%C3%A1cil%2C%20n%C3%A3o%20s%C3%B3%20temos%20de%20estar%20sempre%20actualizados%20relativamente%20ao%20que%20o%20mercado%20de%20trabalho%20exige%20relativamente%20a%20conhecimentos%20em%20ferramentas%2C%20frameworks%20e%20linguagens%20de%20programa%C3%A7%C3%A3o%20como%20tamb%C3%A9m%20temos%20de%20estar%20em%20cima%20dos%20hot%20topics%20na%20%C3%A1rea%20do%20WebDesign%20e%20U" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a>
		</li>
		<li class="shr-mixx">
			<a href="http://www.mixx.com/submit?page_url=http://joaopedropereira.com/blog/2010/06/03/nao-desaproveite-o-seu-footer/&amp;title=N%C3%A3o+desaproveite+o+seu+Footer%21" rel="nofollow" class="external" title="Share this on Mixx">Share this on Mixx</a>
		</li>
		<li class="shr-netvibes">
			<a href="http://www.netvibes.com/share?title=N%C3%A3o+desaproveite+o+seu+Footer%21&amp;url=http://joaopedropereira.com/blog/2010/06/03/nao-desaproveite-o-seu-footer/" rel="nofollow" class="external" title="Submit this to Netvibes">Submit this to Netvibes</a>
		</li>
		<li class="shr-newsvine">
			<a href="http://www.newsvine.com/_tools/seed&amp;save?u=http://joaopedropereira.com/blog/2010/06/03/nao-desaproveite-o-seu-footer/&amp;h=N%C3%A3o+desaproveite+o+seu+Footer%21" rel="nofollow" class="external" title="Seed this on Newsvine">Seed this on Newsvine</a>
		</li>
		<li class="shr-orkut">
			<a href="http://promote.orkut.com/preview?nt=orkut.com&amp;tt=N%C3%A3o+desaproveite+o+seu+Footer%21&amp;du=http://joaopedropereira.com/blog/2010/06/03/nao-desaproveite-o-seu-footer/&amp;cn=Ser%20WebDeveloper%20n%C3%A3o%20%C3%A9%20uma%20tarefa%20f%C3%A1cil%2C%20n%C3%A3o%20s%C3%B3%20temos%20de%20estar%20sempre%20actualizados%20relativamente%20ao%20que%20o%20mercado%20de%20trabalho%20exige%20relativamente%20a%20conhecimentos%20em%20ferramentas%2C%20frameworks%20e%20linguagens%20de%20programa%C3%A7%C3%A3o%20como%20tamb%C3%A9m%20temos%20de%20estar%20em%20cima%20dos%20hot%20topics%20na%20%C3%A1rea%20do%20WebDesign%20e%20U" rel="nofollow" class="external" title="Promote this on Orkut">Promote this on Orkut</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://joaopedropereira.com/blog/2010/06/03/nao-desaproveite-o-seu-footer/&amp;title=N%C3%A3o+desaproveite+o+seu+Footer%21" rel="nofollow" class="external" title="Share this on Reddit">Share this on Reddit</a>
		</li>
		<li class="shr-slashdot">
			<a href="http://slashdot.org/bookmark.pl?url=http://joaopedropereira.com/blog/2010/06/03/nao-desaproveite-o-seu-footer/&amp;title=N%C3%A3o+desaproveite+o+seu+Footer%21" rel="nofollow" class="external" title="Submit this to SlashDot">Submit this to SlashDot</a>
		</li>
		<li class="shr-sphinn">
			<a href="http://sphinn.com/index.php?c=post&amp;m=submit&amp;link=http://joaopedropereira.com/blog/2010/06/03/nao-desaproveite-o-seu-footer/" rel="nofollow" class="external" title="Sphinn this on Sphinn">Sphinn this on Sphinn</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://joaopedropereira.com/blog/2010/06/03/nao-desaproveite-o-seu-footer/&amp;title=N%C3%A3o+desaproveite+o+seu+Footer%21" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-techmeme">
			<a href="http://twitter.com/home/?status=Tip+@Techmeme+http://joaopedropereira.com/blog/2010/06/03/nao-desaproveite-o-seu-footer/+&quot;N%C3%A3o+desaproveite+o+seu+Footer%21&quot;&amp;source=shareaholic" rel="nofollow" class="external" title="Tip this to TechMeme">Tip this to TechMeme</a>
		</li>
		<li class="shr-technorati">
			<a href="http://technorati.com/faves?add=http://joaopedropereira.com/blog/2010/06/03/nao-desaproveite-o-seu-footer/" rel="nofollow" class="external" title="Share this on Technorati">Share this on Technorati</a>
		</li>
		<li class="shr-tumblr">
			<a href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fjoaopedropereira.com%2Fblog%2F2010%2F06%2F03%2Fnao-desaproveite-o-seu-footer%2F&amp;t=N%C3%A3o+desaproveite+o+seu+Footer%21" rel="nofollow" class="external" title="Share this on Tumblr">Share this on Tumblr</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=N%C3%A3o+desaproveite+o+seu+Footer%21+-+http://bit.ly/9wuXec&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-yahoobuzz">
			<a href="http://buzz.yahoo.com/submit/?submitUrl=http://joaopedropereira.com/blog/2010/06/03/nao-desaproveite-o-seu-footer/&amp;submitHeadline=N%C3%A3o+desaproveite+o+seu+Footer%21&amp;submitSummary=Ser%20WebDeveloper%20n%C3%A3o%20%C3%A9%20uma%20tarefa%20f%C3%A1cil%2C%20n%C3%A3o%20s%C3%B3%20temos%20de%20estar%20sempre%20actualizados%20relativamente%20ao%20que%20o%20mercado%20de%20trabalho%20exige%20relativamente%20a%20conhecimentos%20em%20ferramentas%2C%20frameworks%20e%20linguagens%20de%20programa%C3%A7%C3%A3o%20como%20tamb%C3%A9m%20temos%20de%20estar%20em%20cima%20dos%20hot%20topics%20na%20%C3%A1rea%20do%20WebDesign%20e%20U&amp;submitCategory=science&amp;submitAssetType=text" rel="nofollow" class="external" title="Buzz up!">Buzz up!</a>
		</li>
		<li class="shr-yahoomail">
			<a href="http://compose.mail.yahoo.com/?Subject=N%C3%A3o+desaproveite+o+seu+Footer%21&amp;body=Link: http://joaopedropereira.com/blog/2010/06/03/nao-desaproveite-o-seu-footer/ (sent via shareaholic)%0D%0A%0D%0A----%0D%0A Ser%20WebDeveloper%20n%C3%A3o%20%C3%A9%20uma%20tarefa%20f%C3%A1cil%2C%20n%C3%A3o%20s%C3%B3%20temos%20de%20estar%20sempre%20actualizados%20relativamente%20ao%20que%20o%20mercado%20de%20trabalho%20exige%20relativamente%20a%20conhecimentos%20em%20ferramentas%2C%20frameworks%20e%20linguagens%20de%20programa%C3%A7%C3%A3o%20como%20tamb%C3%A9m%20temos%20de%20estar%20em%20cima%20dos%20hot%20topics%20na%20%C3%A1rea%20do%20WebDesign%20e%20U" rel="nofollow" class="external" title="Email this via Yahoo! Mail">Email this via Yahoo! Mail</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://joaopedropereira.com/blog/2010/06/03/nao-desaproveite-o-seu-footer/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Criar uma aplicação com boa Usabilidade: O quê? Porquê? Como?</title>
		<link>http://joaopedropereira.com/blog/2009/07/20/aplicacao-boa-usabilidade/</link>
		<comments>http://joaopedropereira.com/blog/2009/07/20/aplicacao-boa-usabilidade/#comments</comments>
		<pubDate>Sun, 19 Jul 2009 23:38:31 +0000</pubDate>
		<dc:creator>João Pedro Pereira</dc:creator>
				<category><![CDATA[Acessibilidade]]></category>
		<category><![CDATA[Optimização]]></category>
		<category><![CDATA[Usabilidade]]></category>
		<category><![CDATA[Webdevelopment]]></category>
		<category><![CDATA[aplicação web]]></category>
		<category><![CDATA[design efficiency]]></category>
		<category><![CDATA[ergonomia]]></category>
		<category><![CDATA[interface web]]></category>

		<guid isPermaLink="false">http://joaopedropereira.com/blog/?p=389</guid>
		<description><![CDATA[O que é a Usabilidade? A Usabilidade é um termo utilizado para mostrar a facilidade de utilização e compreensão de uma interface, está directamente ligada à facilidade que o utilizador tem em alcançar os seus objectivos. A  o estudo da Usabilidade numa aplicação web é muito importante para tornar a aplicação web mais eficiente e [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fjoaopedropereira.com%2Fblog%2F2009%2F07%2F20%2Faplicacao-boa-usabilidade%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fjoaopedropereira.com%2Fblog%2F2009%2F07%2F20%2Faplicacao-boa-usabilidade%2F&amp;source=joaoppereira&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<h2>O que é a Usabilidade?</h2>
<p>A Usabilidade é um termo utilizado para mostrar a facilidade de utilização e compreensão de uma interface, está directamente ligada à facilidade que o utilizador tem em alcançar os seus objectivos.</p>
<p>A  o estudo da Usabilidade numa aplicação web é muito importante para tornar a aplicação web mais eficiente e produtiva! A Usabilidade está também intimamente relaccionada com a Acessibilidade de uma aplicação web e sua Optimização, e em casos não relaccionados com o assunto especifico de criação de uma aplicação web também são tidos em conta no estudo da Usabilidade aspectos como a ergonomia.</p>
<p>Podemos definir Usabilidade separando-a em vários componentes:</p>
<blockquote>
<ul>
<li>Learnability: How easy is it for users to accomplish basic tasks the first time they encounter the design?</li>
<li>Efficiency: Once users have learned the design, how quickly can they perform tasks?</li>
<li>Memorability: When users return to the design after a period of not using it, how easily can they reestablish proficiency?</li>
<li>Errors: How many errors do users make, how severe are these errors, and how easily can they recover from the errors?</li>
<li>Satisfaction: How pleasant is it to use the design?</li>
</ul>
</blockquote>
<p style="text-align: right;"><span style="text-decoration: underline;">Fonte:</span> <a title="Usability 101: Introduction to Usability" href="http://www.useit.com/alertbox/20030825.html" target="_blank">Usability 101: Introduction to Usability</a></p>
<h2>Porque devem ser feitos estudos de Usabilidade?</h2>
<p>Na criação de aplicações web um dos pontos que se deve ter sempre em mente durante a fase de desenho da interface é a Usabilidade da mesma, é necessário ver a <strong>Usabilidade como condição essêncial para qualquer interface</strong>! <span id="more-389"></span></p>
<p>Se uma interface web for de uso dificil, se fôr confusa, se não transmitir a mensagem chave da aplicação, se não permitir entender o que existe naquela aplicação, se for cansativa e mal organizada, entre outras questões, o visitante não irá continuar a navegar.</p>
<p>Salvo raras excepções, <strong>os visitantes não vão perder tempo a tentar entender a sua interface, se encontrarem alguma dificuldade na utilização da aplicação saem!</strong></p>
<p>Assim, podemos concluir que, quando presentes de uma interface com fraca Usabilidade (a Acessibilidade também entra nesta questão) o visitante não vai perder tempo e vai sair da página, deste modo, no caso de páginas de venda de produtos ou de promoção de empresas o volume de negócios vai ser bem menor do que o que seria com uma melhor interface. <strong>Um visitante não pode comprar algo que não encontra!</strong></p>
<p style="text-align: center;"><strong>Mais Usabilidade = Sucesso</strong></p>
<h2>Como verificar a Usabilidade de uma interface?</h2>
<p>Um erro muito comum nas pessoas que planeiam e desenham uma interface é esquecerem-se que os visitantes não sabem conhecem a interface aquando da sua primeira utilização, e como os visitantes caso tenham uma má experiência não voltam, é então imperativo que a aplicação seja testada por utilizadores não conhecedores do seu modo de funcionamento. Existem assim dois testes que podem ser realizados.</p>
<ol>
<li>A utilização de sistemas de tracking que permitam verificar tudo o que é feito pelos visitantes. Sabendo onde clicam, em que página desistem, quantos cliques necessitam para realizar uma tarefa, o tempo passado na página, etc. podendo inclusivé utilizar duas interfaces distintas (utilizar algum script para fazer alternar) de forma a ver qual das duas é melhor ao nível de Usabilidade, a que trouxer mais lucros (monetários ou não, dependo do sentido da aplicação) será à partida a de melhor Usabilidade</li>
<li>A escolha de um certo número de utilizadores que possam fazer o teste da aplicação e no fim pedir a opinião e sugestões aos mesmos.</li>
</ol>
<h2>Dicas para criar aplicações com boa Usabilidade</h2>
<p>As aplicações web:</p>
<ul>
<li>devem-se explicar a si mesmas</li>
<li>devem ser funcionais</li>
<li>devem ser optimizadas para um rápido feedback</li>
<li>devem sempre ter uma funcionalidade de pesquisa</li>
<li>devem permitir formar um sitemap mental a partir do menu principal</li>
<li>devem permitir realizar qualquer tarefa em, no máximo, 3 passos</li>
<li>devem ter conteúdo organizado e ligações para todas as áreas da aplicação</li>
<li>não devem fazer o visitante pensar</li>
<li>não devem fazer o visitante perder tempo</li>
<li>não devem ser confusas</li>
<li>não devem ter informação redundante</li>
<li>não devem induzir em erro</li>
<li>não devem ter um design inapropriado ou irritante</li>
</ul>
<h2>Opinião</h2>
<p>E vocês o que pensam relativamente a este tema? Que aspectos têm em conta na criação das interfaces dos vossos trabalhos e dos vossos projectos? Partilhem <img src='http://joaopedropereira.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> .</p>
<ul></ul>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-knowledge">
<ul class="socials">
		<li class="shr-blogger">
			<a href="http://www.blogger.com/blog_this.pyra?t&amp;u=http://joaopedropereira.com/blog/2009/07/20/aplicacao-boa-usabilidade/&amp;n=Criar+uma+aplica%C3%A7%C3%A3o+com+boa+Usabilidade%3A+O+qu%C3%AA%3F+Porqu%C3%AA%3F+Como%3F&amp;pli=1" rel="nofollow" class="external" title="Blog this on Blogger">Blog this on Blogger</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://joaopedropereira.com/blog/2009/07/20/aplicacao-boa-usabilidade/&amp;title=Criar+uma+aplica%C3%A7%C3%A3o+com+boa+Usabilidade%3A+O+qu%C3%AA%3F+Porqu%C3%AA%3F+Como%3F" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://joaopedropereira.com/blog/2009/07/20/aplicacao-boa-usabilidade/&amp;title=Criar+uma+aplica%C3%A7%C3%A3o+com+boa+Usabilidade%3A+O+qu%C3%AA%3F+Porqu%C3%AA%3F+Como%3F" rel="nofollow" class="external" title="Digg this!">Digg this!</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://joaopedropereira.com/blog/2009/07/20/aplicacao-boa-usabilidade/&amp;t=Criar+uma+aplica%C3%A7%C3%A3o+com+boa+Usabilidade%3A+O+qu%C3%AA%3F+Porqu%C3%AA%3F+Como%3F" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-friendfeed">
			<a href="http://www.friendfeed.com/share?title=Criar+uma+aplica%C3%A7%C3%A3o+com+boa+Usabilidade%3A+O+qu%C3%AA%3F+Porqu%C3%AA%3F+Como%3F&amp;link=http://joaopedropereira.com/blog/2009/07/20/aplicacao-boa-usabilidade/" rel="nofollow" class="external" title="Share this on FriendFeed">Share this on FriendFeed</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://joaopedropereira.com/blog/2009/07/20/aplicacao-boa-usabilidade/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-googlereader">
			<a href="http://www.google.com/reader/link?url=http://joaopedropereira.com/blog/2009/07/20/aplicacao-boa-usabilidade/&amp;title=Criar+uma+aplica%C3%A7%C3%A3o+com+boa+Usabilidade%3A+O+qu%C3%AA%3F+Porqu%C3%AA%3F+Como%3F&amp;srcUrl=http://joaopedropereira.com/blog/2009/07/20/aplicacao-boa-usabilidade/&amp;srcTitle=Criar+uma+aplica%C3%A7%C3%A3o+com+boa+Usabilidade%3A+O+qu%C3%AA%3F+Porqu%C3%AA%3F+Como%3F&amp;snippet=O%20que%20%C3%A9%20a%20Usabilidade%3F%0D%0AA%20Usabilidade%20%C3%A9%20um%20termo%20utilizado%20para%20mostrar%20a%20facilidade%20de%20utiliza%C3%A7%C3%A3o%20e%20compreens%C3%A3o%20de%20uma%20interface%2C%20est%C3%A1%20directamente%20ligada%20%C3%A0%20facilidade%20que%20o%20utilizador%20tem%20em%20alcan%C3%A7ar%20os%20seus%20objectivos.%0D%0A%0D%0AA%20%C2%A0o%20estudo%20da%20Usabilidade%20numa%20aplica%C3%A7%C3%A3o%20web%20%C3%A9%20muito%20important" rel="nofollow" class="external" title="Add this to Google Reader">Add this to Google Reader</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://joaopedropereira.com/blog/2009/07/20/aplicacao-boa-usabilidade/&amp;title=Criar+uma+aplica%C3%A7%C3%A3o+com+boa+Usabilidade%3A+O+qu%C3%AA%3F+Porqu%C3%AA%3F+Como%3F&amp;summary=O%20que%20%C3%A9%20a%20Usabilidade%3F%0D%0AA%20Usabilidade%20%C3%A9%20um%20termo%20utilizado%20para%20mostrar%20a%20facilidade%20de%20utiliza%C3%A7%C3%A3o%20e%20compreens%C3%A3o%20de%20uma%20interface%2C%20est%C3%A1%20directamente%20ligada%20%C3%A0%20facilidade%20que%20o%20utilizador%20tem%20em%20alcan%C3%A7ar%20os%20seus%20objectivos.%0D%0A%0D%0AA%20%C2%A0o%20estudo%20da%20Usabilidade%20numa%20aplica%C3%A7%C3%A3o%20web%20%C3%A9%20muito%20important&amp;source=The Blog of a WebDeveloper" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
		<li class="shr-mail">
			<a href="mailto:?subject=%22Criar%20uma%20aplica%C3%A7%C3%A3o%20com%20boa%20Usabilidade%3A%20O%20qu%C3%AA%3F%20Porqu%C3%AA%3F%20Como%3F%22&amp;body=Link: http://joaopedropereira.com/blog/2009/07/20/aplicacao-boa-usabilidade/ (sent via shareaholic)%0D%0A%0D%0A----%0D%0A O%20que%20%C3%A9%20a%20Usabilidade%3F%0D%0AA%20Usabilidade%20%C3%A9%20um%20termo%20utilizado%20para%20mostrar%20a%20facilidade%20de%20utiliza%C3%A7%C3%A3o%20e%20compreens%C3%A3o%20de%20uma%20interface%2C%20est%C3%A1%20directamente%20ligada%20%C3%A0%20facilidade%20que%20o%20utilizador%20tem%20em%20alcan%C3%A7ar%20os%20seus%20objectivos.%0D%0A%0D%0AA%20%C2%A0o%20estudo%20da%20Usabilidade%20numa%20aplica%C3%A7%C3%A3o%20web%20%C3%A9%20muito%20important" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a>
		</li>
		<li class="shr-mixx">
			<a href="http://www.mixx.com/submit?page_url=http://joaopedropereira.com/blog/2009/07/20/aplicacao-boa-usabilidade/&amp;title=Criar+uma+aplica%C3%A7%C3%A3o+com+boa+Usabilidade%3A+O+qu%C3%AA%3F+Porqu%C3%AA%3F+Como%3F" rel="nofollow" class="external" title="Share this on Mixx">Share this on Mixx</a>
		</li>
		<li class="shr-netvibes">
			<a href="http://www.netvibes.com/share?title=Criar+uma+aplica%C3%A7%C3%A3o+com+boa+Usabilidade%3A+O+qu%C3%AA%3F+Porqu%C3%AA%3F+Como%3F&amp;url=http://joaopedropereira.com/blog/2009/07/20/aplicacao-boa-usabilidade/" rel="nofollow" class="external" title="Submit this to Netvibes">Submit this to Netvibes</a>
		</li>
		<li class="shr-newsvine">
			<a href="http://www.newsvine.com/_tools/seed&amp;save?u=http://joaopedropereira.com/blog/2009/07/20/aplicacao-boa-usabilidade/&amp;h=Criar+uma+aplica%C3%A7%C3%A3o+com+boa+Usabilidade%3A+O+qu%C3%AA%3F+Porqu%C3%AA%3F+Como%3F" rel="nofollow" class="external" title="Seed this on Newsvine">Seed this on Newsvine</a>
		</li>
		<li class="shr-orkut">
			<a href="http://promote.orkut.com/preview?nt=orkut.com&amp;tt=Criar+uma+aplica%C3%A7%C3%A3o+com+boa+Usabilidade%3A+O+qu%C3%AA%3F+Porqu%C3%AA%3F+Como%3F&amp;du=http://joaopedropereira.com/blog/2009/07/20/aplicacao-boa-usabilidade/&amp;cn=O%20que%20%C3%A9%20a%20Usabilidade%3F%0D%0AA%20Usabilidade%20%C3%A9%20um%20termo%20utilizado%20para%20mostrar%20a%20facilidade%20de%20utiliza%C3%A7%C3%A3o%20e%20compreens%C3%A3o%20de%20uma%20interface%2C%20est%C3%A1%20directamente%20ligada%20%C3%A0%20facilidade%20que%20o%20utilizador%20tem%20em%20alcan%C3%A7ar%20os%20seus%20objectivos.%0D%0A%0D%0AA%20%C2%A0o%20estudo%20da%20Usabilidade%20numa%20aplica%C3%A7%C3%A3o%20web%20%C3%A9%20muito%20important" rel="nofollow" class="external" title="Promote this on Orkut">Promote this on Orkut</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://joaopedropereira.com/blog/2009/07/20/aplicacao-boa-usabilidade/&amp;title=Criar+uma+aplica%C3%A7%C3%A3o+com+boa+Usabilidade%3A+O+qu%C3%AA%3F+Porqu%C3%AA%3F+Como%3F" rel="nofollow" class="external" title="Share this on Reddit">Share this on Reddit</a>
		</li>
		<li class="shr-slashdot">
			<a href="http://slashdot.org/bookmark.pl?url=http://joaopedropereira.com/blog/2009/07/20/aplicacao-boa-usabilidade/&amp;title=Criar+uma+aplica%C3%A7%C3%A3o+com+boa+Usabilidade%3A+O+qu%C3%AA%3F+Porqu%C3%AA%3F+Como%3F" rel="nofollow" class="external" title="Submit this to SlashDot">Submit this to SlashDot</a>
		</li>
		<li class="shr-sphinn">
			<a href="http://sphinn.com/index.php?c=post&amp;m=submit&amp;link=http://joaopedropereira.com/blog/2009/07/20/aplicacao-boa-usabilidade/" rel="nofollow" class="external" title="Sphinn this on Sphinn">Sphinn this on Sphinn</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://joaopedropereira.com/blog/2009/07/20/aplicacao-boa-usabilidade/&amp;title=Criar+uma+aplica%C3%A7%C3%A3o+com+boa+Usabilidade%3A+O+qu%C3%AA%3F+Porqu%C3%AA%3F+Como%3F" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-techmeme">
			<a href="http://twitter.com/home/?status=Tip+@Techmeme+http://joaopedropereira.com/blog/2009/07/20/aplicacao-boa-usabilidade/+&quot;Criar+uma+aplica%C3%A7%C3%A3o+com+boa+Usabilidade%3A+O+qu%C3%AA%3F+Porqu%C3%AA%3F+Como%3F&quot;&amp;source=shareaholic" rel="nofollow" class="external" title="Tip this to TechMeme">Tip this to TechMeme</a>
		</li>
		<li class="shr-technorati">
			<a href="http://technorati.com/faves?add=http://joaopedropereira.com/blog/2009/07/20/aplicacao-boa-usabilidade/" rel="nofollow" class="external" title="Share this on Technorati">Share this on Technorati</a>
		</li>
		<li class="shr-tumblr">
			<a href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fjoaopedropereira.com%2Fblog%2F2009%2F07%2F20%2Faplicacao-boa-usabilidade%2F&amp;t=Criar+uma+aplica%C3%A7%C3%A3o+com+boa+Usabilidade%3A+O+qu%C3%AA%3F+Porqu%C3%AA%3F+Como%3F" rel="nofollow" class="external" title="Share this on Tumblr">Share this on Tumblr</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Criar+uma+aplica%C3%A7%C3%A3o+com+boa+Usabilidade%3A+O+qu%C3%AA%3F+Porqu%C3%AA%3F+Como%3F+-+http://bit.ly/bTfFEr&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-yahoobuzz">
			<a href="http://buzz.yahoo.com/submit/?submitUrl=http://joaopedropereira.com/blog/2009/07/20/aplicacao-boa-usabilidade/&amp;submitHeadline=Criar+uma+aplica%C3%A7%C3%A3o+com+boa+Usabilidade%3A+O+qu%C3%AA%3F+Porqu%C3%AA%3F+Como%3F&amp;submitSummary=O%20que%20%C3%A9%20a%20Usabilidade%3F%0D%0AA%20Usabilidade%20%C3%A9%20um%20termo%20utilizado%20para%20mostrar%20a%20facilidade%20de%20utiliza%C3%A7%C3%A3o%20e%20compreens%C3%A3o%20de%20uma%20interface%2C%20est%C3%A1%20directamente%20ligada%20%C3%A0%20facilidade%20que%20o%20utilizador%20tem%20em%20alcan%C3%A7ar%20os%20seus%20objectivos.%0D%0A%0D%0AA%20%C2%A0o%20estudo%20da%20Usabilidade%20numa%20aplica%C3%A7%C3%A3o%20web%20%C3%A9%20muito%20important&amp;submitCategory=science&amp;submitAssetType=text" rel="nofollow" class="external" title="Buzz up!">Buzz up!</a>
		</li>
		<li class="shr-yahoomail">
			<a href="http://compose.mail.yahoo.com/?Subject=Criar+uma+aplica%C3%A7%C3%A3o+com+boa+Usabilidade%3A+O+qu%C3%AA%3F+Porqu%C3%AA%3F+Como%3F&amp;body=Link: http://joaopedropereira.com/blog/2009/07/20/aplicacao-boa-usabilidade/ (sent via shareaholic)%0D%0A%0D%0A----%0D%0A O%20que%20%C3%A9%20a%20Usabilidade%3F%0D%0AA%20Usabilidade%20%C3%A9%20um%20termo%20utilizado%20para%20mostrar%20a%20facilidade%20de%20utiliza%C3%A7%C3%A3o%20e%20compreens%C3%A3o%20de%20uma%20interface%2C%20est%C3%A1%20directamente%20ligada%20%C3%A0%20facilidade%20que%20o%20utilizador%20tem%20em%20alcan%C3%A7ar%20os%20seus%20objectivos.%0D%0A%0D%0AA%20%C2%A0o%20estudo%20da%20Usabilidade%20numa%20aplica%C3%A7%C3%A3o%20web%20%C3%A9%20muito%20important" rel="nofollow" class="external" title="Email this via Yahoo! Mail">Email this via Yahoo! Mail</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://joaopedropereira.com/blog/2009/07/20/aplicacao-boa-usabilidade/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
