<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-14055046</id><updated>2012-02-02T04:29:04.135-03:00</updated><title type='text'>USABILYBELEM</title><subtitle type='html'>Para tornar a sua vida mais fácil usabilidade, ergonomia, arquitetura de informação e alguns vídeos.</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>88</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-14055046.post-4497089012592524960</id><published>2008-06-03T18:44:00.003-03:00</published><updated>2008-06-03T18:48:38.192-03:00</updated><title type='text'>Google por dentro</title><content type='html'>&lt;div xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;p&gt;&lt;object height="350" width="425"&gt;&lt;param value="http://youtube.com/v/QPUIOWSA8nY" name="movie"&gt;&lt;embed type="application/x-shockwave-flash" src="http://youtube.com/v/QPUIOWSA8nY" height="350" width="425"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/p&gt;&lt;p&gt;O vídeo é da televisão Argentina &lt;a href="http://www.tn.com.ar/"&gt;TN&lt;/a&gt; sobre o &lt;a href="http://www.google.com/"&gt;Google&lt;/a&gt; por dentro é muito bom, vale a pena assistir!&lt;/p&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-4497089012592524960?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/4497089012592524960/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=4497089012592524960' title='3 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/4497089012592524960'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/4497089012592524960'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2008/06/google-por-dentro-1-parte.html' title='Google por dentro'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-5875033272183078746</id><published>2008-05-14T17:48:00.006-03:00</published><updated>2008-05-14T18:13:36.337-03:00</updated><title type='text'>Entrevista com Jonathan Ive o designer da Apple</title><content type='html'>&lt;div xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;p&gt;&lt;object height="350" width="425"&gt;&lt;param value="http://youtube.com/v/bOONhFutsrg" name="movie"&gt;&lt;embed type="application/x-shockwave-flash" src="http://youtube.com/v/bOONhFutsrg" height="350" width="425"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/p&gt;&lt;p&gt;&lt;span style="color: rgb(153, 0, 0); font-weight: bold;"&gt;Jonathan Ive&lt;/span&gt; é um dos responsáveis pelo sucesso da &lt;a href="http://www.apple.com/"&gt;Apple&lt;/a&gt; nas últimas décadas, inovando no design industrial e elevando os produtos da empresa a um patamar acima da concorrência.&lt;/p&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-5875033272183078746?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/5875033272183078746/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=5875033272183078746' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/5875033272183078746'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/5875033272183078746'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2008/05/entrevista-com-jonathan-ive.html' title='Entrevista com Jonathan Ive o designer da Apple'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-5589134879560072085</id><published>2008-05-09T18:23:00.005-03:00</published><updated>2008-05-09T19:04:56.670-03:00</updated><title type='text'>Como é feito um sítio !</title><content type='html'>&lt;div xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;p&gt;&lt;object height="350" width="425"&gt;&lt;param value="http://youtube.com/v/le4aUAV1fA4" name="movie"&gt;&lt;embed type="application/x-shockwave-flash" src="http://youtube.com/v/le4aUAV1fA4" height="350" width="425"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/p&gt;&lt;p&gt;Um vídeo publicitário mostrando com foi feito o sítio da Wolkswagen no Reino Unido.&lt;br /&gt;&lt;/p&gt;&lt;p&gt;Muito interessante, vale a pena assistir!&lt;/p&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-5589134879560072085?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/5589134879560072085/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=5589134879560072085' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/5589134879560072085'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/5589134879560072085'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2008/05/new-volkswagencouk-tv-spot.html' title='Como é feito um sítio !'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-5239901064407888534</id><published>2008-05-07T18:27:00.015-03:00</published><updated>2010-11-18T07:43:01.133-03:00</updated><title type='text'>O novo Portal da Prefeitura Municipal de Belém já esta no ar</title><content type='html'>&lt;span style=";font-family:webdings;font-size:100%;"  &gt;&lt;span style="font-family:verdana;"&gt;Olá pessoal, estou de volta !&lt;br /&gt;Já esta no ar o novo portal da &lt;a href="http://www.belem.pa.gov.br/"&gt;Prefeitura Municipal de Belém&lt;/a&gt;, desenvolvido pela empresa pública de informática onde eu trabalho a &lt;a href="http://www.belem.pa.gov.br/new/index.php?option=com_wrapper&amp;amp;view=wrapper&amp;amp;Itemid=258"&gt;Cinbesa&lt;/a&gt; (&lt;span style="color: rgb(102, 0, 0); font-weight: bold;"&gt;Companhia de Informática de Belém&lt;/span&gt;) onde fui responsável pela parte estrutural da página (CSS e HTML), e foi usado também o &lt;a href="http://www.php.net/"&gt;PHP&lt;/a&gt; como a linguagem para desenvolvimento e o &lt;a href="http://www.joomla.com/"&gt;Joomla!&lt;/a&gt; como o gerenciador CMS (&lt;/span&gt;&lt;/span&gt;&lt;span style="color: rgb(102, 0, 0); font-weight: bold;"&gt;Content Management System&lt;/span&gt;)&lt;span style=";font-family:webdings;font-size:100%;"  &gt;&lt;span style="font-family:verdana;"&gt;.&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-5239901064407888534?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/5239901064407888534/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=5239901064407888534' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/5239901064407888534'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/5239901064407888534'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2008/05/o-novo-portal-da-prefeitura-municipal.html' title='O novo Portal da Prefeitura Municipal de Belém já esta no ar'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-3829555752367109565</id><published>2007-06-28T17:07:00.000-03:00</published><updated>2007-06-28T17:26:34.298-03:00</updated><title type='text'>Mudando para WebStandars</title><content type='html'>&lt;span style="font-weight: bold;"&gt;Mudanças Básicas&lt;br /&gt;&lt;/span&gt;&lt;ul&gt;&lt;li&gt;Adicione um DOCTYPE correto para todas as páginas.&lt;/li&gt;&lt;li&gt;Adicione texto para suas imagens com tags 'ALT'.&lt;/li&gt;&lt;li&gt;Adicione títulos significativos para suas páginas.&lt;/li&gt;&lt;/ul&gt;&lt;span style="font-weight: bold;"&gt;Mudanças Intermediárias&lt;br /&gt;&lt;/span&gt;&lt;ul&gt;&lt;li&gt;Código XHTML transitional válido.&lt;/li&gt;&lt;li&gt;Código semanticamente correto.&lt;/li&gt;&lt;li&gt;Substitua as tags 'FONT' e 'COLOR' por CSS.&lt;/li&gt;&lt;li&gt;Formulários acessíveis, tabelas de dados e menus de saída.&lt;/li&gt;&lt;li&gt;Posiconamento básico com css (padding, margins e etc).&lt;/li&gt;&lt;/ul&gt;&lt;span style="font-weight: bold;"&gt;Mudanças Avançadas&lt;br /&gt;&lt;/span&gt;&lt;ul&gt;&lt;li&gt;Posiciomento total com CSS - sem tabela para layout.&lt;/li&gt;&lt;li&gt;Utilização de listas para menu de navegação.&lt;/li&gt;&lt;li&gt;Código XHTML strict válido.  &lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-3829555752367109565?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/3829555752367109565/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=3829555752367109565' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/3829555752367109565'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/3829555752367109565'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2007/06/mudando-para-webstandars.html' title='Mudando para WebStandars'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-2408187025181032098</id><published>2007-06-16T12:28:00.001-03:00</published><updated>2010-11-18T07:47:56.088-03:00</updated><title type='text'>Safari 3 Public Beta</title><content type='html'>A &lt;a href="http://www.apple.com/"&gt;Apple&lt;/a&gt; disponibilizou em seu site a versão do navegador &lt;a href="http://www.apple.com/safari/download/"&gt;Safari para Windows&lt;/a&gt;, essa versão é Beta por isso ainda falta alguns ajustes mas mesmo assim já da pra instalar no computador e ver a diferença que é usar um navegador com usabilidade como o Safari e o que não tem usabilidade com IE, vale a pena experimentar.&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-2408187025181032098?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/2408187025181032098/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=2408187025181032098' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/2408187025181032098'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/2408187025181032098'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2007/06/safari-for-windows.html' title='Safari 3 Public Beta'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-5319417547343662825</id><published>2007-04-21T10:46:00.000-03:00</published><updated>2007-04-21T10:57:37.400-03:00</updated><title type='text'>O conceito de "layout"</title><content type='html'>Todos nós sabemos que os navegadores podem apresentar falhas, e o IE do Windows parece apresentar mais  do que  a  maioria. Uma das razões de o IE/Win comportar-se diferente de outros navegadores é porque o mecanismo de renderização usa um conceito interno chamado de "layout". Como o layout é um conceito específico para o funcionamento interno do mecanismo de renderização, em geral, não é algo que você deva conhecer. Entretanto, os problemas de layout são a raiz de muitos bugs de renderização do IE/Win, portanto, é útil entender o conceito e como ele afeta as CSS.&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-5319417547343662825?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/5319417547343662825/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=5319417547343662825' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/5319417547343662825'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/5319417547343662825'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2007/04/o-conceito-de-layout.html' title='O conceito de &quot;layout&quot;'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-9026892502139232005</id><published>2007-03-31T19:27:00.000-03:00</published><updated>2007-03-31T22:05:10.424-03:00</updated><title type='text'>Princípios Básicos da Caça aos Bugs</title><content type='html'>O primeiro passo  no monitoramento  de um bug é validar a (x)HTML e a CSS para verificar erros de digitação ou erros sintáticos. Alguns erros de exibição são causados por navegadores que renderizam páginas no modo não-padrão. Assim, é uma boa idéia verificar se você está utilizando o DOCTYPE correto para a linguagem de marcação a fim de que suas páginas sejam exibidas no modo padrão.&lt;br /&gt;&lt;br /&gt;Você pode descobrir o modo em que sua página é renderizada instalando a barra de ferramentas de desenvolvimento do navegador Firefox (&lt;a href="http://tinyurl.com/cmh38"&gt;http://tinyurl.com/cmh38&lt;/a&gt;). Se a página for renderizada no modo não-padrão, uma marca de identificação na parte superior direita da barra de ferramentas estará acinzentada. Se a página for renderizada no modo padrão, a marca de identificação se tornará azul. Clicar nessa marca de identificação fornece mais informações sobre a página e define explicitamente o modo de renderização.&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-9026892502139232005?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/9026892502139232005/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=9026892502139232005' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/9026892502139232005'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/9026892502139232005'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2007/03/princpios-bsicos-da-caa-aos-bugs.html' title='Princípios Básicos da Caça aos Bugs'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-8213278311814975554</id><published>2007-03-12T19:05:00.000-03:00</published><updated>2007-03-13T08:31:32.601-03:00</updated><title type='text'>Os Cinco Princípios para um bom Design</title><content type='html'>O designer americamo &lt;a href="http://bokardo.com/about/"&gt;Joshua Porter&lt;/a&gt; publicou no seu blob &lt;a href="http://bokardo.com"&gt;Bokardo&lt;/a&gt; uma lista com &lt;a href="http://bokardo.com/archives/five-principles-to-design-by/"&gt;cinco princípios de design&lt;/a&gt; no que todos devem seguir.&lt;br /&gt;&lt;ul&gt;&lt;li&gt;A tecnologia serve ao homem&lt;/li&gt;&lt;li&gt;Design não é arte&lt;/li&gt;&lt;li&gt;A experiência pertence ao usuário&lt;/li&gt;&lt;li&gt;O bom design é invisível&lt;/li&gt;&lt;li&gt;Simplicidade é a última palavra em sofisticação&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-8213278311814975554?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/8213278311814975554/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=8213278311814975554' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/8213278311814975554'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/8213278311814975554'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2007/03/os-cinco-pricpio-para-um-bom-design.html' title='Os Cinco Princípios para um bom Design'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-4437432596017066484</id><published>2007-02-08T10:24:00.000-03:00</published><updated>2007-02-08T10:44:38.007-03:00</updated><title type='text'>De Usuário a Co-criador</title><content type='html'>Na discussão sobre Web 2.0, as relações de poder entre pessoas e artefatos estão sendo questionadas. Artefatos por si só não têm poder, mas dão poder a quem faz uso deles. Artefatos dão ainda mais poder para quem os cria, pois suas estruturas permitem controlar seu uso e, indiretamente, as pessoas que os usam. Entretanto, o controle não é total, pois os controlados tendem a questionar seus controladores, reinvindicando maior poder sobre as artefatos.&lt;br /&gt;&lt;div style="text-align: right;"&gt;&lt;span style="font-style: italic;"&gt;Matéria completa no site &lt;/span&gt;&lt;a style="font-style: italic;" href="http://webinsider.uol.com.br/index.php/2007/02/05/de-usuario-a-co-criador/"&gt;webinsider&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-4437432596017066484?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/4437432596017066484/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=4437432596017066484' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/4437432596017066484'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/4437432596017066484'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2007/02/de-usurio-co-criador.html' title='De Usuário a Co-criador'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-7793053529704405797</id><published>2007-01-27T15:13:00.000-03:00</published><updated>2007-01-27T15:28:20.753-03:00</updated><title type='text'>O que é CSS ?</title><content type='html'>A &lt;span style="font-style: italic; font-weight: bold;"&gt;Cascading Style Sheets&lt;/span&gt; (CSS) é considerada uma das maiores evoluções na maneira de desenvolver um site, sendo fundamental seu conhecimento para quem trabalha como webdesigner, webmaster ou webdeveloper.&lt;br /&gt;&lt;br /&gt;CSSs são estilos para páginas Web que possibilitam mudar simultaneamente a aparência de todas as páginas relacionadas com o mesmo estilo.&lt;br /&gt;&lt;br /&gt;O conceito é relativamente simples.  Em vez de  criar a formatação de cada página do site, o desenvolvedor cria o link para uma única página que contém todos os estilos usados. Assim, quando quiser modificar a aparência, basta alterar apenas um arquivo.&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-7793053529704405797?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/7793053529704405797/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=7793053529704405797' title='2 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/7793053529704405797'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/7793053529704405797'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2007/01/o-que-css.html' title='O que é CSS ?'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-1789462432558470056</id><published>2007-01-13T09:58:00.001-03:00</published><updated>2010-11-18T07:45:48.943-03:00</updated><title type='text'>Macworld San Francisco 2007</title><content type='html'>No site da &lt;a href="http://events.apple.com.edgesuite.net/j47d52oo/event/"&gt;Apple&lt;/a&gt; (onde você pode assistir) foi disponibilizado o vídeo da &lt;a href="http://www.macworldexpo.com/live/20/"&gt;Macworld Conference &amp;amp; Expo 2007&lt;/a&gt;, onde Steve Jobs o CEO da empresa faz uma apresentação dos produtos da Apple, e inclusive apresenta o &lt;a href="http://www.apple.com/iphone/internet/"&gt;Apple iPhone&lt;/a&gt; vale a pena assistir.&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-1789462432558470056?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/1789462432558470056/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=1789462432558470056' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/1789462432558470056'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/1789462432558470056'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2007/01/macworld-so-francisco-2007.html' title='Macworld San Francisco 2007'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-639255370787478048</id><published>2007-01-07T10:45:00.003-03:00</published><updated>2008-06-03T17:57:06.174-03:00</updated><title type='text'>Média Salarial Brasil - Agosto/2006</title><content type='html'>&lt;span style="font-size:100%;"&gt;Lendo a revista &lt;a href="http://www.arteccom.com.br/"&gt;Webdesign&lt;/a&gt; de agosto de 2006, encontrei na seção Métricas e Mercado do colunista &lt;a href="http://www.viuisso.com.br/"&gt;Michael Lent Schwartzman&lt;/a&gt; uma reportagem interessante sobre a média salarial dos profissionais de web no  Brasil feita pela &lt;a href="http://www.catho.com.br/"&gt;Catho&lt;/a&gt;,  vejam só :&lt;/span&gt;&lt;br /&gt;&lt;ol  style="font-family:verdana;"&gt;&lt;li&gt;&lt;span style="font-size:100%;"&gt;&lt;span&gt;Analista Júnior / Sistemas Web&lt;/span&gt;&lt;span style="font-weight: bold;"&gt; &lt;/span&gt;- &lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(153, 0, 0);font-size:100%;" &gt;r$  2.455,00&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-size:100%;"&gt;Analista Pleno   / Sistemas Web  -  &lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(153, 0, 0);font-size:100%;" &gt;r$  3.753,00&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-size:100%;"&gt;Analista Sênior / Sistemas Web - &lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(153, 0, 0);font-size:100%;" &gt;r$  4.830,00&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-size:100%;"&gt;Analista Programador(a) Web                                                        -  &lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(153, 0, 0);font-size:100%;" &gt;r$&lt;/span&gt;&lt;span style="font-size:100%;"&gt;  &lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(153, 0, 0);font-size:100%;" &gt;2.866,00&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-size:100%;"&gt;Coordenador(a) de Projetos Web                                                   -  &lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(153, 0, 0);font-size:100%;" &gt;r$  5.852,00&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-size:100%;"&gt;Editor/Produtor de Conteúdo Web                                                -  &lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(153, 0, 0);font-size:100%;" &gt;r$  2.456,00&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-size:100%;"&gt;Webdesigner Estagiário                                                                   -  &lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(153, 0, 0);font-size:100%;" &gt;r$  584,00&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-size:100%;"&gt;Webdesigner Trainee                                                                       -  &lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(153, 0, 0);font-size:100%;" &gt;r$  1.418,00&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-size:100%;"&gt;Webdesigner                                                                                      -  &lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(153, 0, 0);font-size:100%;" &gt;r$  2.303,00&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-size:100%;"&gt;Web Development                                                                            -  &lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(153, 0, 0);font-size:100%;" &gt;r$   3.422,00&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-size:100%;"&gt;Webmaster                                                                                        -  &lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(153, 0, 0);font-size:100%;" &gt;r$   2.442,00&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;span style="font-weight: bold; color: rgb(153, 0, 0);font-size:85%;" &gt;&lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(153, 0, 0);font-size:85%;" &gt;&lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(153, 0, 0);font-size:85%;" &gt;&lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(153, 0, 0);font-size:85%;" &gt;&lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(153, 0, 0);font-size:85%;" &gt;&lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(153, 0, 0);font-size:85%;" &gt;&lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(153, 0, 0);font-size:85%;" &gt;&lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(153, 0, 0);font-size:85%;" &gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-639255370787478048?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/639255370787478048/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=639255370787478048' title='2 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/639255370787478048'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/639255370787478048'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2007/01/mdia-salarial-brasil-agosto2006.html' title='Média Salarial Brasil - Agosto/2006'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-8593362665707126574</id><published>2006-12-16T08:11:00.001-03:00</published><updated>2010-11-18T07:46:31.004-03:00</updated><title type='text'>Top Sites Brasil</title><content type='html'>O site &lt;a href="http://www.alexa.com/"&gt;Alexa&lt;/a&gt; publicou os &lt;a href="http://www.alexa.com/site/ds/top_sites?cc=BR&amp;amp;ts_mode=country&amp;amp;lang=none"&gt;100 sites mais acessados no Brasil&lt;/a&gt;. O Orkut, MSN e o Google são os que estão em primeiros lugares, &lt;a href="http://www.alexa.com/site/help/traffic_learn_more"&gt;os critérios de avaliação&lt;/a&gt; é à partir dos navegadores que utilizam o Alexa Toolbar ou então as extenções do Firefox que o utilizam.&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-8593362665707126574?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/8593362665707126574/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=8593362665707126574' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/8593362665707126574'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/8593362665707126574'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2006/12/top-sites-brasil.html' title='Top Sites Brasil'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-4996487200912807409</id><published>2006-12-04T19:43:00.000-03:00</published><updated>2006-12-08T08:25:08.813-03:00</updated><title type='text'>Fluído vs Líquido</title><content type='html'>Embora alguns designer prefiram design fixos, outros grupos defedem calorosamente os designs "fluídos" ou "líquidos" - aqueles designs que fluem preenchendo a janela do navegador. As vantagens dos designs fluídos incluem que nenhum espaço do navegador é desperdiçado, e, seja qual for o tamanho da janela do navegador, o design fluirá para caber nele.&lt;br /&gt;&lt;br /&gt;O design fluído significa menos controle de aspectos do design como um todo, e o gerenciamento dos comprimentos de linhas de texto em um design fluído é difícil, senão impossível, sem sacrificar algum outro aspecto do design. Esses fatores, muito provavelmente são responsáveis pelo retorno do design fluído aos designs controlados e centralizados, como começamos a ver em sites como "A List Apart", &lt;a href="http://www.alistapart.com"&gt;www.alistapart.com&lt;/a&gt;/, e muitos dos designs de "CSS Zen Garden", &lt;a href="http://www.csszengarden.com"&gt;www.csszengarden.com&lt;/a&gt;/.&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-4996487200912807409?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/4996487200912807409/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=4996487200912807409' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/4996487200912807409'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/4996487200912807409'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2006/12/fludo-vs-lquido.html' title='Fluído vs Líquido'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-128189920901567124</id><published>2006-11-25T15:26:00.000-03:00</published><updated>2006-11-29T18:52:31.189-03:00</updated><title type='text'>O que é Acessibilidade Web ?</title><content type='html'>O termo "acessibilidade" é usado para descrever um problema específico em Web design: como tornar os sites disponíveis para aqueles com deficiências que poderiam impedi-los de ver, ouvir e navegar pelas páginas Web.&lt;br /&gt;&lt;br /&gt;Um número significativo de deficiências causa impacto no uso da Web, incluindo aquelas relacionadas à visão, audição e motricidade. Alguns indivíduos com deficiência visual apóiam-se nas funcionalidades de fontes grandes e alto contraste do sistema operacional e do navegador para acessar páginas. Muitos deficientes visuais usam a tecnologia de leitura de tela. Impressoras Braille também são comuns, em que dados da tela são interpretados pela impressora e depois são impressos.&lt;br /&gt;&lt;br /&gt;Pessoas com deficiência motoras podem usar teclados, mouses e dispositivos com apontadores especiais (tais como bastões especias seguros pela boca ou localizados na testa para digitar comendos no teclado. Também existem outros dispositivos, mas, em todos os casos, não é fácil usá-los (conhecidos como dispositivos de assistência) nos tipos de páginas Web que dominam a rede.&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-128189920901567124?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/128189920901567124/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=128189920901567124' title='2 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/128189920901567124'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/128189920901567124'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2006/11/o-que-acessibilidade-web.html' title='O que é Acessibilidade Web ?'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-8787582362923625874</id><published>2006-11-19T07:26:00.000-03:00</published><updated>2006-11-19T08:57:07.604-03:00</updated><title type='text'>Entrevista de Ivo Gomes</title><content type='html'>Passando a vista no blog &lt;a href="http://www.carreirasolo.org/archives/ivo_gomes_arquiteto.html"&gt;Carreirasolo&lt;/a&gt; deparei-me com uma entrevista com o camarada português &lt;a href="http://www.ivogomes.com/"&gt;Ivo Gomes&lt;/a&gt;, falando entre outras coisas sobre ergonomia e usabilidade em ambientes interativos, novos ambientes de gestão de conteúdo em projetos a distância, mercado fora do Brasil e em Portugal e etc...&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-8787582362923625874?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/8787582362923625874/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=8787582362923625874' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/8787582362923625874'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/8787582362923625874'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2006/11/entrevista-de-ivo-gomes.html' title='Entrevista de Ivo Gomes'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-116385494067208924</id><published>2006-11-18T09:48:00.000-03:00</published><updated>2006-11-29T18:57:31.950-03:00</updated><title type='text'>Mapa da Mente</title><content type='html'>&lt;span style="font-family:verdana;"&gt;No mapeamento mental, você começa a tomar notas sobre um assunto no meio de uma página, escrevendo uma palavra ou duas que representem um tema central de suas anotações. A seguir, você adiciona, em um padrão de ramificação a partir do centro, palavras-chave que representam idéias relacionadas. Depois conecta cada pensamento com aquele que o precedeu com linhas e setas.&lt;br /&gt;&lt;br /&gt;As técnicas de mapeamento da mente são muito valiosas no design e organização de sites da Web. De fato, há pessoas que afirmam que o conceito de hipertexto foi baseado no conceito de mapeamento da mente. Exageros à parte, os dois conceitos são muito parecidos. Acho as técnicas de mapeamento da mente úteis para a geração da primeira parte do layout de um Web site. A partir daí, é fácil redefinir, expandir e integrar para obter o diagrama do site.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-116385494067208924?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/116385494067208924/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=116385494067208924' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/116385494067208924'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/116385494067208924'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2006/11/mapa-da-mente.html' title='Mapa da Mente'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-115763598889110637</id><published>2006-09-07T10:26:00.000-03:00</published><updated>2006-11-18T12:08:02.241-03:00</updated><title type='text'>Publicidade Interna</title><content type='html'>&lt;span style="font-family:verdana;font-size:100%;"&gt;Os sites não sobrevivem sem autopromoção. Isso é fato, e essencial não apenas em internet, mas a qualquer empresa ou negócio. A autopromoção visa expressar e transmitir o quão bons são os serviços prestados pelo portal aos usuários e o quão profissional é a equipe.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-115763598889110637?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/115763598889110637/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=115763598889110637' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/115763598889110637'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/115763598889110637'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2006/09/publicidade-interna.html' title='Publicidade Interna'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-115290936926931771</id><published>2006-07-14T17:19:00.000-03:00</published><updated>2006-09-12T08:44:16.406-03:00</updated><title type='text'>O Portal ORM no Navegador Opera</title><content type='html'>&lt;a href="http://photos1.blogger.com/blogger/1318/1256/1600/site-no-opera1.0.gif"&gt;&lt;img style="margin: 0px 10px 10px 0px; float: left;" alt="" src="http://photos1.blogger.com/blogger/1318/1256/200/site-no-opera1.0.png" border="0" /&gt;&lt;/a&gt; &lt;span style="font-family:verdana;"&gt;Navegando pela internet usando o navegador &lt;strong&gt;Opera&lt;/strong&gt;, me deparei com uma situação que não esperava, o Portal das &lt;strong&gt;Organizações Rômulo Maiorana (ORM)&lt;/strong&gt; visto no browser (Opera), a página toda disforme o conteúdo na parte de baixo do site quando era para ficar no centro da página, não se faz site só para IE (Internet Explorer) mas também para outros navegadores com Mozila, Opera, Safari e etc..., isso é lamentável pq parece que foi feito por uma empresa de fora do estado, não acredito que aqui em Belém do Pará não exista profissionais capacitados para fazer um produto (site) melhor do que esse esta ai....&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-115290936926931771?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/115290936926931771/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=115290936926931771' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/115290936926931771'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/115290936926931771'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2006/07/o-portal-orm-no-navegador-opera.html' title='O Portal ORM no Navegador Opera'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-115256887617104565</id><published>2006-07-10T18:55:00.000-03:00</published><updated>2006-09-13T09:32:01.180-03:00</updated><title type='text'>Design Visual e Intenção do Site</title><content type='html'>&lt;span style="font-family: verdana;font-family:verdana;" &gt;O design visual do web site deve corresponder à intenção do site. Infelizmente muitos mergulham de cabeça e começam a projetar sem trabalhar com essas considerações em mente. A falta de um trabalho preliminar pode resultar em sites ruins.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-115256887617104565?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/115256887617104565/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=115256887617104565' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/115256887617104565'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/115256887617104565'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2006/07/design-visual-e-inteno-do-site.html' title='Design Visual e Intenção do Site'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-114920074747087692</id><published>2006-06-01T19:18:00.000-03:00</published><updated>2006-09-12T08:47:29.926-03:00</updated><title type='text'>Organização Visual de Quadros</title><content type='html'>&lt;span style="font-family:verdana;"&gt;Apesar da home page de um portal estar dividida, simbolicamente, em várias áreas, sem os quadros não existiria organização. Os quadros, marcados ou não, respondem pela diagramação do conteúdo, e sua disposição pela página deve ser cuidadosamente estudada de modo a harmonizar o visual do site. Texto aleatóriamente disposto quadros simplesmente "jogados" num espaço tendem a ser confusos e incômodos.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-114920074747087692?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/114920074747087692/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=114920074747087692' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/114920074747087692'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/114920074747087692'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2006/06/organizao-visual-de-quadros.html' title='Organização Visual de Quadros'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-114822936693751033</id><published>2006-05-21T13:28:00.000-03:00</published><updated>2006-09-10T19:30:11.163-03:00</updated><title type='text'>Microsoft Expression Web Designer</title><content type='html'>Baixei no meu computador o novo aplicativo da Microsoft para web designer, veio para substituir o Front Page, baseado em xhtm, html,  css, xml ....&lt;br /&gt;Dei uma olhada &lt;a href="http://www.microsoft.com/products/expression/en/web_designer/default.mspx"&gt;www.microsoft.com&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-114822936693751033?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/114822936693751033/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=114822936693751033' title='2 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/114822936693751033'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/114822936693751033'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2006/05/microsoft-expression-web-designer.html' title='Microsoft Expression Web Designer'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-114641492475555167</id><published>2006-04-30T13:25:00.000-03:00</published><updated>2006-04-30T13:42:29.413-03:00</updated><title type='text'>Discurso de Steve Jobs em Stanford</title><content type='html'>&lt;span style="font-family:verdana;"&gt;Veja na íntegra o discurso de &lt;strong&gt;Steve Jobs&lt;/strong&gt;, o criador da &lt;strong&gt;Apple&lt;/strong&gt;.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:verdana;"&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:verdana;"&gt;O vídeo em inglês no síte &lt;/span&gt;&lt;a href="http://www.carreirasolo.org/"&gt;&lt;span style="font-family:verdana;"&gt;carreirasolo.org&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:verdana;"&gt;A tradução em português no síte &lt;/span&gt;&lt;a href="http://vocesa.abril.com.br/evolucao/aberto/ar_80039.shtml"&gt;&lt;span style="font-family:verdana;"&gt;vocesa.abril.com.br&lt;/span&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-114641492475555167?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/114641492475555167/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=114641492475555167' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/114641492475555167'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/114641492475555167'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2006/04/discurso-de-steve-jobs-em-stanford.html' title='Discurso de Steve Jobs em Stanford'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-114553882994757195</id><published>2006-04-20T10:09:00.000-03:00</published><updated>2006-04-20T10:20:09.056-03:00</updated><title type='text'>Poupar Dinheiro usando Standards</title><content type='html'>&lt;span style="font-family:verdana;"&gt;Hoje em dia ainda há muitas empresas de webdesign que continuam a “fazer” sites sem usarem os standards web. Para o cliente, o aspecto final do site é o mais importante e não lhe interessa saber como é que o site é feito. &lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:Verdana;"&gt;&lt;em&gt;Matéria completa no síte&lt;/em&gt; do &lt;a href="http://www.ivogomes.com/blog/poupar-dinheiro-usando-standards/"&gt;Ivo Gomes&lt;/a&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-114553882994757195?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/114553882994757195/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=114553882994757195' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/114553882994757195'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/114553882994757195'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2006/04/poupar-dinheiro-usando-standards.html' title='Poupar Dinheiro usando Standards'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-114545354177833685</id><published>2006-04-19T10:24:00.000-03:00</published><updated>2006-04-19T10:32:21.810-03:00</updated><title type='text'>Usabilidade: zero</title><content type='html'>Li no &lt;a href="http://www.imasters.com.br/artigo/3830/usabilidade/usabilidade_zero"&gt;imasters&lt;/a&gt; um artigo muito bom sobre a falta de usabilidade nos sítes na web, escrita por Conrado Adolpho é palestrante, especialista em marketing digital e escritor. Vejam o artigo.&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-114545354177833685?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/114545354177833685/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=114545354177833685' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/114545354177833685'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/114545354177833685'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2006/04/usabilidade-zero.html' title='Usabilidade: zero'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-114536482744671190</id><published>2006-04-18T09:42:00.000-03:00</published><updated>2006-04-18T09:53:47.486-03:00</updated><title type='text'>Posicionamento Consiste em Elementos</title><content type='html'>&lt;span style="font-family:verdana;"&gt;Uma das questões bastante significativa para o design de interface bem-sucedido é a consistência dos elementos de página, tanto em termos de posicionamento visual de imagens e da navegação quanto ao estilo.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:verdana;"&gt;Muito provavelmente, você já visitou um síte em que começou a se aprofundar  e acabou em uma página dentro do síte que não tinha consistência alguma no posicionamento dos elementos ou no design, enquanto mudava de uma página para outra. O problema está menos comum do que do costumava ser - particularmente devido à maior consisciência dos fatores de usabilidade.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-114536482744671190?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/114536482744671190/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=114536482744671190' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/114536482744671190'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/114536482744671190'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2006/04/posicionamento-consiste-em-elementos.html' title='Posicionamento Consiste em Elementos'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-114139507088918709</id><published>2006-03-03T11:07:00.000-03:00</published><updated>2006-03-03T11:11:10.926-03:00</updated><title type='text'>Brainstorming</title><content type='html'>&lt;span style="font-family:verdana;"&gt;O brainstorming é um dos métodos mais antigos usados para gerar criatividade de grupo. Um grupo de pessoas juntam-se e centralizam-se em um problema ou proposta. Numa primeira fase lançam-se ideias (todas as ideias são válidas nesta fase, mesmo que à partida sejam consideradas inexequíveis). Numa segunda fase é feita uma avaliação das ideias.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-114139507088918709?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/114139507088918709/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=114139507088918709' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/114139507088918709'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/114139507088918709'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2006/03/brainstorming.html' title='Brainstorming'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-114043515772617505</id><published>2006-02-20T08:29:00.000-03:00</published><updated>2006-04-18T11:13:39.206-03:00</updated><title type='text'>O Usuário é o Patrão</title><content type='html'>&lt;span style="font-family:verdana;"&gt;Ultimamente andei observando o poder do cliente sobre a empresa que presta serviços de solução para seus problemas de design.&lt;br /&gt;Muitas vezes, os clientes abrem uma demanda e especificam no briefing qual o problema a ser solucionado, público alvo, estratégia de negócio, etc. E fazem algumas pequenas sugestões de como poderia ser a solução. Após definido o escopo, a demanda segue para o profissional responsável que analisa todos os requisitos e constrói a proposta de solução que atenderá aquela demanda do cliente.&lt;br /&gt;Na apresentação da solução vem a surpresa.. Aquela discreta “sugestão” feita pelo cliente, se torna um requisito da mais alta prioridade. E ele simplesmente exige que a sugestão conste no trabalho desenvolvido, não importa se é pertinente ou não e o pior, muitas delas acabam matando todo o projeto de interação com o usuário. Caímos no velho problema em que uma pessoa (o cliente) decide por muitos (os usuários). Mas como conseguir argumentos tão pesados quanto as “sugestões” exigidas pelo cliente?&lt;br /&gt;Trata-se apenas de uma questão de quem manda em quem, observe. Em se tratando de um projeto solicitado, quem manda na empresa responsável pela solução? O cliente! (com a política de quem manda é quem paga) Mas quem é que manda no cliente? O cliente dele! Ou seja, os usuários do projeto em questão que por acaso, estão do nosso lado.&lt;br /&gt;Agora com a faca e o queijo na mão, argumente as soluções do projeto com o cliente apontando as necessidades do patrão dele (os usuários), dessa forma a defesa ganha embasamento e torna as coisas muito mais fáceis. Claro, somente apontar as necessidades dos usuários não vale de nada se você não possuir um projeto centrado nos mesmos.&lt;br /&gt;&lt;br /&gt;Pense nisso !&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-114043515772617505?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/114043515772617505/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=114043515772617505' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/114043515772617505'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/114043515772617505'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2006/02/o-usurio-o-patro.html' title='O Usuário é o Patrão'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-114018248522862655</id><published>2006-02-17T10:18:00.000-03:00</published><updated>2006-09-07T10:24:41.436-03:00</updated><title type='text'>Dá Pra Deixar a Atualização nas Mãos do Cliente?</title><content type='html'>&lt;span style="font-family:verdana;"&gt;Os sistemas de gerenciamento de conteúdo permitem que qualquer pessoa, por menos conhecimento técnico que tenha, seja capaz de atualizar um site de forma facilitada e com qualquer dispositivo conectado à internet. Essa geralmente é uma das exigências da maioria dos clientes, mas pode acabar prejudicando bastante um projeto bem executado.&lt;br /&gt;&lt;/span&gt;&lt;a id="more-102"&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:verdana;"&gt;Tomemos por exemplo um projeto construído em XHTML 1.0 Strict, com código limpo e marcações semânticas. Qual cliente vai ser preocupar, na hora de escrever uma sigla, de marcá-la corretamente com a tag acronym? Qual vai saber como informar através de marcação que a língua mudou em uma determinada palavra estrangeira?&lt;br /&gt;Além desse problema, há tempo a questão da técnica de redação para a web. Sabemos que os textos devem ser concisos, com destaque de palavras-chaves, parágrafos curtos, bastante uso de listas e entretítulos. Irão todos os clientes ter essa preocupação?&lt;br /&gt;&lt;br /&gt;Embora os gerenciadores de conteúdo ajudem grandemente na atualização do conteúdo, o ideal é que essa tarefa seja feita por um profissional qualificado, notadamente um webwriter. Esse profissional tem que saber a melhor forma de dispor a informação (se é através de texto, gráfico, multimídia etc.), a melhor forma de compor o conteúdo informativo e, além disso, saber marcar corretamente os termos que precisam ser marcados, para que a semântica do código não seja destruída. &lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-114018248522862655?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/114018248522862655/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=114018248522862655' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/114018248522862655'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/114018248522862655'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2006/02/d-pra-deixar-atualizao-nas-mos-do.html' title='Dá Pra Deixar a Atualização nas Mãos do Cliente?'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-114017620609450121</id><published>2006-02-17T08:34:00.000-03:00</published><updated>2006-02-21T09:20:15.076-03:00</updated><title type='text'>Conferência @media 2006</title><content type='html'>&lt;a href="http://photos1.blogger.com/blogger/1318/1256/1600/atmedia_button0.gif"&gt;&lt;img style="FLOAT: left; MARGIN: 0px 10px 10px 0px; CURSOR: hand" alt="" src="http://photos1.blogger.com/blogger/1318/1256/320/atmedia_button0.gif" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:verdana;"&gt;A &lt;a href="http://www.vivabit.com/atmedia2006/"&gt;@media&lt;/a&gt; é a conferência de web design mais importante da Europa. Esta conferência junta vários dos mais conhecidos nomes do web design mundial para falarem sobre as últimas novidades, tendências, melhores práticas e técnicas mais avançadas do mundo do web design. &lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-114017620609450121?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/114017620609450121/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=114017620609450121' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/114017620609450121'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/114017620609450121'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2006/02/conferncia-media-2006.html' title='Conferência @media 2006'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-113992236494263333</id><published>2006-02-14T10:00:00.001-03:00</published><updated>2006-02-14T10:12:17.673-03:00</updated><title type='text'>A Importância do Projetista de Interfaces</title><content type='html'>&lt;span style="font-family:verdana;"&gt;O crescimento exponencial da internet como meio de comunicação e ambiente definitivo de negócios começa a adquirir características complexas nestes últimos anos, exigindo uma abordagem projetual integrada da Gestão de Comunicação e Informação. Para um adequado desenvolvimento de projeto, seja ele de um simples website a uma grande intranet corporativa, deve-se levar em conta três fatores prioritários: usuário, sistema e interface.&lt;/span&gt;&lt;br /&gt;&lt;div align="right"&gt;&lt;span style="font-family:Verdana;"&gt;&lt;br /&gt;Matéria Completa no Sítio &lt;a href="http://webinsider.uol.com.br/vernoticia.php/id/2465"&gt;webinsider.uol.com.br&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-113992236494263333?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/113992236494263333/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=113992236494263333' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113992236494263333'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113992236494263333'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2006/02/importncia-do-projetista-d_113992236494263333.html' title='A Importância do Projetista de Interfaces'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-113888514037424036</id><published>2006-02-02T09:57:00.000-03:00</published><updated>2006-02-14T10:14:28.580-03:00</updated><title type='text'>Batida de Olhos</title><content type='html'>&lt;span style="font-family:verdana;"&gt;Os usuários de internet às vezes aceitam ou rejeitam um site em menos tempo do que é necessário para piscar os olhos, de acordo com um estudo conduzido por pesquisadores canadenses. Em apenas um vigésimo de segundo - menos da metade do tempo necessário para piscar os olhos - as pessoas fazem julgamentos estéticos que influenciam o restante de sua experiência com um site de internet.O estudo foi publicado na mais recente edição da revista especializada Behaviour and Information Technology. A autora afirma que as conclusões têm forte implicação para o campo do design de sites. "Na verdade, trata-se de uma resposta fisiológica", disse Gitte Lindgaard à Reuters.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-113888514037424036?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/113888514037424036/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=113888514037424036' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113888514037424036'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113888514037424036'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2006/02/batida-de-olhos.html' title='Batida de Olhos'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-113879722443200823</id><published>2006-02-01T09:32:00.000-03:00</published><updated>2006-02-01T09:33:44.503-03:00</updated><title type='text'>O Tamanho Importa</title><content type='html'>&lt;span style="font-family:verdana;"&gt;Durante o desenvolvimento de uma aplicação web, chega uma altura em que é necessário definir o tamanho do texto. O grande problema é que nem todos os browsers mostram o texto com o tamanho certo, por isso, grande parte dos designers usa “pixels” para definir o seu tamanho. 1 pixel é sempre 1 pixel em qualquer browser, por isso os sites concebidos desta forma ficam bastante iguais nos diferentes browsers, o que é bom para os designers.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-113879722443200823?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/113879722443200823/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=113879722443200823' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113879722443200823'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113879722443200823'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2006/02/o-tamanho-importa.html' title='O Tamanho Importa'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-113871936879360753</id><published>2006-01-31T11:53:00.000-03:00</published><updated>2006-02-02T10:00:58.593-03:00</updated><title type='text'>25% dos Usuários Web São Deficientes</title><content type='html'>&lt;span style="font-family:verdana;"&gt;Sabiam que cerca de 25% dos usuários da Internet têm algum tipo de incapacidade e como tal têm problemas de acessibilidade? Alguns podem ser cegos, amblíopes, disléxicos, ser deficientes motores, etc… e como tal a sua forma de verem a web é totalmente diferente. &lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-113871936879360753?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/113871936879360753/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=113871936879360753' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113871936879360753'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113871936879360753'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2006/01/25-dos-usurios-web-so-deficientes.html' title='25% dos Usuários Web São Deficientes'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-113862478958899144</id><published>2006-01-30T09:36:00.000-03:00</published><updated>2006-01-30T09:39:49.606-03:00</updated><title type='text'>Skype for Windows Mobile 2.0</title><content type='html'>&lt;span style="font-family:verdana;"&gt;O pessoal da Skype liberou a &lt;/span&gt;&lt;a href="http://www.skype.com/products/skype/pocketpc/"&gt;&lt;span style="font-family:verdana;"&gt;versão 2.0 do seu aplicativo para Pocket PC&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt; (Windows Mobile), com muitas correções de bugs e melhorias gráficas, porém sem suporte a vídeo. Não uso o Skype no PDA, mas imagino que não há muitas pessoas com um PDA com câmera de videoconferência e wireless, portanto compreensivel a atitude da Skype em não desenvolver algo que terá pouco público. &lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-113862478958899144?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/113862478958899144/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=113862478958899144' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113862478958899144'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113862478958899144'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2006/01/skype-for-windows-mobile-20.html' title='Skype for Windows Mobile 2.0'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-113758361597720240</id><published>2006-01-18T08:24:00.000-03:00</published><updated>2006-01-18T08:26:55.990-03:00</updated><title type='text'>Microsoft Recomenda uso de Software Apple</title><content type='html'>&lt;span style="font-family:verdana;"&gt;A Microsoft está lentamente acabando com algumas das suas aplicações para Mac.O Internet Explorer/Mac deixou de ser desenvolvido em 2003 e no dia 31 de Janeiro deixará de ser possível fazer o seu download na própria página da Microsoft.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-113758361597720240?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/113758361597720240/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=113758361597720240' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113758361597720240'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113758361597720240'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2006/01/microsoft-recomenda-uso-de-software.html' title='Microsoft Recomenda uso de Software Apple'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-113742495592459254</id><published>2006-01-16T12:21:00.000-03:00</published><updated>2006-01-16T12:22:43.593-03:00</updated><title type='text'>Tutoriais Google e Gmail</title><content type='html'>&lt;span style="font-family:verdana;"&gt;Para muitos o &lt;/span&gt;&lt;a title="Google (Este link abre uma nova janela)" href="http://www.google.com/" target="_blank" rel="externo"&gt;&lt;span style="font-family:verdana;"&gt;Google&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt; é melhor buscador da Internet, eu sou um dos que concordam com isso, então nada melhor do que deixar o que é bom, melhor ainda, mas como?&lt;br /&gt;É aí que entra o &lt;/span&gt;&lt;a title="Google Guide (Este link abre uma nova janela)" href="http://www.googleguide.com/" target="_blank" rel="externo"&gt;&lt;span style="font-family:verdana;"&gt;Google Guide&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt;, pois é um site que possui vários tutoriais que te ajudam a entender a forma como o &lt;/span&gt;&lt;a title="Google (Este link abre uma nova janela)" href="http://www.google.com/" target="_blank" rel="externo"&gt;&lt;span style="font-family:verdana;"&gt;Google&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt; faz uma busca, ou seja, entender a sintaxe das consultas, e muito mais. Essa dica foi publicada no site &lt;/span&gt;&lt;a title="Dicas-L (Este link abre uma nova janela)" href="http://www.dicas-l.com.br/" target="_blank" rel="externo"&gt;&lt;span style="font-family:verdana;"&gt;Dicas-L&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt;, que publica diariamente dicas de Linux e dicas de vários outros assuntos. Confiram aqui o texto original &lt;/span&gt;&lt;a title="Gui do Google (Este link abre uma nova janela)" href="http://www.dicas-l.com.br/dicas-l/20051126.php" target="_blank" rel="externo"&gt;&lt;span style="font-family:verdana;"&gt;Guia do Google&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt;.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-113742495592459254?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/113742495592459254/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=113742495592459254' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113742495592459254'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113742495592459254'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2006/01/tutoriais-google-e-gmail.html' title='Tutoriais Google e Gmail'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-113697956686464765</id><published>2006-01-11T08:37:00.000-03:00</published><updated>2006-01-11T08:41:18.170-03:00</updated><title type='text'>O Código Aberto da Vida</title><content type='html'>&lt;span style="font-family:verdana;"&gt;O site &lt;/span&gt;&lt;a title="br-linux.org (Este link abre uma nova janela)" href="http://br-linux.org/" target="_blank" rel="externo"&gt;&lt;span style="font-family:verdana;"&gt;br-linux.org&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt; publicou um link para o texto &lt;/span&gt;&lt;a title="O código aberto da vida (Este link abre uma nova janela)" href="http://planeta.ubuntubrasil.org/?post=183" target="_blank" rel="externo"&gt;&lt;span style="font-family:verdana;"&gt;O código aberto da vida&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt;.&lt;br /&gt;É um texto muito interessante e traça uma comparação entre o movimento OpenSource e a vida, dizendo entre outras coisas: “O OpenSource existe, neste universo, há cerca de 3 bilhões de anos atrás. A vida é OpenSource desde seus primórdios.”. Fica aí a dica, o texto foi publicado originalmente no site &lt;a title="Planeta Ubuntu Brasil (Este link abre uma nova janela)" href="http://planeta.ubuntubrasil.org/" target="_blank" rel="externo"&gt;Planeta Ubuntu Brasil&lt;/a&gt;.&lt;br /&gt;Acho que vale a pena ler. &lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-113697956686464765?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/113697956686464765/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=113697956686464765' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113697956686464765'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113697956686464765'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2006/01/o-cdigo-aberto-da-vida.html' title='O Código Aberto da Vida'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-113690701338265908</id><published>2006-01-10T12:28:00.000-03:00</published><updated>2006-01-10T12:32:56.826-03:00</updated><title type='text'>Flexibilidade do CSS em Ambientes CMS</title><content type='html'>&lt;span style="font-family:verdana;"&gt;&lt;strong&gt;&lt;span style="color:#990000;"&gt;CMS&lt;/span&gt;&lt;/strong&gt; ou &lt;strong&gt;&lt;span style="color:#990000;"&gt;Content Management System&lt;/span&gt;&lt;/strong&gt;, significa Sistema de Gerenciamento de Conteúdo. São aqueles sistemas como o Contribute da Macromedia onde você o adapta a websites para que seu cliente que não sabe nada de HTML possa atualizar o próprio site sem a necessidade de “mão de obra” especializada. A cada dia grandes e pequenas empresas adotam a utilização destes sistemas para facilitar a atualização de conteúdo centralizando em um departamento de marketing por exemplo. As razões obvias disso é remover um dos passos no processo de atualização do site, reduzindo custos com terceiros e deixando a responsabilidade nas mãos do responsável pelo próprio conteúdo. Simples e eficiente.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-113690701338265908?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/113690701338265908/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=113690701338265908' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113690701338265908'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113690701338265908'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2006/01/flexibilidade-do-css-em-ambientes-cms.html' title='Flexibilidade do CSS em Ambientes CMS'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-113637878033120551</id><published>2006-01-04T09:45:00.000-03:00</published><updated>2006-01-04T09:46:20.353-03:00</updated><title type='text'>Design Patterns</title><content type='html'>&lt;span style="font-family:verdana;"&gt;Patterns é uma importante ferramenta de trabalho do designer de interfaces que pode ser traduzido em bibliotecas de “melhores práticas” de dispositivos e elementos usados no processo de concepção de uma interface interativa.Essas bibliotecas focam seu conteúdo em problema, contexto e solução ilustrados em exemplos de uso, numa tentativa de guiar o designer a usar o seu conhecimento dentro do contexto abordado em seu projeto específico.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-113637878033120551?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/113637878033120551/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=113637878033120551' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113637878033120551'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113637878033120551'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2006/01/design-patterns.html' title='Design Patterns'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-113614726108859345</id><published>2006-01-01T17:24:00.000-03:00</published><updated>2006-01-01T17:27:41.103-03:00</updated><title type='text'>Design e Credibilidade</title><content type='html'>&lt;span style="font-family:verdana;"&gt;Projetar e executar um site, tarefa que antes era executada exclusivamente pelo WebMaster, hoje é responsabilidade de não menos do que um grupo de profissionais multidisciplinares que complementam suas capacidades, ao invés de concorrer entre si. Porém, mesmo com todo o batalhão atrás, existe uma infantaria de combate que sempre chega primeiro é quem determina os rumos da batalha: são os designers. Eles não são mais importantes que ninguém, precisam do apoio logístico das outras elites de guerra (Arquitetura de Informação, Gestão de Projetos, Usabilidade, Programaçao de Dados, Estrutura de Servidores, Telecom e por aí vai), mas é para eles que o público olha na hora do "vâmo-vê". Literalmente. &lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-113614726108859345?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/113614726108859345/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=113614726108859345' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113614726108859345'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113614726108859345'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2006/01/design-e-credibilidade.html' title='Design e Credibilidade'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-113559823091594995</id><published>2005-12-26T08:55:00.000-03:00</published><updated>2005-12-26T08:57:11.086-03:00</updated><title type='text'>W3C é Injusto ao Divulgar Padrões Somente em Inglês</title><content type='html'>&lt;span style="font-family:verdana;"&gt;Quando acessamos a seção “sobre” no site do W3C lemos que o órgão é um consórcio &lt;strong&gt;internacional&lt;/strong&gt; onde membros da organização, uma equipe fixa e o público em geral trabalham para desenvolver padrões para a internet. Daí vem a pergunta que revela uma certa injustiça: por que as versões normativas dos documentos só são divulgadas em inglês?&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-113559823091594995?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/113559823091594995/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=113559823091594995' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113559823091594995'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113559823091594995'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/12/w3c-injusto-ao-divulgar-padres-somente.html' title='W3C é Injusto ao Divulgar Padrões Somente em Inglês'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-113534799341084815</id><published>2005-12-23T11:24:00.000-03:00</published><updated>2006-01-11T08:51:21.526-03:00</updated><title type='text'>Os 12 Melhores Artigos e Dicas Sobre CSS de 2005</title><content type='html'>&lt;span style="font-family:verdana;"&gt;Esta é uma tradução de um post feito por &lt;/span&gt;&lt;a href="http://www.cssbeauty.com/skillshare/account.php?u=1"&gt;&lt;span style="font-family:verdana;"&gt;droppyale&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt; no &lt;/span&gt;&lt;a href="http://www.cssbeauty.com/"&gt;&lt;span style="font-family:verdana;"&gt;CSS Beauty&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt;. Uma coleta de links interessantes focando o CSS, um para cada mês :&lt;br /&gt;&lt;/span&gt;&lt;span style="color:#990000;"&gt;&lt;strong&gt;&lt;span style="color:#990000;"&gt;1&lt;/span&gt;&lt;/strong&gt; &lt;/span&gt;- &lt;a href="http://www.456bereastreet.com/archive/200501/turning_a_list_into_a_navigation_bar/"&gt;&lt;span style="font-family:verdana;"&gt;Criando uma barra de navegação a partir de uma lista&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;strong&gt;&lt;span style="color:#990000;"&gt;2&lt;/span&gt;&lt;/strong&gt; - &lt;a href="http://www.positioniseverything.net/easyclearing.html"&gt;&lt;span style="font-family:verdana;"&gt;Como limpar Floats sem usar estrutura de marcação&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;strong&gt;&lt;span style="color:#990000;"&gt;3&lt;/span&gt;&lt;/strong&gt; - &lt;a href="http://veerle.duoh.com/comments.php?id=315_0_2_0_C"&gt;&lt;span style="font-family:verdana;"&gt;Uma tabela estilizada com CSS&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;strong&gt;&lt;span style="color:#990000;"&gt;4&lt;/span&gt;&lt;/strong&gt; - &lt;a href="http://www.digital-web.com/articles/generating_dynamic_css_with_php/"&gt;&lt;span style="font-family:verdana;"&gt;Gerando CSS dinamicamente com PHP&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;strong&gt;&lt;span style="color:#990000;"&gt;5&lt;/span&gt;&lt;/strong&gt; - &lt;a href="http://www.contentwithstyle.co.uk/Articles/17/a-css-framework"&gt;&lt;span style="font-family:verdana;"&gt;Um Framework CSS&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;strong&gt;&lt;span style="color:#990000;"&gt;6&lt;/span&gt;&lt;/strong&gt; - &lt;a href="http://joshuaink.com/blog/330/avoiding-classitis"&gt;&lt;span style="font-family:verdana;"&gt;Evitando classes excessivas&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;strong&gt;&lt;span style="color:#990000;"&gt;7&lt;/span&gt;&lt;/strong&gt; - &lt;a href="http://www.digital-web.com/articles/architecting_css/"&gt;&lt;span style="font-family:verdana;"&gt;Projetando CSS&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;strong&gt;&lt;span style="color:#990000;"&gt;8&lt;/span&gt;&lt;/strong&gt; - &lt;a href="http://komodomedia.com/blog/index.php/2005/08/24/creating-a-star-rater-using-css/"&gt;&lt;span style="font-family:verdana;"&gt;Criando um ranking de estrelas com CSS&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;strong&gt;&lt;span style="color:#990000;"&gt;9&lt;/span&gt;&lt;/strong&gt; - &lt;a href="http://www.alistapart.com/articles/css3multicolumn"&gt;&lt;span style="font-family:verdana;"&gt;Introdução ao módulo Multi-Coluna do CSS3&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;strong&gt;&lt;span style="color:#990000;"&gt;10&lt;/span&gt;&lt;/strong&gt; - &lt;a href="http://www.positioniseverything.net/articles/onetruelayout/"&gt;&lt;span style="font-family:verdana;"&gt;Na busca de Um Verdadeiro Layout&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;strong&gt;&lt;span style="color:#990000;"&gt;11&lt;/span&gt;&lt;/strong&gt; - &lt;a href="http://www.tjkdesign.com/articles/liquid.asp"&gt;&lt;span style="font-family:verdana;"&gt;Uma marcação HTML limpa, vários layouts&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;strong&gt;&lt;span style="color:#990000;"&gt;12&lt;/span&gt;&lt;/strong&gt; - &lt;a href="http://artypapers.com/csshelppile/pcdtr/"&gt;&lt;span style="font-family:verdana;"&gt;Substituição de texto dinâmico com PHP + CSS&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt; &lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-113534799341084815?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/113534799341084815/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=113534799341084815' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113534799341084815'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113534799341084815'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/12/os-12-melhores-artigos-e-dicas-sobre.html' title='Os 12 Melhores Artigos e Dicas Sobre CSS de 2005'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-113449810989709089</id><published>2005-12-13T15:19:00.000-03:00</published><updated>2005-12-13T15:23:29.503-03:00</updated><title type='text'>Firefox Portátil</title><content type='html'>&lt;a href="http://photos1.blogger.com/blogger/1318/1256/1600/firefox_150px.jpg"&gt;&lt;img style="FLOAT: left; MARGIN: 0px 10px 10px 0px; CURSOR: hand" alt="" src="http://photos1.blogger.com/blogger/1318/1256/320/firefox_150px.jpg" border="0" /&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt;O Firefox é um navegador bacana, ágil, simpático e muito melhor que o Internet Explorer. Exatamente por este motivo tem muita gente usando ele. Neste mês, inclusive, ele ultrapassou a marca histórica de 10% de participação no mercado (com 85% para o I.E.).Agora, quem trabalha com muitos computadores diferentes (casa e escritório, talvez inclusive no portátil...), ou que frequentemente usa computadores públicos (faculdade, por exemplo) tem uma versão muito bacana do navegador, o Portable Firefox.O barato é que o Firefox Portátil não precisa ser instalado na máquina, ele roda diretamente de um penDrive ou até mesmo do seu iPod, mantendo o navegador com as mesmas configurações, os mesmos favoritos e até o mesmo history onde quer que você o utilize.Experimente em &lt;/span&gt;&lt;a href="http://johnhaller.com/jh/mozilla/portable_firefox/deer_park/"&gt;&lt;span style="font-family:verdana;"&gt;http://johnhaller.com/jh/mozilla/portable_firefox/deer_park/&lt;/span&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-113449810989709089?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/113449810989709089/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=113449810989709089' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113449810989709089'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113449810989709089'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/12/firefox-porttil.html' title='Firefox Portátil'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-113441525469054230</id><published>2005-12-12T16:10:00.000-03:00</published><updated>2005-12-12T16:31:16.673-03:00</updated><title type='text'>Os Principais Erros Cometidos em Sites</title><content type='html'>&lt;span style="font-family:verdana;"&gt;Sou por assim dizer um dos maiores fãs de Jackob Nielsen, ele escreveu recentemente um artigo que vale a pena dar uma olhada. Trata-se do resultado de uma pesquisa sobre os 10 maiores erros cometidos por websites em 2005.&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:verdana;"&gt;Segue abaixo uma tradução "rápida e rasteira" do artigo, que pode ser lido na íntegra em &lt;/span&gt;&lt;a href="http://www.useit.com"&gt;&lt;span style="font-family:verdana;"&gt;www.useit.com&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:verdana;"&gt;&lt;strong&gt;&lt;/strong&gt;&lt;/span&gt;&lt;span style="font-family:verdana;"&gt;&lt;strong&gt;&lt;span style="color:#cc0000;"&gt;Problemas de Legibilidade&lt;/span&gt;&lt;br /&gt;&lt;/strong&gt;Fontes ruins encabeçam a lista de problemas. Quase dois terços dos votantes reclamaram à respeito de fontes muito pequenas. Um terço reclamou sobre o baixo contraste de cores entre as fontes e o background.&lt;br /&gt;&lt;strong&gt;&lt;br /&gt;&lt;span style="color:#cc0000;"&gt;Links não-padronizados&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;As principais regras na utilização de links são:&lt;br /&gt;Torne óbvio o que é clicável: Para links de texto, use cor e sublinhado (e não sublinhe textos que não sejam links).&lt;br /&gt;Diferencie links visitados e não-visitados. Explique o que os usuários vão encontrar atrás de cada link, e inclua alguns termos-chave no texto do link em sí (não use "clique aquí" ou outros textos não-descritivos).&lt;br /&gt;Evite técnicas que quebrem a interação padrão entre links. Em particular, não abra páginas em novas janelas (excto para exibir PDF e afins)&lt;br /&gt;Links são o elemento número 1 de interação na Web. Violar expectativas comuns de como links funcionam são certeza de confusão e atraso por parte dos usuários.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;&lt;span style="color:#cc0000;"&gt;Flash&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;Flash deve ser utilizado para oferecer aos usuários poder e recursos adicionais que não são possíveis em uma página estática.O Flash não deve ser utilizado para "dar uma melhorada" em uma página. Se seu conteúdo é chato, reescreva os textos para torná-los mais interessantes e contrate um profissional para tirar fotos melhores.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;&lt;span style="color:#cc0000;"&gt;Conteúdo que não é escrito para a Web&lt;/span&gt;&lt;br /&gt;&lt;/strong&gt;Escrever pra web significa fazer o conteúdo curto e direto ao ponto. Conteúdo para a web também deve responder às questões dos usuários e usar uma linguagem comum ao invés de termos polidos e frases feitas.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;&lt;span style="color:#cc0000;"&gt;Busca ruim&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;Tudo mais nesta lista é bastante simples de se fazer direito, mas infelizmente corrigir problemas em sistemas de busca requer um trabalho considerável e investimento em software melhor. Vale a pena fazer, porque a busca é um componente fundamental da experiência do usuário com a web e está se tornando mais importante a cada ano.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;&lt;span style="color:#cc0000;"&gt;Incompatibilidade entre navegadores&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;span style="color:#cc0000;"&gt; &lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:verdana;"&gt;Hoje pessoas em número razoável utilizam browsers alternativos como o Firefox (e vários outros como Opera e Safari). Não despreze consumidores simplesmente porque eles preferem uma outra plataforma.&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="color:#cc0000;"&gt;&lt;span style="font-family:verdana;"&gt;&lt;strong&gt;Formulários Trabalhosos&lt;/strong&gt;&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-family:verdana;"&gt;Formulários são usados com muita frequencia na Web e tendem a ser muito grandes, com muitas questões e opções desnecessárias.Existem cinco regras para resolver estes problemas:&lt;br /&gt;Corte quaisquer questões não necessárias. Por exemplo, é realmente necessário que se escolha um cumprimento (Sr./Sra./Srta./etc.)?&lt;br /&gt;Não torne campos obrigatórios a não ser que eles verdadeiramente sejam.&lt;br /&gt;Suporte o recurso de auto-preenchimento (autofill) ao máximo evitando nomes de campos incomuns (use apenas Nome, Endereço, etc.)&lt;br /&gt;Defina o foco do teclado para o primeiro campo quando o formulário é exibido.&lt;br /&gt;Permita a digitação flexível de números de telefones, cartões de crédito e outros. É fácil fazer com que o computador elimine caracteres como parênteses e espaços adicionais.&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="color:#cc0000;"&gt;&lt;span style="font-family:verdana;"&gt;&lt;strong&gt;Falta de informações de contato&lt;/strong&gt;&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-family:verdana;"&gt;Mesmo que números de telefone e endereços de email sejam os meios de contato mais requeridos, ter um endereço físico para correspondencia no site pode ser mais importante porque é um elemento-chave para criar credibilidade.&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:verdana;color:#cc0000;"&gt;&lt;strong&gt;Layouts com largura fixa&lt;/strong&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:verdana;"&gt;Em monitores grandes, websites são difíceis de utilizar se eles não redimensionam a janela. De maneira análoga, se usuários tem um monitor pequeno e a página não utiliza um layout fluído, podem aparecer as tão indesejáveis barras de rolagem horizontais.&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="color:#cc0000;"&gt;&lt;span style="font-family:verdana;"&gt;&lt;strong&gt;Ampliação inadequada de fotos&lt;/strong&gt;&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-family:verdana;"&gt;Uma das regras mais comuns para usabilidade em comércio eletronico é oferecer aos usuários a possibilidade de ampliar fotos de produtos. O pior erro é quando o usuário clica em "Aumentar foto" e o site simplesmente exibe a mesma foto numa nova janela. &lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-113441525469054230?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/113441525469054230/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=113441525469054230' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113441525469054230'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113441525469054230'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/12/os-principais-erros-cometidos-em-sites.html' title='Os Principais Erros Cometidos em Sites'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-113433734512163618</id><published>2005-12-11T18:38:00.000-03:00</published><updated>2005-12-11T18:45:12.593-03:00</updated><title type='text'>Firefox é Foda !</title><content type='html'>&lt;a href="http://photos1.blogger.com/blogger/1318/1256/1600/estrelafirefox.jpg"&gt;&lt;img style="FLOAT: left; MARGIN: 0px 10px 10px 0px; CURSOR: hand" alt="" src="http://photos1.blogger.com/blogger/1318/1256/320/estrelafirefox.jpg" border="0" /&gt;&lt;/a&gt; &lt;span style="font-family:verdana;"&gt;Uma foto, tirada pelo telescópio espacial Hubble, da estrela V838 mostra que o astro ficou impressionantemente parecida com o logotipo do navegador &lt;/span&gt;&lt;a href="http://www.getfirefox.com/" target="_self"&gt;&lt;span style="font-family:verdana;"&gt;Firefox&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt;. A V838 é um de um tipo recém descoberto de estrela, que muda sua aparência de tempos em tempos. As chamadas estrelas variáveis podem mudar a sua intensidade do seu brilho em questão de segundos, ou levar muitos e muitos anos para tal. Entretanto, a V838 mudou completamente sua aparência nos últimos meses. “Normalmente eventos astronômicos acontecem durante espaços de tempos enormes, é muito raro testemunhar mudanças significativas em objetos individuais durante a vida de um só ser humano,” diz a estudante de doutorado da Universidade de Cape Town, Lisa Crause, que trabalha no Observatório Astronômico da África do Sul.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-113433734512163618?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/113433734512163618/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=113433734512163618' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113433734512163618'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113433734512163618'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/12/firefox-foda.html' title='Firefox é Foda !'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-113431093964094035</id><published>2005-12-11T11:10:00.000-03:00</published><updated>2005-12-11T11:44:01.830-03:00</updated><title type='text'>Politica de Acessibilidade Adotada no Brasil</title><content type='html'>&lt;span style="font-family:verdana;"&gt;Segundo estimativas de Fletcher, existem 500 milhões de pessoas deficientes no mundo - um décimo da raça humana. Estima-se que, se o impacto em suas famílias for considerado, 50% da população é afetada. O censo de 1995, realizado pelo governo americano, entretanto, contradiz essa estimativa por ter identificação 20% de sua população (na época, 54 milhões de pessoas) como portadores de algum tipo de deficiência.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:verdana;"&gt;No Brasil, por não haver dados estitísticos confiáveis e/ou atualizados, as entidades públicas e privadas dedicadas aos problemas desse grupo populacional adotam o percentual estimado de 10%, equivalente a quase 17 milhões de brasileiros (calculados a partir da população total aferida pelo &lt;span style="color:#990000;"&gt;Instituto Brasileiro de Geagrafia e Estatística&lt;/span&gt; - &lt;span style="color:#990000;"&gt;IBGE&lt;/span&gt;, no censo de 2000). &lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-113431093964094035?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/113431093964094035/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=113431093964094035' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113431093964094035'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113431093964094035'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/12/politica-de-acessibilidade-adotada-no.html' title='Politica de Acessibilidade Adotada no Brasil'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-113380675042422496</id><published>2005-12-05T15:16:00.000-03:00</published><updated>2005-12-05T15:19:26.066-03:00</updated><title type='text'>Wireframe, documento cada vez mais importante</title><content type='html'>&lt;span style="font-family:verdana;"&gt;Aliado ao sitemap, o wireframe é um documento que se torna cada vez mais fundamental para o trabalho do arquiteto de informação, apesar de não ser (e nem pretender ser) uma régua de estilos para o layout e a criação das páginas de um site, como é erroneamente interpretado por muitos webdesigners. Sua função é estruturar o conteúdo de cada página, indicando o peso e relevância de cada elemento do layout e sua relação com os demais elementos formadores do todo. &lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-113380675042422496?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/113380675042422496/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=113380675042422496' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113380675042422496'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113380675042422496'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/12/wireframe-documento-cada-vez-mais_05.html' title='Wireframe, documento cada vez mais importante'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-113364769965953279</id><published>2005-12-03T19:02:00.000-03:00</published><updated>2005-12-03T19:08:20.276-03:00</updated><title type='text'>Teste Automático de Acessibilidade e Validação de Código</title><content type='html'>&lt;span style="font-family:verdana;"&gt;Existem ferramentas automáticas, disponíveis gratuítamente na Web, que avaliam a acessibilidade de páginas web, por meio de análise estátistica dessas páginas, e geram relatórios com observações sobre a avaliação. Essas ferramentas são úteis tanto aos projetistas de sítes quanto aos auditores responsáveis pela avaliação de acessibilidade de portais web governamentais.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-113364769965953279?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/113364769965953279/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=113364769965953279' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113364769965953279'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113364769965953279'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/12/teste-automtico-de-acessibilidade-e.html' title='Teste Automático de Acessibilidade e Validação de Código'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-113184380609680462</id><published>2005-11-12T21:59:00.000-03:00</published><updated>2005-11-17T09:26:56.216-03:00</updated><title type='text'>A Usabilidade sai da Academia e vai ao Mercado</title><content type='html'>&lt;span style="font-family:verdana;"&gt;Ocorreu na quinta-feira, 3 de novembro, o primeiro WUD brasileiro. Este evento marca o início da discussão de questões de usabilidade no Brasil. Embora o tema já seja discutido há um bom tempo em outros eventos regulares – mas de uma maneira um tanto quanto ortodoxa – o WUD procura trazer aquilo que é desenvolvido e pesquisado no meio acadêmico para as necessidades do mercado. &lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-113184380609680462?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/113184380609680462/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=113184380609680462' title='2 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113184380609680462'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113184380609680462'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/11/usabilidade-sai-da-academia-e-vai-ao.html' title='A Usabilidade sai da Academia e vai ao Mercado'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-113136881375770545</id><published>2005-11-07T10:05:00.000-03:00</published><updated>2005-11-07T10:13:44.203-03:00</updated><title type='text'>Web 2.0: o futuro da internet</title><content type='html'>&lt;span style="font-family:verdana;"&gt;Acabou de ser publicado no &lt;/span&gt;&lt;a href="http://www.carreirasolo.org/"&gt;&lt;span style="font-family:verdana;"&gt;Carreirasolo&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt; um artigo escrito a dez mãos sobre esta tendência que está tomando bastante terreno e pretende mudar a cara da web como conhecemos hoje. Hoje ela é representada por serviços inovadores como o &lt;/span&gt;&lt;a href="http://www.flickr.com/"&gt;&lt;span style="font-family:verdana;"&gt;Flickr&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt;, &lt;/span&gt;&lt;a href="http://www.basecamphq.com/"&gt;&lt;span style="font-family:verdana;"&gt;Basecamp&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt; e &lt;/span&gt;&lt;a href="http://www.writeboard.com/"&gt;&lt;span style="font-family:verdana;"&gt;Writeboard&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt; que oferecem uma forma diferente de se relacionar com as informações e com os outros usuários. Nestes sistemas tudo é muito simples, desde a classificação das fotos no &lt;/span&gt;&lt;a href="http://www.flickr.com/"&gt;&lt;span style="font-family:verdana;"&gt;Flickr&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt; usando tags até a criação de artigo por cinco pessoas.&lt;br /&gt;&lt;/span&gt;&lt;span style="font-family:verdana;"&gt;Não deixe de conferir!&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-113136881375770545?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/113136881375770545/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=113136881375770545' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113136881375770545'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/113136881375770545'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/11/web-20-o-futuro-da-internet.html' title='Web 2.0: o futuro da internet'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112948029760763789</id><published>2005-10-16T13:22:00.000-03:00</published><updated>2005-10-18T21:15:39.490-03:00</updated><title type='text'>Aplicação de Questionários de Satisfação do Usuário</title><content type='html'>&lt;span style="font-family:verdana;"&gt;Os questionários permitem ao avaliador conhecer as experiências, opiniões e preferências dos usuários ap utilizarem um determinado sistema. Nesse método de auditoria de portais web, foi desenvolvido um questionário online de satisfação acessível aos usuários participantes. Outra alternativa seria adaptar questionários de satisfação existentes, como &lt;span style="color:#990000;"&gt;Software Usability Measurement Inventoty&lt;/span&gt; (SUMI), &lt;span style="color:#990000;"&gt;Questionnaire for User Interface Satisfaction&lt;/span&gt; (QUIS) e &lt;span style="color:#990000;"&gt;Web Analysis and MeasureMent Inventory&lt;/span&gt; (WAMMI).&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112948029760763789?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112948029760763789/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112948029760763789' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112948029760763789'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112948029760763789'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/10/aplicao-de-questionrios-de-satisfao-do.html' title='Aplicação de Questionários de Satisfação do Usuário'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112845459422547829</id><published>2005-10-04T16:32:00.000-03:00</published><updated>2005-10-04T16:36:34.233-03:00</updated><title type='text'>Definição de Acessibilidade</title><content type='html'>&lt;span style="font-family:verdana;"&gt;No contexto da informática, o termo acessibilidade é frequentemente associado à capacidade de um software padrão ser acessado e usado por pessoas com necessidades especiais, mesmo que a forma de uso não seja idêntica para todos.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112845459422547829?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112845459422547829/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112845459422547829' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112845459422547829'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112845459422547829'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/10/definio-de-acessibilidade.html' title='Definição de Acessibilidade'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112816799238621766</id><published>2005-10-01T08:49:00.000-03:00</published><updated>2005-10-17T13:41:45.430-03:00</updated><title type='text'>Design Universal</title><content type='html'>&lt;span style="font-family:verdana;"&gt;É o processo de criar produtos, comercialmente viáveis, que possam ser usados por pessoas com as mais variadas habilidades, operando em situações (ambientes, condições e circunstâncias), as mais amplas possíveis.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:verdana;"&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:verdana;"&gt;&lt;span style="color:#000000;"&gt;&lt;strong&gt;Alguns princípios que suportam o design universal&lt;/strong&gt;&lt;/span&gt;:&lt;/span&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;span style="font-family:verdana;color:#990000;"&gt;Uso equitativo&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-family:verdana;color:#990000;"&gt;Flexibilidade no uso&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-family:verdana;color:#990000;"&gt;Uso simples e intuitivo&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-family:verdana;color:#990000;"&gt;Informação perceptível&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-family:verdana;color:#990000;"&gt;Tolerância a falhas&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-family:verdana;color:#990000;"&gt;Baixo esforço físico&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-family:verdana;color:#990000;"&gt;Tamanho e espaço para aproximação e uso&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112816799238621766?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112816799238621766/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112816799238621766' title='20 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112816799238621766'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112816799238621766'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/10/design-universal.html' title='Design Universal'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>20</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112769774492023901</id><published>2005-09-28T22:13:00.000-03:00</published><updated>2005-10-13T22:35:19.170-03:00</updated><title type='text'>O Blog no Opera</title><content type='html'>&lt;a href="http://photos1.blogger.com/blogger/1318/1256/1600/screenshots_opera3.jpg"&gt;&lt;img style="FLOAT: left; MARGIN: 0px 10px 10px 0px; CURSOR: hand" alt="" src="http://photos1.blogger.com/blogger/1318/1256/200/screenshots_opera3.jpg" border="0" /&gt;&lt;/a&gt; &lt;span style="font-family:verdana;"&gt;A internet é fantástica procurando um navegador para testar o blog que não fosse o &lt;span style="color:#990000;"&gt;&lt;strong&gt;IE&lt;/strong&gt;&lt;/span&gt;&lt;span style="color:#000000;"&gt;,&lt;/span&gt; eu achei um sítio interessante, ele testa a sua página em vários navegadores como &lt;span style="color:#990000;"&gt;&lt;strong&gt;Firefox&lt;/strong&gt;&lt;/span&gt;, &lt;strong&gt;&lt;span style="color:#990000;"&gt;O&lt;/span&gt;&lt;span style="color:#990000;"&gt;pera&lt;/span&gt;&lt;/strong&gt;, &lt;span style="color:#990000;"&gt;&lt;strong&gt;Mozilla&lt;/strong&gt;&lt;span style="color:#000000;"&gt;,&lt;/span&gt;&lt;strong&gt; Safari&lt;/strong&gt;&lt;/span&gt; e outros, ele esta na versão &lt;strong&gt;&lt;span style="color:#990000;"&gt;BETA&lt;/span&gt;&lt;/strong&gt;.Testei o blog no Opera e vejam como ficou. &lt;/span&gt;&lt;br /&gt;&lt;div align="left"&gt;&lt;span style="font-family:verdana;"&gt;O endereço do sítio é &lt;/span&gt;&lt;a href="http://www.browsershots.org"&gt;&lt;span style="font-family:verdana;"&gt;www.browsershots.org&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112769774492023901?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112769774492023901/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112769774492023901' title='5 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112769774492023901'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112769774492023901'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/09/o-blog-no-opera.html' title='O Blog no Opera'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>5</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112776377134546128</id><published>2005-09-26T16:33:00.000-03:00</published><updated>2005-10-03T17:52:14.946-03:00</updated><title type='text'>Tabela de Referência CSS</title><content type='html'>&lt;a href="http://photos1.blogger.com/blogger/1318/1256/1600/css_sheet1.gif"&gt;&lt;img style="FLOAT: left; MARGIN: 0px 10px 10px 0px; CURSOR: hand" alt="" src="http://photos1.blogger.com/blogger/1318/1256/320/css_sheet.gif" border="0" /&gt;&lt;/a&gt; &lt;span style="font-family:verdana;"&gt;Quando eu vi esta &lt;/span&gt;&lt;a href="http://www.ilovejackdaniels.com/css/css-cheat-sheet/"&gt;&lt;span style="font-family:verdana;"&gt;página&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt; pela primeira vez eu pensei em fazer apenas uma referência a ela ali nos links, mas depois de olhar com mais calma eu percebi que ela merecia estar ocupando este espaço como um post.&lt;br /&gt;A sua concepção foi simplesmente genial. Como você sabe, a especificação da &lt;strong&gt;&lt;span style="color:#990000;"&gt;CSS 2.1&lt;/span&gt;&lt;/strong&gt; contém uma série de propriedades que raramente são usadas pelo fato de poucas pessoas terem o conhecimento da sua existência. Pois é, para aqueles que procuram uma tabela de referência rápida que contenha todas as propriedades da &lt;strong&gt;&lt;span style="color:#990000;"&gt;CSS 2.1&lt;/span&gt;&lt;/strong&gt; esta "&lt;strong&gt;&lt;span style="color:#990000;"&gt;CSS Cheat Sheet&lt;/span&gt;&lt;/strong&gt;" é uma verdadeira mão na roda.&lt;br /&gt;Além das propriedades ela lista os seguintes itens:&lt;br /&gt;&lt;span style="color:#990000;"&gt;1- &lt;span style="color:#990000;"&gt;Sintaxe&lt;br /&gt;&lt;/span&gt;2- Seletores&lt;br /&gt;3- Pseudo-seletores&lt;br /&gt;4- Tipos de media&lt;br /&gt;5- Diagrama explicando o box model&lt;br /&gt;6- Lista das unidades&lt;br /&gt;7- Propriedades que são herdadas&lt;br /&gt;&lt;/span&gt;Eu gostei particularmente da seção que explica os diversos seletores existentes. Esta é uma área que gera grande dúvida naqueles que estão começando a usar a linguagem. Eu já imprimi esta tabela e sugiro que você faça o mesmo e deixe perto do seu computador sempre que for escrever um código &lt;strong&gt;&lt;span style="color:#990000;"&gt;CSS&lt;/span&gt;&lt;/strong&gt;, pois ela certamente te ajudará.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112776377134546128?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112776377134546128/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112776377134546128' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112776377134546128'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112776377134546128'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/09/tabela-de-referncia-css.html' title='Tabela de Referência CSS'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112743079471127650</id><published>2005-09-22T20:08:00.000-03:00</published><updated>2005-09-22T20:14:54.130-03:00</updated><title type='text'>Portais Horizontais vs Verticais</title><content type='html'>&lt;span style="font-family:verdana;"&gt;&lt;strong&gt;&lt;span style="color:#cc0000;"&gt;Portais Horizontais&lt;/span&gt;&lt;/strong&gt; : Voltados a toda e qualquer pessoa que busque informações de interesse geral.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:verdana;"&gt;&lt;strong&gt;&lt;span style="color:#cc0000;"&gt;Portais Verticais ou Portais Segmentados&lt;/span&gt;&lt;/strong&gt; : Geralmente destinados a um público predefinido.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112743079471127650?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112743079471127650/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112743079471127650' title='2 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112743079471127650'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112743079471127650'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/09/portais-horizontais-vs-verticais.html' title='Portais Horizontais vs Verticais'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112715740535395381</id><published>2005-09-19T16:07:00.000-03:00</published><updated>2005-10-03T18:03:26.706-03:00</updated><title type='text'>Capa de Revista</title><content type='html'>&lt;span style="font-family:verdana;"&gt;O principal objetivo comercial de uma capa é fazer com que você escolha uma revista no meio de centenas de outras existentes na banca de jornal. No entanto, os usuários não vêem a homepage antes de optarem por um website e visita-lo. Portanto, as homepages não precisam se mostrar e atrair a atenção do usuário porque o usuário já estará olhando para elas. A segunda missão de uma capa de revista é definir, o conteúdo, o estilo e outros ítens contidos na revista. &lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112715740535395381?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112715740535395381/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112715740535395381' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112715740535395381'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112715740535395381'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/09/capa-de-revista.html' title='Capa de Revista'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112713335786497254</id><published>2005-09-19T09:26:00.000-03:00</published><updated>2005-10-03T18:04:29.600-03:00</updated><title type='text'>Acessibilidade na Fundação Cultural Tancredo Neves</title><content type='html'>&lt;div align="left"&gt;&lt;span style="font-family:verdana;"&gt;Fiquei satisfeito em saber que o sítio da &lt;strong&gt;&lt;span style="color:#cc0000;"&gt;Fundação Cultural Tancredo Neves do Estado do Pará&lt;/span&gt;&lt;/strong&gt;, esta tendo como padrão a Acessibilidade isso é muito interessante, meus parabéns !!&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div align="right"&gt;&lt;span style="font-family:verdana;"&gt;Fundação Tancredo Neves - &lt;em&gt;&lt;a href="http://www.fcptn.pa.gov.br"&gt;http://www.fcptn.pa.gov.br&lt;/a&gt;&lt;/em&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112713335786497254?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112713335786497254/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112713335786497254' title='3 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112713335786497254'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112713335786497254'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/09/acessibilidade-na-fundao-cultural.html' title='Acessibilidade na Fundação Cultural Tancredo Neves'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112681602864149751</id><published>2005-09-15T17:21:00.000-03:00</published><updated>2005-10-03T18:04:58.033-03:00</updated><title type='text'>Interação Humano Computador</title><content type='html'>&lt;span style="font-family:verdana;"&gt;Promover a interação entre pesquisadores, profissionais e alunos de IHC (Interação Humano-Computador) no Brasil. Incentivar o trabalho interdisciplinar envolvendo Ciência da Computação, Artes, Design, Ergonomia, Psicologia, Sociologia, Semiótica, Lingüística, e áreas afins.&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:verdana;"&gt;&lt;strong&gt;&lt;span style="color:#cc0000;"&gt;O Que é o IHC&lt;/span&gt;&lt;/strong&gt; ?&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:verdana;"&gt;Interação Humano-Computador (IHC) é uma área de pesquisa dedicada a estudar os fenômenos de comunicação entre pessoas e sistemas computacionais.&lt;/span&gt;&lt;br /&gt;&lt;div align="right"&gt;&lt;span style="font-family:Verdana;"&gt;&lt;br /&gt;Artigo do sítio IHC Brasil - &lt;a href="http://www.serg.inf.puc-rio.br"&gt;&lt;em&gt;www.serg.inf.puc-rio.br&lt;/em&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112681602864149751?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112681602864149751/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112681602864149751' title='3 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112681602864149751'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112681602864149751'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/09/interao-humano-computador.html' title='Interação Humano Computador'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112674043577215147</id><published>2005-09-14T20:17:00.000-03:00</published><updated>2005-10-03T18:05:31.006-03:00</updated><title type='text'>O Propósito Básico</title><content type='html'>&lt;span style="font-family:verdana;"&gt;O propósito básico do contraste é duplo, e seus dois objetos são unificados. Um deles é criar interesse sobre uma página; se ela tiver uma aparência interessante, atrairá mais a leitura. O outro é auxiliar na organização das informações. O leitor deveria ser capaz de compreender instataneamente a maneira através da qual as informações são estruturadas, o fluxo lógico de um ítem para outro. Os elementos contrastantes nunca deveriam confundir o leitor ou criar um foco que não seja o correto.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112674043577215147?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112674043577215147/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112674043577215147' title='2 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112674043577215147'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112674043577215147'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/09/o-propsito-bsico.html' title='O Propósito Básico'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112655948011372391</id><published>2005-09-12T17:59:00.000-03:00</published><updated>2005-10-03T18:05:51.673-03:00</updated><title type='text'>World Wide Web</title><content type='html'>&lt;span style="font-family:verdana;"&gt;A &lt;strong&gt;&lt;span style="color:#cc0000;"&gt;World Wide Web&lt;/span&gt;&lt;/strong&gt;, assim como outros serviços oferecidos na internet, é capaz de dar oportunidade, a qualquer pessoa, de participar da nova era da informação oferecendo benefícios, em particular às pessoas com necessidades especiais. Não há dúvida de que as oportunidades de comunicação e de aquisição de informação por pessoas portadoras de deficiências aumentam significativamente com a internet, desde que seja acessível.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112655948011372391?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112655948011372391/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112655948011372391' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112655948011372391'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112655948011372391'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/09/world-wide-web.html' title='World Wide Web'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112646088604281352</id><published>2005-09-11T14:42:00.000-03:00</published><updated>2005-09-19T13:35:12.246-03:00</updated><title type='text'>O Formulário de Contato: Design e Usabilidade</title><content type='html'>&lt;span style="font-family:verdana;"&gt;Diferente dos tradicionais formulário de alguns sítios, que pedem apenas " &lt;span style="color:#000000;"&gt;nome&lt;/span&gt;, &lt;span style="color:#000000;"&gt;e-mail&lt;/span&gt; e mensagem ", um formulário completo de uma grande empresa ou de um orgão público precisa, comportar todas a informações do cliente que a empresa ou orgão público julgue necessárias para futuras respostas.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112646088604281352?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112646088604281352/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112646088604281352' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112646088604281352'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112646088604281352'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/09/o-formulrio-de-contato-design-e.html' title='O Formulário de Contato: Design e Usabilidade'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112595366545193993</id><published>2005-09-05T17:52:00.000-03:00</published><updated>2005-10-03T18:06:16.976-03:00</updated><title type='text'>Redesigns São Mais Fáceis</title><content type='html'>&lt;span style="font-family:verdana;"&gt;Removendo os dados de formatação de nossas páginas, refazê-las se torna um trabalho &lt;strong&gt;&lt;span style="color:#cc0000;"&gt;muito menos intenso&lt;/span&gt;&lt;/strong&gt; (e &lt;strong&gt;&lt;span style="color:#cc0000;"&gt;mais barato&lt;/span&gt;&lt;/strong&gt;). Para mudar o layout do sítio, tudo o que você precisa fazer é alterar a folha de estilo (&lt;strong&gt;&lt;span style="color:#cc0000;"&gt;CSS&lt;/span&gt;&lt;/strong&gt;); você &lt;strong&gt;&lt;span style="color:#ff0000;"&gt;&lt;span style="color:#cc0000;"&gt;não&lt;/span&gt; &lt;/span&gt;&lt;/strong&gt;precisa editar todas as páginas do site novamente.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112595366545193993?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112595366545193993/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112595366545193993' title='2 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112595366545193993'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112595366545193993'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/09/redesigns-so-mais-fceis.html' title='Redesigns São Mais Fáceis'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112595281490873541</id><published>2005-09-05T17:38:00.000-03:00</published><updated>2005-10-03T18:06:37.423-03:00</updated><title type='text'>Todas as Páginas Estão Parecidas</title><content type='html'>&lt;span style="font-family:verdana;"&gt;Utilizando os padrões Web torna-se extremamente fácil manter a consistência visual de um sítio. Todas as páginas usam o mesmo arquivo &lt;strong&gt;&lt;span style="color:#cc0000;"&gt;CSS&lt;/span&gt;&lt;/strong&gt; que configura cores, tamanhos e posições para os textos e demais objetos, deixando-as formatadas da mesma maneira.&lt;br /&gt;Isto deixa o seu site muito mais usável.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112595281490873541?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112595281490873541/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112595281490873541' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112595281490873541'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112595281490873541'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/09/todas-as-pginas-esto-parecidas.html' title='Todas as Páginas Estão Parecidas'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112595266999906027</id><published>2005-09-05T17:37:00.000-03:00</published><updated>2005-10-03T18:06:57.243-03:00</updated><title type='text'>O Google é Cego</title><content type='html'>&lt;span style="font-family:verdana;"&gt;Falando de acessibilidade: minimizar a código e usar corretamente as tags de cabeçalho (h1, h2 etc) são métodos que ajudam a melhorar o seu ranking em ferramentas de busca.&lt;br /&gt;Reduzir a proporção do código em relação ao conteúdo, usar palavras-chave em suas tags de cabeçalho, e substituir GIFs por texto normal é uma grande ajuda para que o seu site apareça melhor nos resultados das pesquisas.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112595266999906027?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112595266999906027/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112595266999906027' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112595266999906027'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112595266999906027'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/09/o-google-cego.html' title='O Google é Cego'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112569473496378505</id><published>2005-09-02T17:57:00.000-03:00</published><updated>2005-10-03T18:07:20.576-03:00</updated><title type='text'>A Marcação XHTML para Mecanismos de Navegação</title><content type='html'>&lt;span style="font-family:verdana;"&gt;&lt;span style="font-size:100%;"&gt;A&lt;/span&gt;s Web Standards recomendam que mecanismos de navegação, ou seja, grupo de links, sejam marcados no código do documento Web com o elemento lista. Tal recomendação visa a incrementar a acessibilidade além de trazer outros benefícios.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112569473496378505?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112569473496378505/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112569473496378505' title='13 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112569473496378505'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112569473496378505'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/09/marcao-xhtml-para-mecanismos-de.html' title='A Marcação XHTML para Mecanismos de Navegação'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>13</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112569378279797290</id><published>2005-09-02T17:40:00.000-03:00</published><updated>2005-10-03T18:07:41.463-03:00</updated><title type='text'>O Que Esta na Moda</title><content type='html'>&lt;span style="font-family:verdana;"&gt;&lt;span style="font-size:100%;"&gt;V&lt;/span&gt;eja bem, o jeito correto de se construir páginas web hoje é usar o &lt;strong&gt;&lt;span style="color:#cc0000;"&gt;HTML&lt;/span&gt;&lt;/strong&gt; para estruturar seu conteúdo e formatá-lo via &lt;strong&gt;&lt;span style="color:#cc0000;"&gt;CSS&lt;/span&gt;&lt;/strong&gt;. Se você não conhece bem &lt;strong&gt;&lt;span style="color:#cc0000;"&gt;CSS&lt;/span&gt;&lt;/strong&gt;, já está alguns anos atrasado. É hora de correr atrás do prejuízo.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112569378279797290?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112569378279797290/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112569378279797290' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112569378279797290'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112569378279797290'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/09/o-que-esta-na-moda.html' title='O Que Esta na Moda'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112560410583096363</id><published>2005-09-01T16:44:00.000-03:00</published><updated>2005-10-03T18:08:02.046-03:00</updated><title type='text'>O Bom, o Mal e o Sensato</title><content type='html'>&lt;span style="font-family:verdana;"&gt;&lt;span style="font-size:100%;"&gt;DHTML&lt;/span&gt; não é acessível a quem não tiver um browser moderno, e, dependendo de como você o projetou, a quem não possui as mesmas habilidades que você. Isso pode ter uma série de implicações indesejadas. Um deficiente visual usando um leitor de tela pode não conseguir entrar no site se você não fornecer um substituto para o menu DHTML. O Google pode não conseguir indexar suas páginas se seu robozinho não encontrar um link comum para elas (o que pode acontecer se você, por exemplo, criou um esquema de navegação esotérico com DHTML).&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112560410583096363?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112560410583096363/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112560410583096363' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112560410583096363'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112560410583096363'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/09/o-bom-o-mal-e-o-sensato.html' title='O Bom, o Mal e o Sensato'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112560363119552833</id><published>2005-09-01T16:37:00.000-03:00</published><updated>2005-10-03T18:08:33.930-03:00</updated><title type='text'>O Que Você Precisa Saber</title><content type='html'>&lt;span style="font-family:verdana;"&gt;&lt;span style="font-size:100%;color:#cc0000;"&gt;&lt;strong&gt;DOM&lt;/strong&gt;&lt;/span&gt; significa &lt;strong&gt;&lt;span style="color:#cc0000;"&gt;Document Object Model&lt;/span&gt;&lt;/strong&gt;. Não é uma linguagem. É uma interface, uma maneira de acessar através de javascript elementos criados pelas linguagens HTML e CSS.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112560363119552833?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112560363119552833/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112560363119552833' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112560363119552833'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112560363119552833'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/09/o-que-voc-precisa-saber.html' title='O Que Você Precisa Saber'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112534782363799646</id><published>2005-08-29T17:36:00.000-03:00</published><updated>2005-10-03T18:08:54.096-03:00</updated><title type='text'>A Salvação Está à Mão</title><content type='html'>&lt;span style="font-family:verdana;"&gt;&lt;span style="font-size:100%;"&gt;B&lt;/span&gt;rowsers modernos são muito melhores para renderizar os padrões web, por isso não precisamos mais utilizar estes métodos arcaicos.&lt;br /&gt;No lugar de aninhar tabelas dentro de tabelas, e encher celulas vazias com gifs transparentes, nós podemos usar simples marcações &lt;strong&gt;&lt;span style="color:#cc0000;"&gt;HTML&lt;/span&gt;&lt;/strong&gt; e &lt;strong&gt;&lt;span style="color:#cc0000;"&gt;CSS&lt;/span&gt;&lt;/strong&gt; para formatar belos sites, que são rápidos para carregar, fáceis de redesenhar, e muito mais acessíveis para todos.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112534782363799646?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112534782363799646/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112534782363799646' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112534782363799646'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112534782363799646'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/08/salvao-est-mo.html' title='A Salvação Está à Mão'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112500198051160040</id><published>2005-08-25T17:29:00.000-03:00</published><updated>2005-10-03T18:09:14.336-03:00</updated><title type='text'>O Problema</title><content type='html'>&lt;span style="font-family:verdana;"&gt;&lt;span style="font-size:100%;"&gt;Apesar dos principais browsers terem sido envolvidos na criação de Web Standards desde a formação do &lt;span style="color:#cc0000;"&gt;&lt;a href="http://www.w3c.org"&gt;W3C&lt;/a&gt;&lt;/span&gt;, durante muitos anos o seguimento dessas regras não foi levada em conta. Ao lançar browsers que não suportavam os standards uniformemente, os fabricantes fragmentaram desnecessariamente a Web, prejudicando designers, programadores, usuários e empresas.&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112500198051160040?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112500198051160040/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112500198051160040' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112500198051160040'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112500198051160040'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/08/o-problema.html' title='O Problema'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112446656809028910</id><published>2005-08-19T12:47:00.000-03:00</published><updated>2005-09-19T13:40:17.590-03:00</updated><title type='text'>CSS e Marcação Estruturada</title><content type='html'>&lt;span style="font-family:verdana;"&gt;&lt;span style="font-size:100%;"&gt;U&lt;/span&gt;sando marcação estruturada e &lt;span style="color:#cc0000;"&gt;&lt;strong&gt;Cascading Style Sheets&lt;/strong&gt;&lt;/span&gt; em nossas páginas, podemos manter o conteúdo separado da formatação.&lt;br /&gt;Com isto temos várias vantagens sobre o uso de tabelas.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112446656809028910?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112446656809028910/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112446656809028910' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112446656809028910'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112446656809028910'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/08/css-e-marcao-estruturada.html' title='CSS e Marcação Estruturada'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112370493578900122</id><published>2005-08-10T17:13:00.000-03:00</published><updated>2005-10-03T18:09:36.290-03:00</updated><title type='text'>Tabelas Aninhadas e GIFs de Espaçamento</title><content type='html'>&lt;span style="font-family:verdana;"&gt;&lt;span style="font-size:100%;"&gt;N&lt;/span&gt;o princípio, a internet era principalmente um meio em que os acadêmicos, pesquisadores e o exército compartilhavam informações. Entretanto, não demorou muito para que os visionários empresariais percebecem que este era um excelente meio para se vender qualquer coisa, de produtos frescos e cachorros quentes até carros usados e equipamentos esportivos.&lt;br /&gt;Porém, como qualquer mídia "jovem", a internet estava esteticamente cru (e por isso não atraía os consumidores), até &lt;em&gt;David Siegel&lt;/em&gt; publicar seu livro, um marco, que ofereceu algumas formas de trabalhar as limitações dos browsers existentes e as especificações do w3c, aproximadamente 1997. (estamos falando de netscape 2 e 3, pessoal.)&lt;br /&gt;Na realidade, estas formas de trabalho eram tão brilhantes, que prevalecem até hoje como o método mais utilizado para projetar páginas para web.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112370493578900122?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112370493578900122/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112370493578900122' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112370493578900122'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112370493578900122'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/08/tabelas-aninhadas-e-gifs-de-espaamento.html' title='Tabelas Aninhadas e GIFs de Espaçamento'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112309632004158419</id><published>2005-08-03T16:06:00.000-03:00</published><updated>2005-10-03T18:10:02.843-03:00</updated><title type='text'>Web Standards Projet</title><content type='html'>&lt;span style="font-family:verdana;"&gt;&lt;span style="font-size:100%;"&gt;O&lt;/span&gt; World Wide Web Consortium (&lt;/span&gt;&lt;a title="W3C&amp;#10;website" href="http://www.w3c.org/"&gt;&lt;span style="font-family:verdana;"&gt;W3C&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt;), juntamente com outros grupos e organismos reguladores, estabeleceu tecnologias para criação e interpretação de conteúdo para a Web. Estas tecnologias, a que chamamos “ Web Standards”, são cuidadosamente concebidas para dar os maiores benefícios ao maior número possível de usuários da Web, assegurando ao mesmo tempo a viabilidade a longo prazo de qualquer documento que seja publicado na Web. &lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112309632004158419?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112309632004158419/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112309632004158419' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112309632004158419'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112309632004158419'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/08/web-standards-projet.html' title='Web Standards Projet'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112299505666732614</id><published>2005-08-02T11:59:00.000-03:00</published><updated>2005-10-03T18:10:31.566-03:00</updated><title type='text'>A Importância da Ergonomia nos Sistemas de Informação e Comunicação</title><content type='html'>&lt;span style="font-family:trebuchet ms;"&gt;&lt;span style="font-family:verdana;"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-family:verdana;"&gt;A&lt;/span&gt; &lt;/span&gt;utilização de sistemas de informação e comunicação tem vindo a assumir um papel cada vez mais importante na vida das pessoas. Um exemplo desta tendência é a proliferação de computadores, telefones celulares, televisão interativa e de outros equipamentos e sistemas, alguns deles, exigindo dos usuários uma grande necessidade de adaptação. Sabe-se que a interação com sistemas de informação e comunicação nem sempre é responsável pela melhoria da qualidade de vida das pessoas, é frequente a recusa da sua utilização ou a ocorrência de problemas de saúde e segurança dos usuários. Neste âmbito, a concepção de um sistema de informação e comunicação deve ser centrada no usuário, de modo a proporcionar-lhe, conforto, segurança e satisfação, ao mesmo tempo que promove a eficácia do sistema envolvido. É ainda de referenciar que os sistemas que não respeitam estes critérios, provocam todos os anos prejuízos de milhões de reais às organizações, em termos de redução de produtividade e insatisfação dos consumidores&lt;/span&gt;.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112299505666732614?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112299505666732614/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112299505666732614' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112299505666732614'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112299505666732614'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/08/importncia-da-ergonomia-nos-sistemas.html' title='A Importância da Ergonomia nos Sistemas de Informação e Comunicação'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112292383612874874</id><published>2005-08-01T16:15:00.000-03:00</published><updated>2005-10-03T18:11:02.956-03:00</updated><title type='text'>Escreva uma vez, use em qualquer lugar, para qualquer pessoa</title><content type='html'>&lt;span style="font-family:verdana;"&gt;&lt;span style="font-size:100%;"&gt;O&lt;/span&gt;s padrões Web tornam nossas páginas muito mais acessíveis para usuários com deficiências e para browsers de celulares e PDAs que acessam a Web.&lt;br /&gt;Visitantes que utilizam leitores de tela (e visitantes com conexões lentas) não têm que navegar por incontáveis células de tabelas e espaços para chegar ao conteúdo real de nossas páginas.&lt;br /&gt;Em outras palavras, separar o conteúdo da formatação deixa o seu site acessível independente do dispositivo utilizado.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112292383612874874?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112292383612874874/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112292383612874874' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112292383612874874'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112292383612874874'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/08/escreva-uma-vez-use-em-qualquer-lugar.html' title='Escreva uma vez, use em qualquer lugar, para qualquer pessoa'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112103543740623539</id><published>2005-07-10T19:40:00.000-03:00</published><updated>2005-10-03T18:11:27.506-03:00</updated><title type='text'>A Necessidade do Design Centrado no Usuário</title><content type='html'>&lt;div align="left"&gt;&lt;span style="font-family:verdana;"&gt;&lt;span style="font-size:100%;"&gt;E&lt;/span&gt;ssa matéria eu li no sítio webinsider.uol.com.br, ela é muito interessante.&lt;/span&gt;&lt;/div&gt;&lt;div align="left"&gt;&lt;a href="http://webinsider.uol.com.br/vernoticia.php/id/1936"&gt;&lt;span style="font-family:verdana;"&gt;http://webinsider.uol.com.br/vernoticia.php/id/1936&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112103543740623539?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112103543740623539/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112103543740623539' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112103543740623539'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112103543740623539'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/07/necessidade-do-design-centrado-no.html' title='A Necessidade do Design Centrado no Usuário'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112103158433737765</id><published>2005-07-10T18:38:00.000-03:00</published><updated>2005-10-03T18:11:48.440-03:00</updated><title type='text'>O Web Standards Project Alerta</title><content type='html'>&lt;div align="left"&gt;&lt;span style="font-family:verdana;"&gt;&lt;span style="font-size:100%;"&gt;E&lt;/span&gt;ssa saiu no &lt;/span&gt;&lt;a href="http://www.webstandards.org/"&gt;&lt;span style="font-family:verdana;"&gt;Web Standards Project&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt;. O sistema &lt;/span&gt;&lt;a href="http://www.passport.com/"&gt;&lt;span style="font-family:verdana;"&gt;Passport&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt;/&lt;/span&gt;&lt;a href="http://www.hotmail.com/"&gt;&lt;span style="font-family:verdana;"&gt;Hotmail&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt; não pode ser acessado por um &lt;/span&gt;&lt;a href="http://www.mozilla.org/"&gt;&lt;span style="font-family:verdana;"&gt;Mozilla&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt;.&lt;br /&gt;Veja um &lt;/span&gt;&lt;a href="http://elcio.locaweb.com.br/writeable/blog/img/hotmailmozilla.gif"&gt;&lt;span style="font-family:verdana;"&gt;screenshot&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:trebuchet ms;"&gt;.&lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112103158433737765?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112103158433737765/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112103158433737765' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112103158433737765'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112103158433737765'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/07/o-web-standards-project-alerta.html' title='O Web Standards Project Alerta'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112059481034881780</id><published>2005-07-05T17:18:00.000-03:00</published><updated>2005-10-03T18:12:09.730-03:00</updated><title type='text'>Heurísticas para a Arquitetura da Informação</title><content type='html'>&lt;div align="left"&gt;&lt;span style="font-family:verdana;"&gt;&lt;em&gt;&lt;span style="font-size:100%;"&gt;L&lt;/span&gt;ouis Rosenfeld&lt;/em&gt; é considerado o guru da Arquitetura da Informação e ultimamente tem vindo a partilhar as suas heurísticas no tema, derivadas da sua vasta experiência neste campo. Esta lista é basicamente uma lista de fundamental de perguntas a colocar quando da fase estrutural da Arquitetura da Informação. Fundamental. [BF] &lt;/span&gt;&lt;a href="http://www.louisrosenfeld.com/home/bloug_archive/000286.html"&gt;&lt;span style="font-family:verdana;"&gt;http://www.louisrosenfeld.com/home/bloug_archive/000286.html&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112059481034881780?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112059481034881780/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112059481034881780' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112059481034881780'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112059481034881780'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/07/heursticas-para-arquitetura-da.html' title='Heurísticas para a Arquitetura da Informação'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112040554457862535</id><published>2005-07-03T12:43:00.000-03:00</published><updated>2005-10-03T18:12:33.656-03:00</updated><title type='text'>A Necessidade de Standards para Web Design</title><content type='html'>&lt;div align="left"&gt;&lt;span style="font-family:verdana;"&gt;&lt;span style="font-size:100%;"&gt;O&lt;/span&gt;s usuários têm determinadas expectativas de comportamento por parte de certos elementos que compõem as páginas na Web. No entanto, ainda existem uma série de elementos cujo comportamento não se encontra homogenizado. Neste artigo, &lt;em&gt;Jakob Nielsen&lt;/em&gt; categoriza estes elementos sob três parâmetros: Elementos Consolidados, Convencionais e Confusos, chegando à conclusão de que os últimos criam ainda alguns problemas de usabilidade aos usuários. [BF] &lt;/span&gt;&lt;a href="http://www.useit.com/alertbox/20040913.html"&gt;&lt;span style="font-family:verdana;"&gt;http://www.useit.com/alertbox/20040913.html&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div align="right"&gt;&lt;span style="font-family:verdana;"&gt;Artigo Publicado no Sítio &lt;/span&gt;&lt;a href="http://www.usabilidade.com"&gt;&lt;em&gt;&lt;span style="font-family:verdana;"&gt;Usabilidade.com&lt;/span&gt;&lt;/em&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112040554457862535?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112040554457862535/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112040554457862535' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112040554457862535'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112040554457862535'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/07/necessidade-de-standards-para-web.html' title='A Necessidade de Standards para Web Design'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112024726235187501</id><published>2005-07-01T16:45:00.000-03:00</published><updated>2005-10-03T18:12:55.740-03:00</updated><title type='text'>Substituto Escalável de Texto em Flash</title><content type='html'>&lt;div align="left"&gt;&lt;span style="font-family:verdana;"&gt;&lt;em&gt;&lt;span style="font-size:100%;"&gt;M&lt;/span&gt;ike Davidson&lt;/em&gt; é um programador web reconhecido pelos seus pares. A sua última incursão versa a programação de um substituto de texto que permita utilizar qualquer tipo de letra, de forma automática e mantendo a acessibilidade dos conteúdos. Na prática, qualquer texto escrito na página é automaticamente convertido em Flash em tamanhos e tipos de letra pré-especificados. Um artigo imprescindível para Web Developers. [BF] &lt;/span&gt;&lt;a href="http://www.mikeindustries.com/blog/archive/2004/09/sifr2-kick-the-tires"&gt;&lt;span style="font-family:verdana;"&gt;http://www.mikeindustries.com/blog/archive/2004/09/sifr2-kick-the-tires&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:verdana;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;div align="left"&gt;&lt;span style="font-family:verdana;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div align="right"&gt;&lt;span style="font-family:verdana;"&gt;Artigo Publicado no Sítio&lt;em&gt; &lt;/em&gt;&lt;/span&gt;&lt;a href="http://www.usabilidade.com"&gt;&lt;em&gt;&lt;span style="font-family:verdana;"&gt;Usabilidade.com&lt;/span&gt;&lt;/em&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112024726235187501?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112024726235187501/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112024726235187501' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112024726235187501'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112024726235187501'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/07/substituto-escalvel-de-texto-em-flash.html' title='Substituto Escalável de Texto em Flash'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112024589331985960</id><published>2005-07-01T16:19:00.000-03:00</published><updated>2005-10-03T18:13:17.553-03:00</updated><title type='text'>O Problema com o uso de Tabelas</title><content type='html'>&lt;ul&gt;&lt;li&gt;&lt;span style="font-family:verdana;"&gt;misturam o conteúdo da formatação: &lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-family:verdana;"&gt;esta mistura deixa os arquivos de seu site desnecessariamente grandes , uma vez que os usuários têm que descarregar estes dados a cada página que visitam;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-family:verdana;"&gt;banda de transferência (quantidade de bytes requisitados do servidor) não é grátis.&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-family:verdana;"&gt;elas fazem o redesign de sites de conteúdo extenso ser um trabalho intenso (e caro); &lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-family:verdana;"&gt;também tornam extremamente difícil (logo caro) manter a consistência visual do site;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-family:verdana;"&gt;páginas baseadas em tabelas são também muito menos acessíveis para usuários com deficiências e para aqueles que usam celulares e PDAs. &lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112024589331985960?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112024589331985960/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112024589331985960' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112024589331985960'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112024589331985960'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/07/o-problema-com-o-uso-de-tabelas.html' title='O Problema com o uso de Tabelas'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112024457732082145</id><published>2005-07-01T15:59:00.000-03:00</published><updated>2005-10-03T18:13:38.933-03:00</updated><title type='text'>Os Motivos para usar Padrões Web</title><content type='html'>&lt;ul&gt;&lt;li&gt;&lt;div align="left"&gt;&lt;span style="font-family:verdana;"&gt;suas páginas carregarão mais rápido; &lt;/span&gt;&lt;/div&gt;&lt;/li&gt;&lt;li&gt;&lt;div align="left"&gt;&lt;span style="font-family:verdana;"&gt;os custos de hospedagem serão reduzidos;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;&lt;li&gt;&lt;div align="left"&gt;&lt;span style="font-family:verdana;"&gt;os redesigns dos seus sites serão mais eficientes e mais baratos;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;&lt;li&gt;&lt;div align="left"&gt;&lt;span style="font-family:verdana;"&gt;será mais fácil manter a consistência visual entre todos seus sites;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;&lt;li&gt;&lt;div align="left"&gt;&lt;span style="font-family:verdana;"&gt;melhores resultados das ferramentas de busca;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;&lt;li&gt;&lt;div align="left"&gt;&lt;span style="font-family:verdana;"&gt;o seu site se tornará mais acessível para todos os visualizadores e browsers;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;&lt;li&gt;&lt;div align="left"&gt;&lt;span style="font-family:verdana;"&gt;e lhe proporcionará mais competitividade (isto é, estabilidade no mercado) enquanto todo o Mundo começa a usar os padrões. &lt;/span&gt;&lt;/div&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112024457732082145?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112024457732082145/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112024457732082145' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112024457732082145'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112024457732082145'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/07/os-motivos-para-usar-padres-web.html' title='Os Motivos para usar Padrões Web'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112024027972556608</id><published>2005-07-01T14:49:00.000-03:00</published><updated>2005-10-03T18:14:11.826-03:00</updated><title type='text'>Porque Utilizar Tabelas para Layout é Estupidez</title><content type='html'>&lt;div align="left"&gt;&lt;span style="font-family:verdana;"&gt;&lt;span style="font-size:100%;"&gt;T&lt;/span&gt;abelas existem no HTML por um motivo: Exibir dados tabulados. Mas a utilização de border="0" tornou possível para designers terem uma grade para exibir imagens e textos. Esta é, ainda, a forma predominante em que os designers projetam seus sites com um visual rico, porém, hoje o uso de tabelas está, de fato, interferindo na construção de sites melhores, mais acessíveis, flexíveis e funcionais. Descubra a origem destes problemas, e encontre soluções para criar sites transitivos, ou completamente sem tabelas (tableless).&lt;/span&gt;&lt;/div&gt;&lt;div align="left"&gt;&lt;span style="font-family:verdana;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div align="right"&gt;&lt;em&gt;Seybold &lt;/em&gt;&lt;/div&gt;&lt;div align="right"&gt;&lt;em&gt;San Francisco 2003&lt;/em&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112024027972556608?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112024027972556608/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112024027972556608' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112024027972556608'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112024027972556608'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/07/porque-utilizar-tabelas-para-layout.html' title='Porque Utilizar Tabelas para Layout é Estupidez'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112018309683675684</id><published>2005-06-30T23:15:00.000-03:00</published><updated>2005-10-03T18:14:36.043-03:00</updated><title type='text'>Alinhamento para Páginas Impressas</title><content type='html'>&lt;span style="font-family:verdana;"&gt;Nada deve ser colocado arbitrariamente em uma página. Cada item deve ter uma conexão visual com algo na página.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112018309683675684?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112018309683675684/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112018309683675684' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112018309683675684'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112018309683675684'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/06/alinhamento-para-pginas-impressas.html' title='Alinhamento para Páginas Impressas'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-14055046.post-112014358271309333</id><published>2005-06-30T12:05:00.000-03:00</published><updated>2005-09-04T15:46:55.483-03:00</updated><title type='text'>Porque Priorisar Design de Conteúdo e não Design de Interface ?</title><content type='html'>&lt;div align="left"&gt;&lt;span style="font-family:verdana;"&gt;&lt;span style="font-size:100%;"&gt;E&lt;/span&gt;xiste uma mania na web em priorisar o belo ( a escravidão do design ) e não o usual, quando alguem entra em uma página para fazer alguma coisa ( comprar, consultar extrato bancário e etc..) ele não esta interessado em saber se a página é bonita ou feia ele quer saber do conteúdo, ele vai em busca da informação.&lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;a href="&lt;$BlogSiteFeedUrl$&gt;" title="Atom feed"&gt;Site Feed&lt;/a&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/14055046-112014358271309333?l=usabilybelem.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://usabilybelem.blogspot.com/feeds/112014358271309333/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=14055046&amp;postID=112014358271309333' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112014358271309333'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/14055046/posts/default/112014358271309333'/><link rel='alternate' type='text/html' href='http://usabilybelem.blogspot.com/2005/06/porque-priorisar-design-de-contedo-e.html' title='Porque Priorisar Design de Conteúdo e não Design de Interface ?'/><author><name>Fernando Mansur</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry></feed>
