<?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-826810008695948737</id><updated>2011-07-08T10:19:58.500-03:00</updated><category term='arquitetura de informação'/><category term='mapa'/><category term='wireframes'/><category term='rotulação'/><category term='curso'/><category term='mídia social'/><category term='conteúdo colaborativo'/><category term='usabilidade'/><category term='coisas que acontecem'/><category term='navegação'/><category term='web 2.0'/><category term='modelo mental'/><category term='redes sociais'/><category term='acessibilidade'/><category term='usuários'/><category term='evento'/><category term='branding'/><title type='text'>Paperframe</title><subtitle type='html'>Paperframe é o wireframe feito com caneta esferográfica em folha de sulfite. Ou em guardanapo de papel. São rascunhos de Arquitetura de Informação.</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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>39</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-826810008695948737.post-6932747202509998973</id><published>2009-07-14T16:49:00.001-03:00</published><updated>2009-07-14T16:49:00.189-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='coisas que acontecem'/><title type='text'>[O aviso não funcionou]</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_IkQobRJZHiY/SlvkWtKhffI/AAAAAAAABps/Li-msXrq-f4/s1600-h/sesc.png"&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 266px;" src="http://1.bp.blogspot.com/_IkQobRJZHiY/SlvkWtKhffI/AAAAAAAABps/Li-msXrq-f4/s400/sesc.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5358127260419325426" /&gt;&lt;/a&gt;&lt;br /&gt;Essa é do portal do Sesc SP.&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-6932747202509998973?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/6932747202509998973/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=6932747202509998973&amp;isPopup=true' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/6932747202509998973'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/6932747202509998973'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2009/07/o-aviso-nao-funcionou.html' title='[O aviso não funcionou]'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_IkQobRJZHiY/SlvkWtKhffI/AAAAAAAABps/Li-msXrq-f4/s72-c/sesc.png' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-826810008695948737.post-4749500473342194864</id><published>2009-07-13T17:59:00.003-03:00</published><updated>2009-07-13T18:07:02.371-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='arquitetura de informação'/><category scheme='http://www.blogger.com/atom/ns#' term='modelo mental'/><title type='text'>AI no metrô</title><content type='html'>Não sei se você já andou num dos novos trens do metrô de São Paulo, mas dentro deles, acima da porta, há aquele tradicional mapa esquematizado da linha, com as estações marcadas por uma bolinha. A novidade nesses novos trens é que as bolinhas são pequenas lâmpadas.&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Pois bem, para você, quais estações deveriam estar acesas? As que já passaram ou aquelas onde o trem ainda vai chegar?&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Para mim, deveriam ser aquelas onde o trem ainda vai chegar, pois o que já passou não precisa de destaque. Eu preciso saber é para onde estou indo. &lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Mas não é isso que acontece no metrô paulistano. Nele, ficam acessas as estações pelas quais o trem já passou e apagadas as que estão por vir.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Corcordamos, eu e a Companhia do Metropolitano de São Paulo, com o padrão utilizado para a próxima estação: luz piscante.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;E você, está comigo ou está com o metrô? &lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-4749500473342194864?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/4749500473342194864/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=4749500473342194864&amp;isPopup=true' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/4749500473342194864'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/4749500473342194864'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2009/07/ai-no-metro.html' title='AI no metrô'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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-826810008695948737.post-3164218594735557841</id><published>2009-05-16T09:00:00.000-03:00</published><updated>2009-05-16T09:00:00.728-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='coisas que acontecem'/><title type='text'>Como é o nome mesmo?</title><content type='html'>&lt;div&gt;estadao.com.br&lt;/div&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_IkQobRJZHiY/SgQo1RtFMAI/AAAAAAAABjU/dhCIvLI7vt4/s1600-h/rua.jpg"&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 362px; height: 400px;" src="http://1.bp.blogspot.com/_IkQobRJZHiY/SgQo1RtFMAI/AAAAAAAABjU/dhCIvLI7vt4/s400/rua.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5333432754464174082" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-3164218594735557841?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/3164218594735557841/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=3164218594735557841&amp;isPopup=true' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/3164218594735557841'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/3164218594735557841'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2009/05/como-e-o-nome-mesmo.html' title='Como é o nome mesmo?'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_IkQobRJZHiY/SgQo1RtFMAI/AAAAAAAABjU/dhCIvLI7vt4/s72-c/rua.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-826810008695948737.post-2174999723348815461</id><published>2009-05-15T09:00:00.000-03:00</published><updated>2009-05-15T09:00:00.971-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='coisas que acontecem'/><title type='text'>15, 16, por aí...</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_IkQobRJZHiY/SgQnmYt-P7I/AAAAAAAABjE/x99jRnVHg-Q/s1600-h/15anos.jpg"&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 288px;" src="http://2.bp.blogspot.com/_IkQobRJZHiY/SgQnmYt-P7I/AAAAAAAABjE/x99jRnVHg-Q/s400/15anos.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5333431399137296306" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-2174999723348815461?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/2174999723348815461/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=2174999723348815461&amp;isPopup=true' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/2174999723348815461'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/2174999723348815461'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2009/05/15-16-por-ai.html' title='15, 16, por aí...'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_IkQobRJZHiY/SgQnmYt-P7I/AAAAAAAABjE/x99jRnVHg-Q/s72-c/15anos.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-826810008695948737.post-138782046923208058</id><published>2009-05-14T09:00:00.000-03:00</published><updated>2009-05-14T09:00:01.526-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='coisas que acontecem'/><title type='text'>Apressadinho</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_IkQobRJZHiY/SgQnLuolXdI/AAAAAAAABi8/RLM-uX4EXRA/s1600-h/aguardar.jpg"&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 231px;" src="http://2.bp.blogspot.com/_IkQobRJZHiY/SgQnLuolXdI/AAAAAAAABi8/RLM-uX4EXRA/s400/aguardar.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5333430941163806162" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-138782046923208058?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/138782046923208058/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=138782046923208058&amp;isPopup=true' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/138782046923208058'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/138782046923208058'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2009/05/apressadinho.html' title='Apressadinho'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_IkQobRJZHiY/SgQnLuolXdI/AAAAAAAABi8/RLM-uX4EXRA/s72-c/aguardar.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-826810008695948737.post-5870501262197323961</id><published>2009-05-13T09:00:00.000-03:00</published><updated>2009-05-13T09:00:01.945-03:00</updated><title type='text'>Nem na nova nem na velha ortografia</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_IkQobRJZHiY/SgQmkfQ8eXI/AAAAAAAABi0/QqoFA59puEY/s1600-h/seguimento.jpg"&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 268px;" src="http://4.bp.blogspot.com/_IkQobRJZHiY/SgQmkfQ8eXI/AAAAAAAABi0/QqoFA59puEY/s400/seguimento.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5333430267023227250" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-5870501262197323961?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/5870501262197323961/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=5870501262197323961&amp;isPopup=true' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/5870501262197323961'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/5870501262197323961'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2009/05/nem-na-nova-nem-na-velha-ortografia.html' title='Nem na nova nem na velha ortografia'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_IkQobRJZHiY/SgQmkfQ8eXI/AAAAAAAABi0/QqoFA59puEY/s72-c/seguimento.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-826810008695948737.post-1808583433457094176</id><published>2009-05-12T09:00:00.000-03:00</published><updated>2009-05-12T09:00:02.139-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='coisas que acontecem'/><title type='text'>Tão ou mais?</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_IkQobRJZHiY/SgQmS4cG4PI/AAAAAAAABis/M4cxS6K8OoM/s1600-h/taodoque.jpg"&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 317px;" src="http://4.bp.blogspot.com/_IkQobRJZHiY/SgQmS4cG4PI/AAAAAAAABis/M4cxS6K8OoM/s400/taodoque.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5333429964543287538" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-1808583433457094176?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/1808583433457094176/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=1808583433457094176&amp;isPopup=true' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/1808583433457094176'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/1808583433457094176'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2009/05/tao-ou-mais.html' title='Tão ou mais?'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_IkQobRJZHiY/SgQmS4cG4PI/AAAAAAAABis/M4cxS6K8OoM/s72-c/taodoque.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-826810008695948737.post-3868500667398446113</id><published>2009-05-11T09:30:00.000-03:00</published><updated>2009-05-11T09:30:00.669-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='coisas que acontecem'/><title type='text'>Dupla de três</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_IkQobRJZHiY/SgQl-g75L8I/AAAAAAAABik/-G-JFVoGjrs/s1600-h/ambos.jpg"&gt;&lt;img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 360px;" src="http://2.bp.blogspot.com/_IkQobRJZHiY/SgQl-g75L8I/AAAAAAAABik/-G-JFVoGjrs/s400/ambos.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5333429614636773314" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-3868500667398446113?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/3868500667398446113/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=3868500667398446113&amp;isPopup=true' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/3868500667398446113'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/3868500667398446113'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2009/05/dupla-de-tres.html' title='Dupla de três'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_IkQobRJZHiY/SgQl-g75L8I/AAAAAAAABik/-G-JFVoGjrs/s72-c/ambos.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-826810008695948737.post-5877180666999655396</id><published>2009-05-08T09:23:00.002-03:00</published><updated>2009-05-08T09:25:39.581-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='coisas que acontecem'/><title type='text'>Hora errada de veicular o banner (coisas que acontecem)</title><content type='html'>Começo hoje a postar aqui imagens da série "coisas que acontecem". São infelicidades que acontecem na internet e que eu venho colecionando há algum tempo. Como esta.&lt;div&gt;&lt;br /&gt;&lt;img src="http://4.bp.blogspot.com/_IkQobRJZHiY/SgQkoLHxuUI/AAAAAAAABic/aq067xb-T6k/s400/vw.jpg" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 338px;" border="0" alt="" id="BLOGGER_PHOTO_ID_5333428131312286018" /&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-5877180666999655396?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/5877180666999655396/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=5877180666999655396&amp;isPopup=true' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/5877180666999655396'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/5877180666999655396'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2009/05/hora-errada-de-veicular-o-banner-coisas.html' title='Hora errada de veicular o banner (coisas que acontecem)'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_IkQobRJZHiY/SgQkoLHxuUI/AAAAAAAABic/aq067xb-T6k/s72-c/vw.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-826810008695948737.post-8786040733211861287</id><published>2009-05-06T09:59:00.002-03:00</published><updated>2009-05-06T10:03:50.342-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='usabilidade'/><title type='text'>Off topic pero no mucho</title><content type='html'>Todo estudante de desenho industrial deveria passar um ano lavando louça todos os dias. Os mais diferentes tipos de panelas e suas respectivas tampas, copos de liquidificador, apetrechos de batedeira, jarras de suco, não só pratos e copos. Para perceberem na prática que existem reentrâncias que podem ser muito bonitas ou que podem resolver o problema de um encaixe, mas que são praticamente impossíveis de serem limpas. Que não há esponja, escovinha ou pano que entre ali. E daí o jeito é pegar a ponta de uma faca ou um palito de dente e fazer um trabalho meticuloso e descabido. Lavem mais louça, caros designers.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-8786040733211861287?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/8786040733211861287/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=8786040733211861287&amp;isPopup=true' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/8786040733211861287'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/8786040733211861287'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2009/05/off-topic-pero-no-mucho.html' title='Off topic pero no mucho'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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-826810008695948737.post-4903774384216790827</id><published>2009-02-04T09:20:00.003-02:00</published><updated>2009-02-04T09:22:03.572-02:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='rotulação'/><title type='text'>Rótulos auto-explicativos</title><content type='html'>Falando sobre a importância dos rótulos para facilitar a navegação, achei genial este menu.&lt;div&gt;&lt;img src="http://4.bp.blogspot.com/_IkQobRJZHiY/SYl6JPZkU6I/AAAAAAAABhE/g5qj0Z5KD6Q/s400/rotulos.jpg" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 300px;" border="0" alt="" id="BLOGGER_PHOTO_ID_5298900735749280674" /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-4903774384216790827?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/4903774384216790827/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=4903774384216790827&amp;isPopup=true' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/4903774384216790827'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/4903774384216790827'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2009/02/falando-sobre-importancia-dos-rotulos.html' title='Rótulos auto-explicativos'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_IkQobRJZHiY/SYl6JPZkU6I/AAAAAAAABhE/g5qj0Z5KD6Q/s72-c/rotulos.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-826810008695948737.post-4567163983682208422</id><published>2008-10-14T21:33:00.003-03:00</published><updated>2008-10-14T21:46:25.658-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='usabilidade'/><title type='text'>Exemplos de usabilidade</title><content type='html'>Será que não andam acontecendo umas dessas em sites por aí?&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_IkQobRJZHiY/SPU8_Hd4ScI/AAAAAAAABAs/jkrm2mthQRY/s1600-h/usabilidade1.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_IkQobRJZHiY/SPU8_Hd4ScI/AAAAAAAABAs/jkrm2mthQRY/s320/usabilidade1.jpg" alt="" id="BLOGGER_PHOTO_ID_5257175195058719170" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_IkQobRJZHiY/SPU8_O3Io7I/AAAAAAAABA0/Zuy-tvocwbw/s1600-h/usabilidade2.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_IkQobRJZHiY/SPU8_O3Io7I/AAAAAAAABA0/Zuy-tvocwbw/s320/usabilidade2.jpg" alt="" id="BLOGGER_PHOTO_ID_5257175197043696562" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_IkQobRJZHiY/SPU8_RIOrgI/AAAAAAAABA8/EdAeFfNsFNU/s1600-h/usabilidade3.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_IkQobRJZHiY/SPU8_RIOrgI/AAAAAAAABA8/EdAeFfNsFNU/s320/usabilidade3.jpg" alt="" id="BLOGGER_PHOTO_ID_5257175197652266498" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_IkQobRJZHiY/SPU8_foOCXI/AAAAAAAABBE/oH1-1ViOMzw/s1600-h/usabilidade4.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_IkQobRJZHiY/SPU8_foOCXI/AAAAAAAABBE/oH1-1ViOMzw/s320/usabilidade4.jpg" alt="" id="BLOGGER_PHOTO_ID_5257175201544538482" border="0" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-4567163983682208422?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/4567163983682208422/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=4567163983682208422&amp;isPopup=true' title='2 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/4567163983682208422'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/4567163983682208422'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2008/10/exemplos-de-usabilidade.html' title='Exemplos de usabilidade'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_IkQobRJZHiY/SPU8_Hd4ScI/AAAAAAAABAs/jkrm2mthQRY/s72-c/usabilidade1.jpg' height='72' width='72'/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-826810008695948737.post-8023826990920332829</id><published>2008-10-13T12:07:00.004-03:00</published><updated>2008-10-13T12:14:25.015-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='arquitetura de informação'/><title type='text'>Hoje não tem jornal</title><content type='html'>Muito tempo atrás, quando ainda nem se sonhava com a invenção da internet, o artista plástico Luiz Paulo Baravelli tinha uma coluna na Ilustrada, da Folha. E em uma delas ele escreveu uma coisa que eu nunca esqueci.&lt;br /&gt;&lt;br /&gt;Em outras palavras ele dizia que não se conformava com o fato dos jornais terem todos os dias o mesmo número de páginas, pois era impossível que acontecesse o mesmo número de fatos pelo mundo diariamente. Para ele, o ideal seria um dia o jornal ser muito grosso e outro, bem fininho. E que o máximo seria um dia o assinante ao invés de receber o seu exemplar do jornal, receber um bilhete com uma mensagem assim: "hoje não tem jornal porque ontem não aconteceu nada".&lt;br /&gt;&lt;br /&gt;Acho esse conceito perfeito também para a construção de sites. Pode ser que o site ideal para aquele projeto tenha apenas uma página, não há porque inventar.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-8023826990920332829?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/8023826990920332829/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=8023826990920332829&amp;isPopup=true' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/8023826990920332829'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/8023826990920332829'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2008/10/hoje-no-tem-jornal.html' title='Hoje não tem jornal'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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-826810008695948737.post-8182366658857177042</id><published>2008-09-27T18:36:00.002-03:00</published><updated>2008-09-27T18:37:46.750-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='arquitetura de informação'/><category scheme='http://www.blogger.com/atom/ns#' term='curso'/><title type='text'>Palestra na Jump</title><content type='html'>Esta é a apresentação que eu fiz no curso "Arquitetura de Informação em Projetos Web", ministrado pelo Guilhermo Reis na JumpEducation.&lt;br /&gt;&lt;br /&gt;Eu adorei a experiência. Espero que os alunos tenham gostado também.&lt;br /&gt;&lt;br /&gt;&lt;div style="width:425px;text-align:left" id="__ss_613911"&gt;&lt;a style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;" href="http://www.slideshare.net/luribeiro/palestra-jump-presentation?type=powerpoint" title="Palestra Jump"&gt;Palestra Jump&lt;/a&gt;&lt;object style="margin:0px" width="425" height="355"&gt;&lt;param name="movie" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=palestralucianaribeiro-1222193071980927-8&amp;amp;stripped_title=palestra-jump-presentation"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://static.slideshare.net/swf/ssplayer2.swf?doc=palestralucianaribeiro-1222193071980927-8&amp;amp;stripped_title=palestra-jump-presentation" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;div style="font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;"&gt;View SlideShare &lt;a style="text-decoration:underline;" href="http://www.slideshare.net/luribeiro/palestra-jump-presentation?type=powerpoint" title="View Palestra Jump on SlideShare"&gt;presentation&lt;/a&gt; or &lt;a style="text-decoration:underline;" href="http://www.slideshare.net/upload?type=powerpoint"&gt;Upload&lt;/a&gt; your own. (tags: &lt;a style="text-decoration:underline;" href="http://slideshare.net/tag/arquitetura"&gt;arquitetura&lt;/a&gt; &lt;a style="text-decoration:underline;" href="http://slideshare.net/tag/de"&gt;de&lt;/a&gt;)&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-8182366658857177042?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/8182366658857177042/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=8182366658857177042&amp;isPopup=true' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/8182366658857177042'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/8182366658857177042'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2008/09/palestra-na-jump.html' title='Palestra na Jump'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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-826810008695948737.post-726260476595205380</id><published>2008-09-15T19:16:00.002-03:00</published><updated>2008-09-15T19:21:53.072-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web 2.0'/><title type='text'>A maioridade dos blogs</title><content type='html'>Acho que agora dá pra acreditar que os blogs atingiram a maioridade. Jornalista respeitado escrevendo em blog não é novidade. Velhinhos também não, lembro de uma senhora com mais de 80 que é o maior sucesso na Espanha. Agora, um escritor octogenário, Nobel de literatura, virar blogueiro, pra mim é novidade.&lt;br /&gt;&lt;br /&gt;Mas tá lá, pode conferir o blog do Saramago: &lt;a href="http://blog.josesaramago.org/por/?p=197&amp;amp;lang=pt"&gt;http://blog.josesaramago.org/por/?p=197&amp;amp;lang=pt&lt;br /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-726260476595205380?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/726260476595205380/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=726260476595205380&amp;isPopup=true' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/726260476595205380'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/726260476595205380'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2008/09/maioridade-dos-blogs.html' title='A maioridade dos blogs'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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-826810008695948737.post-6263178524640392372</id><published>2008-09-03T15:36:00.004-03:00</published><updated>2008-09-03T15:49:41.623-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='arquitetura de informação'/><category scheme='http://www.blogger.com/atom/ns#' term='wireframes'/><title type='text'>Por uma padronização dos wireframes</title><content type='html'>Nós vivemos num mundo de convenções. Os alfabetos nada mais são que convenções: convenciona-se que determinado símbolo corresponde a determinado som (ok, em português a gente tem vários símbolos para um mesmo som, mas a discussão aqui não é essa...). Na arquitetura, por exemplo, convencionou-se uma série de desenhos para simbolizar os diversos elementos de uma construção: porta, janela, parede, escada, etc.&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Na arquitetura de informação ainda não temos essas convenções totalmente estabelecidas. Enquanto nos mapas de site e fluxos caminhamos relativamente bem seguindo modelos do Garret, nos wireframes ainda estamos longe de adotar padrões "universais". Além da discussão do uso de wireframes de alta, média ou baixa fidelidade, temos o uso de diferentes  elementos para simbolizar uma mesma coisa ou ação.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;A padronização dessas convenções traria muitos benefícios para a área. Principalmente no que diz respeito ao relacionamento com o cliente. O cliente tem o seu primeiro contato com um wireframe. Adota, então, aquele modelo como padrão para ele. Quando se depara com um wireframe feito por outro arquiteto, que usa outras convenções, ele não entende. Ou apenas não gosta, mas aí já temos um desgaste que seria desnecessário.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;O ensino e a prática da atividade também ficam muito mais fácil com a adoção de padrões universais. O profissional não precisa aprender o padrão de cada lugar por onde passa, ele simplesmente utiliza o mesmo padrão em todas as empresas.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Acho fundamental começarmos a pensar nisso.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-6263178524640392372?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/6263178524640392372/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=6263178524640392372&amp;isPopup=true' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/6263178524640392372'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/6263178524640392372'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2008/09/por-uma-padronizao-dos-wireframes.html' title='Por uma padronização dos wireframes'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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-826810008695948737.post-7425109135723372283</id><published>2008-09-02T15:38:00.002-03:00</published><updated>2008-09-02T15:41:03.673-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='arquitetura de informação'/><category scheme='http://www.blogger.com/atom/ns#' term='curso'/><title type='text'>Arquitetura de Informação em Projetos Web - curso na Jump</title><content type='html'>Nos dias 19 de 20 de setembro o Guilhermo Reis dará o curso "Arquitetura de Informação em Projetos Web" na JumpEducation. E eu participarei no dia 20 falando sobre um case de arquitetura de informação.&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.jumpacademy.com.br/certificate/index.php?cod=167&amp;amp;key=615837d7d5d894996ec310f3942d1c11"&gt;Mais informações sobre o curso aqui&lt;/a&gt;.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-7425109135723372283?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/7425109135723372283/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=7425109135723372283&amp;isPopup=true' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/7425109135723372283'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/7425109135723372283'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2008/09/arquitetura-de-informao-em-projetos-web.html' title='Arquitetura de Informação em Projetos Web - curso na Jump'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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-826810008695948737.post-4628196577589764594</id><published>2008-08-26T18:45:00.002-03:00</published><updated>2008-08-26T18:55:14.590-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='mídia social'/><title type='text'>Mídia social</title><content type='html'>Mídia social é um termo bastante amplo que pode significar diferentes coisas para diferentes pessoas.  Para dar um norte ao tema, a &lt;span style="font-weight: bold;"&gt;&lt;a href="http://www.womma.org/"&gt;WOMMA - Word of Mouth Marketing Association&lt;/a&gt; -&lt;/span&gt; definiu algumas categorias de ações de mídia social:&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Marketing viral&lt;/span&gt;&lt;br /&gt;Mensagens informativas ou de entretenimento que são transmitidas espontaneamente por e-mail ou algum outro meio eletrônico.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Marketing de comunidade&lt;/span&gt;&lt;br /&gt;É a formação ou manutenção de nichos de comunidades que compartilham interesses. Podem ser grupos de usuários, fã-clubes, listas de discussão e fóruns, com a implementação de ferramentas, conteúdos e informação de apoio a essas comunidades.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Marketing de evangelizadores&lt;/span&gt;&lt;br /&gt;Significa cultivar evangelizadores, advogados de marca ou voluntários que são encorajados a assumir um papel de liderança na divulgação de mensagens a favor da marca.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Seeding de produtos&lt;/span&gt;&lt;br /&gt;Aqui a meta é colocar produtos nas mãos certas, na hora certa, dando informação ou amostras para indivíduos influenciadores.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Marketing de influência&lt;/span&gt;&lt;br /&gt;Identificação de comunidades-chave e formadores de opinião dispostos a falar de produtos e que sejam influenciadores de opiniões.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Blog de marca&lt;/span&gt;&lt;br /&gt;Criação de blogs e participação na blogosfera de maneira transparente e ética, compartilhando informações de valor com a comunidade.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Programas de relacionamento&lt;/span&gt;&lt;br /&gt;Criação de ferramentas que permitam que clientes satisfeitos indiquem o produto ou marca a seus amigos.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-4628196577589764594?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/4628196577589764594/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=4628196577589764594&amp;isPopup=true' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/4628196577589764594'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/4628196577589764594'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2008/08/mdia-social.html' title='Mídia social'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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-826810008695948737.post-8763171671540179850</id><published>2008-08-25T23:35:00.003-03:00</published><updated>2008-08-25T23:56:41.583-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web 2.0'/><category scheme='http://www.blogger.com/atom/ns#' term='arquitetura de informação'/><category scheme='http://www.blogger.com/atom/ns#' term='redes sociais'/><title type='text'>AI 2.0</title><content type='html'>Houve um momento em que toda empresa queria ter o "seu" Orkut, o "seu" YouTube. Agora parece que começa-se a entender que a verdadeira web 2.0 é aquela que apropria-se das redes sociais já existentes e não a que quer reproduzi-las dentro de seus sites.&lt;br /&gt;&lt;br /&gt;Nesse momento de reprodução o arquiteto de informação tinha o trabalho de reproduzir e adaptar a arquitetura desses sites para o site de seus clientes. Eu mesma cheguei a navegar horas pelo PornoTube (não ria!) para usá-lo como referência em um projeto.&lt;br /&gt;&lt;br /&gt;Pois bem, se agora vamos nos apropriar do que oferecem os sites já consagrados, acabou o trabalho do arquiteto nessa história?&lt;br /&gt;&lt;br /&gt;Eu acredito que não (é claro...). O que é preciso é o arquiteto expandir sua atuação e o seu pensamento para além do wireframe. Em alguns casos a solução de arquitetura para um projeto pode não estar num menu, num site, numa página, mas sim no uso eficiente de ferramentas disponíveis nas redes sociais.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-8763171671540179850?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/8763171671540179850/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=8763171671540179850&amp;isPopup=true' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/8763171671540179850'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/8763171671540179850'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2008/08/ai-20.html' title='AI 2.0'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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-826810008695948737.post-8946201792389571008</id><published>2008-07-08T11:20:00.003-03:00</published><updated>2008-07-08T11:41:36.163-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='branding'/><category scheme='http://www.blogger.com/atom/ns#' term='arquitetura de informação'/><title type='text'>Pessoas felizes</title><content type='html'>Em cerca de 90% dos wireframes que produzimos aqui na TV1 temos que prever na home um espaço para um destaque principal ou para uma TV Flash. E qual é o uso feito desse destaque principal? De novo, em 90% dos casos (este números são mera intuição, não têm o menor valor estatístico) são usados por uma imagem de pessoas felizes (ah, claro, e se possível entre elas um negro e um oriental, pra mostrar que somos multiraciais/multiculturais).&lt;br /&gt;&lt;br /&gt;Será que todo site precisa mesmo de imagem de pessoas felizes? Será que não está na hora de pensarmos - arquitetos, designers e clientes - em um outro formato?&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-8946201792389571008?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/8946201792389571008/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=8946201792389571008&amp;isPopup=true' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/8946201792389571008'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/8946201792389571008'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2008/07/pessoas-felizes.html' title='Pessoas felizes'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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-826810008695948737.post-2875678011612516974</id><published>2008-05-21T16:22:00.002-03:00</published><updated>2008-05-21T16:47:35.549-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='navegação'/><title type='text'>Navegação por públicos</title><content type='html'>Em algum momento da história da internet descobriu-se que era possível orientar um site por públicos. As empresas sempre se comunicaram com diferentes públicos e começaram a querer fazer uma área do site para cada um desses públicos. Então a faculdade faz seu site com áreas para futuros alunos, alunos, pesquisadores, empresas, etc; o site do plano de saúde tem áreas para clientes, médicos, corretores e empresas; e assim por diante.&lt;br /&gt;&lt;br /&gt;A segmentação por públicos é uma prática antiga no mercado editorial. As editoras costumavam dividir suas publicações entre os públicos masculino, feminino e infantil. Então, determina-se que Placar é uma revista para o público masculino, ainda que eu seja leitora.&lt;br /&gt;&lt;br /&gt;Mas isso começou a mudar. Uma revista como a Vida Simples, por exemplo, é masculina ou feminina? E a Exame? E a Galileu?&lt;br /&gt;&lt;br /&gt;Muito mais coerente é segmentar por tema: qualidade de vida, economia, esportes, etc. Um público pode ter interesses muito variados e fora do que convencionou-se ser seu interesse. Uma mesma pessoa pode desempenhar vários papéis.&lt;br /&gt;&lt;br /&gt;Por isso a segmentação de um site por públicos, ainda que num primeiro momento pareça fazer muito sentido, deve ser analisada com muito cuidado. No fim, ela pode acabar sendo apenas uma replicação de conteúdo, com abordagens que na prática não se mostram tão diferentes.&lt;br /&gt;&lt;br /&gt;Normalmente uma segmentação por públicos se mostra pertinente quando há uma área fechada, logada. Como no caso dos bancos, que possuem uma área para clientes e outra para não clientes.&lt;br /&gt;&lt;br /&gt;Para se comunicar com diferentes públicos não é preciso criar áreas específicas para eles. Basta disponibilizar a informação de maneira clara. As pessoas sabem selecionar o que lhes interessa.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-2875678011612516974?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/2875678011612516974/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=2875678011612516974&amp;isPopup=true' title='2 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/2875678011612516974'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/2875678011612516974'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2008/05/navegao-por-pblicos.html' title='Navegação por públicos'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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-826810008695948737.post-451726024788564386</id><published>2008-04-23T19:34:00.005-03:00</published><updated>2008-04-24T00:53:53.887-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='usabilidade'/><category scheme='http://www.blogger.com/atom/ns#' term='navegação'/><title type='text'>Navegando em alemão</title><content type='html'>Recebi o link de um site que eu suponho ser alemão ou holandês, mas não tenho certeza. Certezas eu tenho duas: não entendo o idioma do site e o site é muito interessante. A proposta do autor foi fotografar as embalagens de comidas prontas e depois fotografar a comida em si, mostrando a cruel diferença entre a propaganda e a realidade.&lt;br /&gt;&lt;div&gt;&lt;br /&gt;Mas o assunto aqui não é esse. O que me chamou a atenção é que mesmo sem entender patavina de alemão, holandês ou de seja lá qual for esse idioma, eu consegui navegar com facilidade pelo site, pois sua arquitetura é bastante simples.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;Acho que esse é um bom teste de usabilidade: se o usuário conseguir navegar por um site cujo idioma ele desconhece, o site é bom!&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;a href="http://pundo3000.com/werbunggegenrealitaet3000.htm"&gt;Clique aqui para ver o site&lt;/a&gt;, vale a pena, as fotos são muito boas.&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;div&gt;&lt;img id="BLOGGER_PHOTO_ID_5192573234851436754" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" src="http://bp2.blogger.com/_IkQobRJZHiY/SA-52H2FWNI/AAAAAAAAAHE/CbjQkfWbz04/s400/holandes1.jpg" border="0" /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;&lt;img id="BLOGGER_PHOTO_ID_5192573535499147490" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" src="http://bp0.blogger.com/_IkQobRJZHiY/SA-6Hn2FWOI/AAAAAAAAAHM/8VYmJOelfMI/s400/holandes2.jpg" border="0" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-451726024788564386?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/451726024788564386/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=451726024788564386&amp;isPopup=true' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/451726024788564386'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/451726024788564386'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2008/04/recebi-o-link-de-um-site-que-eu-suponho.html' title='Navegando em alemão'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://bp2.blogger.com/_IkQobRJZHiY/SA-52H2FWNI/AAAAAAAAAHE/CbjQkfWbz04/s72-c/holandes1.jpg' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-826810008695948737.post-1194612734702533356</id><published>2008-04-08T00:25:00.000-03:00</published><updated>2008-04-08T11:50:23.831-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='arquitetura de informação'/><category scheme='http://www.blogger.com/atom/ns#' term='navegação'/><title type='text'>Janelas, muitas janelas</title><content type='html'>Entrei no &lt;a href="http://www.blogger.com/www.benetton.com"&gt;site da Benetton&lt;/a&gt; e a minha primeira impressão foi ótima. Gostei das linhas básicas da arquitetura, da navegação nos primeiros níveis, da hierarquia e da seleção de informações na home. Comecei a navegar e me decepcionei um pouco com o conteúdo. Queria algo menos conceitual, queria ver as peças de roupas em detalhes e não apenas as belas fotos de closes de modelos. &lt;div&gt;&lt;div&gt;&lt;br /&gt;Mas a decepção veio mesmo ao clicar no primeiro item do menu institucional, localizado no rodapé. O conteúdo abriu uma nova janela do meu navegador com um novo site. A navegação é muito parecida com o site original, mas é um novo site.&lt;br /&gt;&lt;br /&gt;E isso acontece a cada item desse menu do rodapé que você clica. Em todos os sites. Cada item é uma nova janela, um novo site. Depois de navegar um pouco pela Benetton, veja como ficou meu navegador: &lt;img id="BLOGGER_PHOTO_ID_5186886410914311730" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://bp3.blogger.com/_IkQobRJZHiY/R_uFtZzZLjI/AAAAAAAAAGs/NgeIMlmfwZA/s400/benetton2.jpg" border="0" /&gt;Tenho certeza que há outra maneira de se fazer isso. E espero que haja um motivo muito específico para essa (i)lógica de navegação. Talvez uma maneira de evocar o trânsito de Roma, sempre tão caótico... &lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-1194612734702533356?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/1194612734702533356/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=1194612734702533356&amp;isPopup=true' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/1194612734702533356'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/1194612734702533356'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2008/03/janelas-muitas-janelas.html' title='Janelas, muitas janelas'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://bp3.blogger.com/_IkQobRJZHiY/R_uFtZzZLjI/AAAAAAAAAGs/NgeIMlmfwZA/s72-c/benetton2.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-826810008695948737.post-6136447809572940970</id><published>2008-04-04T09:31:00.004-03:00</published><updated>2008-04-04T09:43:44.068-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='arquitetura de informação'/><title type='text'>Carros e sites</title><content type='html'>O designers da indústria automobilística têm o desafio de desenharem carros inovadores, bonitos, exclusivos dentro das limitações impostas pelo modelo consagrado das quatro rodas, da direção do lado esquerdo, da posição do câmbio, dos pedais e dos instrumentos do painel e por aí vai.&lt;br /&gt;&lt;br /&gt;Um desafio talvez parecido com o dos arquitetos de informação e designers de sites, que também têm que desenhar sites inovadores, bonitos, exclusivos dentro das limitações impostas pela resolução de tela, usabilidade, acessibilidade, tecnologias utilizadas e por aí vai.&lt;br /&gt;&lt;br /&gt;Talvez a grande diferença entre um mercado e outro esteja na visão dos clientes. Enquanto o pessoal da indústria automobilística lida muito bem com as limitações e convenções estabelecidas em seu negócio, o pessoal do marketing de outros mercados (ou desse mercado mesmo, mas quando está olhando para um site e não para um carro) não encara os sites dessa maneira.&lt;br /&gt;&lt;br /&gt;Fazendo um paralelo, se os clientes fizessem aos projetistas de automóveis os mesmos pedidos que fazem aos arquitetos de informação e designers, provavelmente iriam pedir um carro de cinco rodas, com direção no teto, pedais na laterais, uma porta apenas.&lt;br /&gt;&lt;br /&gt;Temos de ter paciência para esperar o amadurecimento da visão sobre o que deve ser realmente inovador e exclusivo nos nossos sites.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-6136447809572940970?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/6136447809572940970/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=6136447809572940970&amp;isPopup=true' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/6136447809572940970'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/6136447809572940970'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2008/04/carros-e-sites.html' title='Carros e sites'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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-826810008695948737.post-3846107934996080037</id><published>2008-03-28T16:01:00.002-03:00</published><updated>2008-03-28T16:06:12.484-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='usabilidade'/><title type='text'>Usabilidade é isto</title><content type='html'>&lt;object width="425" height="355"&gt;&lt;param name="movie" value="http://www.youtube.com/v/qw4l1ljViTU&amp;hl=en"&gt;&lt;/param&gt;&lt;param name="wmode" value="transparent"&gt;&lt;/param&gt;&lt;embed src="http://www.youtube.com/v/qw4l1ljViTU&amp;hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-3846107934996080037?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/3846107934996080037/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=3846107934996080037&amp;isPopup=true' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/3846107934996080037'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/3846107934996080037'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2008/03/usabilidade-isto.html' title='Usabilidade é isto'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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-826810008695948737.post-5503146878804244398</id><published>2008-03-26T15:35:00.003-03:00</published><updated>2008-03-26T15:39:07.051-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='arquitetura de informação'/><category scheme='http://www.blogger.com/atom/ns#' term='acessibilidade'/><category scheme='http://www.blogger.com/atom/ns#' term='usabilidade'/><title type='text'>Sem saída</title><content type='html'>&lt;div&gt;O cliente foi mudando de idéia, pedindo alterações atrás de alterações, não seguiu as recomendações do arquiteto, olha só o que aconteceu!&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;/div&gt;&lt;img id="BLOGGER_PHOTO_ID_5182121213418876386" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://bp2.blogger.com/_IkQobRJZHiY/R-qXyZzZLeI/AAAAAAAAAGI/wMKNhrkaNFA/s400/ESCADA-1.jpg" border="0" /&gt;&lt;br /&gt;&lt;div&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;A foto me foi enviada pelo Maurício Alcântara, mas nós desconhecemos o seu autor ou onde ela foi tirada.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-5503146878804244398?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/5503146878804244398/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=5503146878804244398&amp;isPopup=true' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/5503146878804244398'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/5503146878804244398'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2008/03/sem-sada.html' title='Sem saída'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://bp2.blogger.com/_IkQobRJZHiY/R-qXyZzZLeI/AAAAAAAAAGI/wMKNhrkaNFA/s72-c/ESCADA-1.jpg' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-826810008695948737.post-6693160263783871383</id><published>2008-03-25T23:03:00.003-03:00</published><updated>2008-03-25T23:11:21.049-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='acessibilidade'/><title type='text'>Acessibilidade</title><content type='html'>O Horácio Soares, da &lt;a href="http://acessodigital.net/"&gt;Acesso Digital&lt;/a&gt;, deu esta noite uma excelente palestra sobre acessibilidade na TV1.com. Acessibilidade é um tema que tem me interessado cada vez mais: pela inclusão, mas também por questionar elementos básicos de arquitetura e de design. Por trazer à tona questões essenciais de um site, que no dia-a-dia acabam sendo esquecidas. Questões simples como "isso precisa mesmo ser assim?". Tenho certeza que qualquer trabalho - qualquer mesmo, não só a construção de um site - terá melhor resultado se a gente parar mais vezes para se fazer essa pergunta básica. Na maioria das vezes a resposta é "não" e há uma maneira mais criativa ou mais rápida ou mais barata ou mais acessível de se executar aquela tarefa.&lt;br /&gt;&lt;br /&gt;A palestra do Horácio trouxe à tona vários desses temas. Novos posts aparecerão por aqui em breve graças a ela.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-6693160263783871383?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/6693160263783871383/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=6693160263783871383&amp;isPopup=true' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/6693160263783871383'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/6693160263783871383'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2008/03/acessibilidade.html' title='Acessibilidade'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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-826810008695948737.post-4036818834906093562</id><published>2008-03-25T22:49:00.003-03:00</published><updated>2008-03-25T22:55:01.288-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web 2.0'/><category scheme='http://www.blogger.com/atom/ns#' term='conteúdo colaborativo'/><category scheme='http://www.blogger.com/atom/ns#' term='arquitetura de informação'/><title type='text'>Web 2.0</title><content type='html'>Quer conhecer sites da web 2.0, saber como eles funcionam e o que andam fazendo? Dê uma passada neste diretório: &lt;a href="http://www.go2web20.net/"&gt;www.go2web20.net&lt;/a&gt;. Ele oferece um farto material de pesquisa. Divirta-se com esse mundaréu de sites. :-)&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-4036818834906093562?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/4036818834906093562/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=4036818834906093562&amp;isPopup=true' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/4036818834906093562'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/4036818834906093562'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2008/03/web-20.html' title='Web 2.0'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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-826810008695948737.post-5085566450328890146</id><published>2008-02-26T23:36:00.003-03:00</published><updated>2008-02-26T23:43:29.311-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='branding'/><category scheme='http://www.blogger.com/atom/ns#' term='arquitetura de informação'/><title type='text'>Branding e AI</title><content type='html'>Quando se fala em branding, logo se pensa em imagem da marca (logotipia e seu manual de aplicação), arquitetura da marca, seu posicionamento no mercado, valores.&lt;br /&gt;&lt;br&gt;O site da empresa normalmente entra como mais um dos seus veículos de comunicação e a preocupação é que se aplique corretamente o logo e que se use imagens de "pessoas felizes" alinhadas com o posicionamento da marca ("precisamos de pessoas com menos cara de gringo, com jeito mais brasileiro").&lt;br /&gt;&lt;br&gt;Dificilmente se considera a arquitetura de informação como um instrumento de branding, deixando-a apenas como uma etapa técnica do projeto. Mas a arquitetura de informação reflete o branding com precisão e, ainda que o logo esteja corretamente aplicado e as imagens corretamente selecionadas, se a AI não fizer as opções corretas pode derrubar totalmente as estratégias do branding.&lt;br /&gt;&lt;br&gt;O site é um retrato fiel da organização que representa. Ele é uma imagem da empresa normalmente muito mais conhecida que sua sede, que muitas de suas ações de comunicação. E não importa em qual categoria ele se encaixe - institucional, comércio eletrônico, serviço, entretenimento, etc - a sua arquitetura de informação deverá refletir o branding.&lt;br /&gt;&lt;br&gt;E é simples entender como isso deve ser feito. A definição da hierarquia das informações e a rotulação das áreas do site, implicam na definição de prioridades e valores, que, por sua vez, devem estar alinhados ao branding. A própria rota de navegação pelo site, a escolha de uma navegação por temas, por público ou por qualquer outro critério, são temas pertinentes ao branding.&lt;br /&gt;&lt;br&gt;Ou seja, mesmo que não se tenha consciência disso, todas as escolhas de AI de um projeto têm estreita relação com o branding. Melhor estar consciente disso durante a condução do projeto.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-5085566450328890146?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/5085566450328890146/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=5085566450328890146&amp;isPopup=true' title='3 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/5085566450328890146'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/5085566450328890146'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2008/02/branding-e-ai.html' title='Branding e AI'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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-826810008695948737.post-551282156174110886</id><published>2008-02-23T15:28:00.005-03:00</published><updated>2008-02-23T15:49:34.986-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='arquitetura de informação'/><title type='text'>Wireframe x planta baixa</title><content type='html'>Arquitetura de informação é processo muito mais que produto. Por isso a comparação entre um wireframe com a planta baixa de uma casa tem os seus limites. É igual, até certo ponto. Enquanto a construção terá que seguir exatamente as indicações da planta, caso contrário a casa, literalmente, cairá, o site poderá sofrer alterações durante sua execução.&lt;br /&gt;&lt;div&gt; &lt;/div&gt;&lt;br /&gt;&lt;div&gt;E é muito saudável que isso aconteça. Faz parte do processo. O arquiteto de informação não pode ter a pretensão de definir o site sozinho. Há a colaboração do diretor de arte, do desenvolvedor html, do programador. &lt;/div&gt;&lt;div&gt; &lt;/div&gt;&lt;br /&gt;&lt;div&gt;E há as alterações que acontecem pela própria maturação do projeto. Por isso essa "planta baixa" inicial vai sofrendo atualizações no meio do caminho. Coisa que não acontece com a planta de uma casa.&lt;br /&gt;&lt;br /&gt;                                                                        &lt;span style="font-weight: bold;font-family:arial;" &gt;Wireframe&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp0.blogger.com/_IkQobRJZHiY/R8BnBKy2IoI/AAAAAAAAAFg/nVpZAh5ioh4/s1600-h/wire.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://bp0.blogger.com/_IkQobRJZHiY/R8BnBKy2IoI/AAAAAAAAAFg/nVpZAh5ioh4/s400/wire.jpg" alt="" id="BLOGGER_PHOTO_ID_5170245641996477058" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp2.blogger.com/_IkQobRJZHiY/R8BnOqy2IpI/AAAAAAAAAFo/0wx2LwzI_88/s1600-h/planta.jpg"&gt;&lt;img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer;" src="http://bp2.blogger.com/_IkQobRJZHiY/R8BnOqy2IpI/AAAAAAAAAFo/0wx2LwzI_88/s400/planta.jpg" alt="" id="BLOGGER_PHOTO_ID_5170245873924711058" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-551282156174110886?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/551282156174110886/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=551282156174110886&amp;isPopup=true' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/551282156174110886'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/551282156174110886'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2008/02/wireframe-x-planta-baixa.html' title='Wireframe x planta baixa'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://bp0.blogger.com/_IkQobRJZHiY/R8BnBKy2IoI/AAAAAAAAAFg/nVpZAh5ioh4/s72-c/wire.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-826810008695948737.post-6695259196950358348</id><published>2008-02-21T18:01:00.001-03:00</published><updated>2008-02-23T15:49:16.537-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='arquitetura de informação'/><category scheme='http://www.blogger.com/atom/ns#' term='usabilidade'/><category scheme='http://www.blogger.com/atom/ns#' term='usuários'/><title type='text'>Caminhos do usuário</title><content type='html'>Muito antes da internet existir (sim existia vida inteligente mesmo no tempo das máquinas de escrever) um arquiteto me explicou que em questões de urbanismo é preciso primeiro se observar o uso que as pessoas fazem dos locais para só depois mexer neles. Por exemplo, se numa praça existe uma trilha já feita pelo uso dos transeuntes, não adianta traçar um caminho diferente porque as pessoas continuarão a passar pela trilha.&lt;br /&gt;&lt;br /&gt;&lt;div align="left"&gt;&lt;img id="BLOGGER_PHOTO_ID_5168800114918433378" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" src="http://bp0.blogger.com/_IkQobRJZHiY/R7tEUay2ImI/AAAAAAAAAFQ/6V7Aez0ccDU/s400/berkekeypaths.jpg" border="0" /&gt; &lt;span style="font-size:78%;"&gt;&lt;br /&gt;&lt;/span&gt;Interessante tantos anos depois eu encontrar esta imagem. E essa conversa ter tudo a ver com Arquitetura de Informação e Usabilidade.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-6695259196950358348?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/6695259196950358348/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=6695259196950358348&amp;isPopup=true' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/6695259196950358348'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/6695259196950358348'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2008/02/caminhos-do-usurio.html' title='Caminhos do usuário'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://bp0.blogger.com/_IkQobRJZHiY/R7tEUay2ImI/AAAAAAAAAFQ/6V7Aez0ccDU/s72-c/berkekeypaths.jpg' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-826810008695948737.post-6528130555861296261</id><published>2008-02-19T16:47:00.002-03:00</published><updated>2008-02-28T18:38:45.636-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='navegação'/><title type='text'>Navegação por hipertexto</title><content type='html'>Na postagem abaixo eu falei de minha mania de querer ver todas páginas de um site acessíveis pelos menus do site. Mas existe um site que não faz isso, que estrutura sua navegação em hipertexto e é muito, muito bom. Quem me chamou a atenção para isso foi a Ana Coli. Esse site é o &lt;a href="http://www.imdb.com/"&gt;IMDB - The Internet Movie Database&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;Apesar de ter menus de categorias, acredito que eles sejam muito menos usados que a busca e os hipertextos. Neste site os hipertextos têm razão de ser e total pertinência. São mais que um aprofundamento de um tema ou uma nota de rodapé, como costuma acontecer. Eles são uma associação de idéias - ou de informações - que naturalmente surge quando o tema é esse: filmes, atores, diretores.&lt;br /&gt;&lt;br /&gt;Além disso, obviamente, seria impossível ter todo o conteúdo daquele banco de dados disposto em menus. E aqui os hipertextos se tornam uma navegação realmente inteligente e pertinente.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-6528130555861296261?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/6528130555861296261/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=6528130555861296261&amp;isPopup=true' title='2 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/6528130555861296261'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/6528130555861296261'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2008/02/navegao-por-hiperlinks.html' title='Navegação por hipertexto'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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-826810008695948737.post-3378632185708460387</id><published>2008-02-19T11:02:00.001-03:00</published><updated>2008-02-23T15:48:08.862-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='navegação'/><title type='text'>Navegação larga e profunda</title><content type='html'>Eu tenho algumas manias. Uns dizem que é TOC, outros que é obsessão, enfim... Uma delas é que ao desenhar um wireframe eu quero que todas as páginas sejam acessíveis pelo menu. Me incomoda muito a navegação quando uma página é acessada apenas por um link ou um botão no fim de um texto, por exemplo. Ou seja, quando só se chega a essa página por meio de um elemento de navegação que não é um item de menu.&lt;br /&gt;&lt;br /&gt;Em alguns casos não há mesmo outra solução. Mas eu procuro evitar ao máximo que isso ocorra.&lt;br /&gt;Por isso me agradou tanto a solução de navegação encontrada pelo &lt;a href="http://food.yahoo.com/"&gt;Yahoo! Foods&lt;/a&gt;, ideal para sites muito grandes horizontalmente e muito profundos. Um bom racional sobre essa solução é encontrado &lt;a href="http://www.teehanlax.com/blog/?p=211"&gt;aqui&lt;/a&gt;.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-3378632185708460387?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/3378632185708460387/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=3378632185708460387&amp;isPopup=true' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/3378632185708460387'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/3378632185708460387'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2008/02/navegao-larga-e-profunda.html' title='Navegação larga e profunda'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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-826810008695948737.post-3885039421908607352</id><published>2008-02-12T00:15:00.001-02:00</published><updated>2008-02-23T15:47:21.590-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='arquitetura de informação'/><category scheme='http://www.blogger.com/atom/ns#' term='usuários'/><title type='text'>Foco no usuário x foco no cliente</title><content type='html'>Em tudo o que lemos ou estudamos sobre Arquitetura de Informação está o mantra "foco no usuário", aprendemos que temos que olhar para as necessidades do usuário. Entretanto, trabalhando em agência, na produção de sites comerciais, nos deparamos com muita freqüência com o "foco no cliente". No dia-a-dia somos levados a atender as necessidades do cliente e não as do usuário. Quantas e quantas vezes não somos forçados a adotar uma solução que agrada ao cliente, mesmo sabendo que não é a melhor solução para o usuário?&lt;br /&gt;&lt;br /&gt;Enquanto aprendemos tendo em vista qual informação o usuário busca e como ele a procura, diariamente nossa tarefa é encontrar a melhor maneira de apresentar a informação que o cliente quer mostrar. E muitas vezes seus critérios são exclusivamente comerciais, levando a um desvirtuamento das boas práticas de arquitetura e usabilidade.&lt;br /&gt;&lt;br /&gt;No caso de intranets, por exemplo, é comum o usuário nem ser ouvido. São levadas em conta apenas as necessidades das diretorias e as decisões são basicamente políticas. Participei de um projeto de um site que tinha uma postura bastante agressiva, com bastante ênfase, para as áreas de Recursos Humanos e Trabalhe Conosco. Foi mudar o diretor da área para mudar totalmente o posicionamento e a relevância desse conteúdo no site. Ou seja, ainda há muito personalismo na condução dos sites comerciais.&lt;br /&gt;&lt;br /&gt;O cliente, de uma maneira geral, ainda vê a internet como uma via de mão única, como mais um meio para ele comunicar sua mensagem, como num folheto ou num comercial de tevê. Muito se fala em web 2.0, afinal é o termo da moda, mas pouco se pratica.&lt;br /&gt;&lt;br /&gt;Acho que o grande desafio do arquiteto de informação nas agências hoje é catequizar os clientes sobre a importância do foco no usuário. Senão os sites continuarão a ser um meio mal explorado - e conseqüentemente menos rentável ou mais custoso do que poderia ser - e web 2.0 será apenas mais um modismo marketeiro, como tantos outros.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-3885039421908607352?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/3885039421908607352/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=3885039421908607352&amp;isPopup=true' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/3885039421908607352'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/3885039421908607352'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2008/02/foco-no-usurio-x-foco-no-cliente.html' title='Foco no usuário x foco no cliente'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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-826810008695948737.post-1776935499770553020</id><published>2008-02-11T14:17:00.001-02:00</published><updated>2008-02-23T15:46:40.788-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='arquitetura de informação'/><title type='text'>AI no Carnaval</title><content type='html'>&lt;div align="left"&gt;Estive no Sambódromo assistindos aos desfiles das escolas de samba de São Paulo e comecei a reparar como as escolas de samba trabalham bem sua Arquitetura de Informação. Elas têm uma informação principal, o enredo, que é exposto ao público em três camadas: letra do samba, fantasias e carros alegóricos.&lt;br /&gt;&lt;/div&gt;&lt;div align="left"&gt;&lt;/div&gt;&lt;div align="left"&gt;&lt;/div&gt;&lt;div align="left"&gt;&lt;/div&gt;&lt;div align="left"&gt;&lt;br /&gt;A primeira camada, a letra do samba, permeia todo o desfile, é um elemento de "navegação" perene. Já as duas outras camadas se unem em uma determinada ordem hierárquica e cronológica que segue uma lógica narrativa. A seqüência apresentada - comissão de frente, carro abre-alas, alas, carros alegóricos, bateria - tem que representar o enredo e traduzi-lo imageticamente.&lt;/div&gt;&lt;br /&gt;&lt;div align="center"&gt;&lt;img id="BLOGGER_PHOTO_ID_5165768164360200754" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" src="http://bp2.blogger.com/_IkQobRJZHiY/R7B-xqy2IjI/AAAAAAAAAEQ/ai-T8a5d_xA/s400/carnaval+042.jpg" border="0" /&gt;&lt;br /&gt;&lt;/div&gt;&lt;p align="center"&gt;&lt;span style="font-size:78%;"&gt;Foto: Camila Guelfi&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;/p&gt;Enquanto o samba trabalha as palavras, o conteúdo do enredo, as fantasias e os carros alegóricos trabalham sua representação gráfica.&lt;br /&gt;&lt;br /&gt;Duvido que os carnavalescos tenham lido o livro do urso polar. Mas estou disposta a começar a freqüentar a quadra de algumas escolas para ver se aprendo um pouco mais de AI com eles.&lt;br /&gt;&lt;br /&gt;&lt;img id="BLOGGER_PHOTO_ID_5165768830080131650" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" src="http://bp1.blogger.com/_IkQobRJZHiY/R7B_Yay2IkI/AAAAAAAAAEY/bU2Rkh1TNbI/s400/carnaval+062.jpg" border="0" /&gt;&lt;br /&gt;&lt;p align="center"&gt;&lt;span style="font-size:78%;"&gt;Foto: Camila Guelfi&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-1776935499770553020?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/1776935499770553020/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=1776935499770553020&amp;isPopup=true' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/1776935499770553020'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/1776935499770553020'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2008/02/ai-no-carnaval.html' title='AI no Carnaval'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://bp2.blogger.com/_IkQobRJZHiY/R7B-xqy2IjI/AAAAAAAAAEQ/ai-T8a5d_xA/s72-c/carnaval+042.jpg' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-826810008695948737.post-7748515099946532571</id><published>2007-10-22T23:39:00.001-02:00</published><updated>2008-02-23T15:45:43.617-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='arquitetura de informação'/><category scheme='http://www.blogger.com/atom/ns#' term='evento'/><title type='text'>1º EBAI</title><content type='html'>O 1º Encontro Brasileiro de Arquitetura de Informação, realizado nos dias 19 e 20 de outubro, em São Paulo, foi um sucesso. O nível das palestras foi muito bom e a organização do evento foi perfeita.&lt;br /&gt;&lt;br /&gt;Para mim, as palestras de destaque foram "Folcsonomia: Vocabulário Descontrolado, Anarquitetura da Informação ou Samba do Crioulo Doido?", de Frederick van Amstel; "Acessibilidade Web: Sete Mitos e Um Equívoco", de Lêda Lucia Spelta; "GloboEsporte.com: Análise de usabilidade de menus de navegação em portal com grande quantidade de informação e vários níveis hierárquicos", de Marcia Maia e "Pequenas cirurgias, resultados surpreendentes – A reformulação do e-commerce de Sky", de Juliana Constantino e Silvia Melo.&lt;br /&gt;&lt;br /&gt;Curioso perceber que quase todo mundo que trabalha com arquitetura de informação no Brasil estava lá, ainda somos muito poucos a nos dedicarmos a essa fascinante área do conhecimento.&lt;br /&gt;&lt;br /&gt;E falando em "área do conhecimento", mais curioso ainda é ver a dificuldade que temos em definir o que é "arquitetura de informação".&lt;br /&gt;&lt;br /&gt;Fica agora a expectativa pelo próximo, tomara que no Rio de Janeiro.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-7748515099946532571?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/7748515099946532571/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=7748515099946532571&amp;isPopup=true' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/7748515099946532571'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/7748515099946532571'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2007/10/1-ebai.html' title='1º EBAI'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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-826810008695948737.post-4368615156872426973</id><published>2007-07-25T09:38:00.003-03:00</published><updated>2008-02-23T15:46:22.136-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='arquitetura de informação'/><category scheme='http://www.blogger.com/atom/ns#' term='mapa'/><title type='text'>Mapa da web</title><content type='html'>Gostei muito da inciativa da organização Information&lt;br /&gt;Architects Japan de mapear os 200 sites de maior sucesso da&lt;br /&gt;internet nos moldes do mapa do metrô de Londres. Acho&lt;br /&gt;sempre muito eficaz a apropriação de metáforas consagradas&lt;br /&gt;do "mundo real" para a comunicação on-line.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img id="BLOGGER_PHOTO_ID_5091113095199198770" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" src="http://bp3.blogger.com/_IkQobRJZHiY/RqdEYt6wDjI/AAAAAAAAABg/i0gYDvEe6C4/s400/iA_WebTrends_2007_2_sm.gif" border="0" /&gt;&lt;br /&gt;O mapa do metrô de Londres é um clássico do design, criado por Harry Beck nos anos 30, muito antes dos computadores, que você encontra aqui:&lt;br /&gt;&lt;a href="http://www.tfl.gov.uk/gettingaround/1106.aspx"&gt;http://www.tfl.gov.uk/gettingaround/1106.aspx&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Confira o trabalho da Information Architects Japan aqui:&lt;br /&gt;&lt;a href="http://www.informationarchitects.jp/ia-trendmap-2007v2#more-403"&gt;http://www.informationarchitects.jp/ia-trendmap-2007v2#more-403&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-4368615156872426973?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/4368615156872426973/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=4368615156872426973&amp;isPopup=true' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/4368615156872426973'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/4368615156872426973'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2007/07/mapa-da-web.html' title='Mapa da web'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://bp3.blogger.com/_IkQobRJZHiY/RqdEYt6wDjI/AAAAAAAAABg/i0gYDvEe6C4/s72-c/iA_WebTrends_2007_2_sm.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-826810008695948737.post-7208552944164667568</id><published>2007-07-22T23:57:00.001-03:00</published><updated>2008-02-23T15:44:14.770-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='usabilidade'/><category scheme='http://www.blogger.com/atom/ns#' term='rotulação'/><title type='text'>Cadê a geladeira?</title><content type='html'>Sei bem que a participação do arquiteto nessa história pode ter sido mínima, que provavelmente ele teve de atender a determinações do cliente. Mas a história é a seguinte, estava pesquisando modelos de geladeira e entrei no site da GE para ver o que eles oferecem. Mas onde encontrar um refrigerador por aqui?&lt;span style="text-decoration: underline;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp3.blogger.com/_IkQobRJZHiY/RqQbKd6wDiI/AAAAAAAAABY/1PdhBpQ-TtE/s1600-h/ge.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://bp3.blogger.com/_IkQobRJZHiY/RqQbKd6wDiI/AAAAAAAAABY/1PdhBpQ-TtE/s400/ge.jpg" alt="" id="BLOGGER_PHOTO_ID_5090223345479192098" border="0" /&gt;&lt;/a&gt;Não seria mais fácil colocar um item "produtos" no menu principal? Ainda que a empresa atue em várias áreas, ou vários negócios, esse item poderia se subdividir por essas áreas, para direcionar o usuário. Porque mesmo selecionando o item "GE Industrial" - que eu &lt;span style="font-weight: bold;"&gt;deduzi &lt;/span&gt;que seria o que produz eletrodomésticos - dentro do combo "Nossos negócios" não cheguei numa apresentação de produtos. Mais um clique e... pumba! caí na área de "Consumer &amp;amp; Industrial" do site americano. Depois disso obviamente desisti de procurar a tal geladeira e achei mais negócio vir postar esta mensagem aqui.&lt;br /&gt;&lt;br /&gt;Será que o relacionamento do consumidor com a marca não se dá exatamente por meio de seus produtos? Eis um exemplo de site auto-centrado ao invés de centrado no usuário.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-7208552944164667568?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/7208552944164667568/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=7208552944164667568&amp;isPopup=true' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/7208552944164667568'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/7208552944164667568'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2007/07/cad-geladeira.html' title='Cadê a geladeira?'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://bp3.blogger.com/_IkQobRJZHiY/RqQbKd6wDiI/AAAAAAAAABY/1PdhBpQ-TtE/s72-c/ge.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-826810008695948737.post-2827407901250881738</id><published>2007-07-19T17:10:00.002-03:00</published><updated>2008-02-23T15:46:01.298-03:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='conteúdo colaborativo'/><category scheme='http://www.blogger.com/atom/ns#' term='arquitetura de informação'/><category scheme='http://www.blogger.com/atom/ns#' term='navegação'/><title type='text'>Abas e conteúdo colaborativo</title><content type='html'>O portal do Estadão estreou novo layout esta semana e é mais um site que se rende à navegação por abas, que a Amazon popularizou tanto tempo atrás.&lt;br /&gt;&lt;div&gt;Em AI soluções simples costumam ser as melhores. E a navegação por abas é muito simples. E muito eficiente. &lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;img id="BLOGGER_PHOTO_ID_5089008470941365522" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" src="http://bp3.blogger.com/_IkQobRJZHiY/Rp_KPdlp9RI/AAAAAAAAABI/sUIGwOu5nLw/s400/estadao.jpg" border="0" /&gt;Outra aposta do Estadão é nos formatos típicos do conteúdo colaborativo. São blogs, podcasts, navegação por tags. Gosto dos formatos, são bastante agéis.&lt;br /&gt;O que eu questiono muito é a validade do conteúdo colaborativo. Quem garante a qualidade e a veracidade do que está sendo postado? Eu sei que a discussão é longa, passa pela Wikipedia e pelos "o repórter é você", em todas as versões que os portais estão adotando e eu voltar a ela várias vezes, pode ter certeza.&lt;br /&gt;Só que corre-se o risco de acontecer o que aconteceu com o UOL ontem, que publicou uma foto enviada por um leitor do galpão da TAM em chamas com um corpo caindo e depois teve que despublicá-la e se explicar, pois a foto era uma montagem e o corpo não estava lá. &lt;div&gt;&lt;br /&gt;&lt;div&gt;&lt;/div&gt;&lt;img id="BLOGGER_PHOTO_ID_5089003432944727234" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" src="http://bp2.blogger.com/_IkQobRJZHiY/Rp_FqNlp9MI/AAAAAAAAAAg/fNCZI1RG3Yc/s320/Erramos.jpg" border="0" /&gt;&lt;br /&gt;&lt;div&gt;Para quem quiser ver o texto da correção: &lt;a href="http://noticias.uol.com.br/erros/2007/07/18/ult4317u71.jhtm"&gt;http://noticias.uol.com.br/erros/2007/07/18/ult4317u71.jhtm&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826810008695948737-2827407901250881738?l=paperframe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://paperframe.blogspot.com/feeds/2827407901250881738/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826810008695948737&amp;postID=2827407901250881738&amp;isPopup=true' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/2827407901250881738'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826810008695948737/posts/default/2827407901250881738'/><link rel='alternate' type='text/html' href='http://paperframe.blogspot.com/2007/07/abas-e-contedo-colaborativo.html' title='Abas e conteúdo colaborativo'/><author><name>Luciana Ribeiro</name><uri>http://www.blogger.com/profile/10324522303942945404</uri><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><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://bp3.blogger.com/_IkQobRJZHiY/Rp_KPdlp9RI/AAAAAAAAABI/sUIGwOu5nLw/s72-c/estadao.jpg' height='72' width='72'/><thr:total>0</thr:total></entry></feed>
