<?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>Wed, 27 Jul 2011 21:19:52 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</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[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><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&amp;b=2" 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-publisher-800"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><div class='shareaholic-like-buttonset' style='float:none;height:30px;'><a class='shareaholic-fblike' data-shr_layout='button_count' data-shr_showfaces='false' data-shr_href='http%3A%2F%2Fjoaopedropereira.com%2Fblog%2F2010%2F06%2F03%2Fnao-desaproveite-o-seu-footer%2F' data-shr_title='N%C3%A3o+desaproveite+o+seu+Footer%21'></a><a class='shareaholic-fbsend' data-shr_href='http%3A%2F%2Fjoaopedropereira.com%2Fblog%2F2010%2F06%2F03%2Fnao-desaproveite-o-seu-footer%2F'></a><a class='shareaholic-googleplusone' data-shr_size='medium' data-shr_count='true' data-shr_href='http%3A%2F%2Fjoaopedropereira.com%2Fblog%2F2010%2F06%2F03%2Fnao-desaproveite-o-seu-footer%2F' data-shr_title='N%C3%A3o+desaproveite+o+seu+Footer%21'></a></div><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><!-- End Shareaholic LikeButtonSetBottom Automatic -->]]></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[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><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&amp;b=2" 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-publisher-389"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><div class='shareaholic-like-buttonset' style='float:none;height:30px;'><a class='shareaholic-fblike' data-shr_layout='button_count' data-shr_showfaces='false' data-shr_href='http%3A%2F%2Fjoaopedropereira.com%2Fblog%2F2009%2F07%2F20%2Faplicacao-boa-usabilidade%2F' data-shr_title='Criar+uma+aplica%C3%A7%C3%A3o+com+boa+Usabilidade%3A+O+qu%C3%AA%3F+Porqu%C3%AA%3F+Como%3F'></a><a class='shareaholic-fbsend' data-shr_href='http%3A%2F%2Fjoaopedropereira.com%2Fblog%2F2009%2F07%2F20%2Faplicacao-boa-usabilidade%2F'></a><a class='shareaholic-googleplusone' data-shr_size='medium' data-shr_count='true' data-shr_href='http%3A%2F%2Fjoaopedropereira.com%2Fblog%2F2009%2F07%2F20%2Faplicacao-boa-usabilidade%2F' data-shr_title='Criar+uma+aplica%C3%A7%C3%A3o+com+boa+Usabilidade%3A+O+qu%C3%AA%3F+Porqu%C3%AA%3F+Como%3F'></a></div><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><!-- End Shareaholic LikeButtonSetBottom Automatic -->]]></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>

