<?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:blogger='http://schemas.google.com/blogger/2008' 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-1517235389476577620</id><updated>2014-10-05T09:29:29.487+01:00</updated><category term="Diseño"/><category term="Vostok"/><category term="Diseño de interacción"/><category term="Experiencia de usuario"/><category term="diseño de producto"/><category term="usabilidad"/><category term="Charlas"/><category term="Diseño de información"/><category term="Ingeniería Informática"/><category term="Arquit. de Información"/><category term="Este blog"/><category term="Métodos"/><category term="La profesión"/><category term="diseño visual"/><category term="libros"/><category term="móviles"/><title type='text'>NauNauNau</title><subtitle type='html'>es que Nau y NauNau ya estaban cogidos</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://naunaunau.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='http://naunaunau.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default?start-index=26&amp;max-results=25&amp;redirect=false'/><author><name>nau</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>39</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-1517235389476577620.post-787734131220515868</id><published>2010-01-27T11:16:00.003+01:00</published><updated>2010-02-09T16:40:00.555+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Diseño de interacción"/><category scheme="http://www.blogger.com/atom/ns#" term="diseño de producto"/><title type='text'>Nueva palabra: videoprototyping</title><content type='html'>&lt;object width=&quot;400&quot; height=&quot;225&quot;&gt;&lt;param name=&quot;allowfullscreen&quot; value=&quot;true&quot;&gt;&lt;param name=&quot;allowscriptaccess&quot; value=&quot;always&quot;&gt;&lt;param name=&quot;movie&quot; value=&quot;http://vimeo.com/moogaloop.swf?clip_id=8889817&amp;amp;server=vimeo.com&amp;amp;show_title=0&amp;amp;show_byline=0&amp;amp;show_portrait=0&amp;amp;color=&amp;amp;fullscreen=1&quot;&gt;&lt;embed src=&quot;http://vimeo.com/moogaloop.swf?clip_id=8889817&amp;amp;server=vimeo.com&amp;amp;show_title=0&amp;amp;show_byline=0&amp;amp;show_portrait=0&amp;amp;color=&amp;amp;fullscreen=1&quot; type=&quot;application/x-shockwave-flash&quot; allowfullscreen=&quot;true&quot; allowscriptaccess=&quot;always&quot; width=&quot;400&quot; height=&quot;225&quot;&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;El vídeo de arriba es &lt;a href=&quot;http://vimeo.com/8889817&quot;&gt;CabiAnuncios&lt;/a&gt;, una prueba de concepto que pretende utilizar las cabinas como tablón de anuncios digital y una de las 3 ideas que decidimos sacar adelante de las muchas que hubieron en un proyecto para Cabitel, la empresa que gestiona las cabinas telefónicas.&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;No siempre se tiene un vídeo como resultado final de un proyecto, así que había que aprovecharlo! No me busques, no me tocó actuar, en mi caso me encargué de diseñar y preparar para el vídeo la interfaz de la web y de dentro y fuera de las cabinas, a parte de participar en las sesiones de ideación.&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Aquí van las otras dos videoideas:&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;object width=&quot;400&quot; height=&quot;225&quot;&gt;&lt;param name=&quot;allowfullscreen&quot; value=&quot;true&quot;&gt;&lt;param name=&quot;allowscriptaccess&quot; value=&quot;always&quot;&gt;&lt;param name=&quot;movie&quot; value=&quot;http://vimeo.com/moogaloop.swf?clip_id=7814165&amp;amp;server=vimeo.com&amp;amp;show_title=0&amp;amp;show_byline=0&amp;amp;show_portrait=0&amp;amp;color=&amp;amp;fullscreen=1&quot;&gt;&lt;embed src=&quot;http://vimeo.com/moogaloop.swf?clip_id=7814165&amp;amp;server=vimeo.com&amp;amp;show_title=0&amp;amp;show_byline=0&amp;amp;show_portrait=0&amp;amp;color=&amp;amp;fullscreen=1&quot; type=&quot;application/x-shockwave-flash&quot; allowfullscreen=&quot;true&quot; allowscriptaccess=&quot;always&quot; width=&quot;400&quot; height=&quot;225&quot;&gt;&lt;/embed&gt;&lt;/object&gt;&lt;p&gt;&lt;a href=&quot;http://vimeo.com/7814165&quot;&gt;kBici! video prototyping&lt;/a&gt; from &lt;a href=&quot;http://vimeo.com/dnxgroup&quot;&gt;dnx&lt;/a&gt; on &lt;a href=&quot;http://vimeo.com/&quot;&gt;Vimeo&lt;/a&gt;.&lt;/p&gt;&lt;br /&gt;&lt;object width=&quot;400&quot; height=&quot;300&quot;&gt;&lt;param name=&quot;allowfullscreen&quot; value=&quot;true&quot;&gt;&lt;param name=&quot;allowscriptaccess&quot; value=&quot;always&quot;&gt;&lt;param name=&quot;movie&quot; value=&quot;http://vimeo.com/moogaloop.swf?clip_id=8201573&amp;amp;server=vimeo.com&amp;amp;show_title=0&amp;amp;show_byline=0&amp;amp;show_portrait=0&amp;amp;color=&amp;amp;fullscreen=1&quot;&gt;&lt;embed src=&quot;http://vimeo.com/moogaloop.swf?clip_id=8201573&amp;amp;server=vimeo.com&amp;amp;show_title=0&amp;amp;show_byline=0&amp;amp;show_portrait=0&amp;amp;color=&amp;amp;fullscreen=1&quot; type=&quot;application/x-shockwave-flash&quot; allowfullscreen=&quot;true&quot; allowscriptaccess=&quot;always&quot; width=&quot;400&quot; height=&quot;300&quot;&gt;&lt;/embed&gt;&lt;/object&gt;&lt;p&gt;&lt;a href=&quot;http://vimeo.com/8201573&quot;&gt;CabiFun&lt;/a&gt; from &lt;a href=&quot;http://vimeo.com/dnxgroup&quot;&gt;dnx&lt;/a&gt; on &lt;a href=&quot;http://vimeo.com/&quot;&gt;Vimeo&lt;/a&gt;.&lt;/p&gt;&lt;/div&gt;&lt;div&gt;Bigchus, compañero de fatigas en &lt;a href=&quot;http://dnxgroup.com&quot;&gt;dnx&lt;/a&gt; y actor de vídeos para cabinas en sus ratos libres, también lo comenta en su blog: &lt;a href=&quot;http://www.bigchus.com/caleidoscopia/?p=637&quot;&gt;http://www.bigchus.com/caleidoscopia/?p=637&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://naunaunau.blogspot.com/feeds/787734131220515868/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1517235389476577620&amp;postID=787734131220515868' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/787734131220515868'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/787734131220515868'/><link rel='alternate' type='text/html' href='http://naunaunau.blogspot.com/2010/01/nueva-palabra-videoprototyping.html' title='Nueva palabra: videoprototyping'/><author><name>nau</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1517235389476577620.post-3429734930327547907</id><published>2010-01-15T10:56:00.004+01:00</published><updated>2010-01-15T11:27:53.246+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Experiencia de usuario"/><title type='text'>Másmovil, una persona jurídica que cada vez me cae mejor</title><content type='html'>&lt;div&gt;Cada vez tengo más claro que me voy a pasar a MásMóvil: tienen buenas tarifas, la tarifa de internet en el móvil es la más barata con mucha diferencia, no te impiden sino que te animan y explican cómo usar skype en tu móvil y llevan el márketin 2.0 a rajatabla y de forma natural.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Hoy han posteado esto en &lt;a href=&quot;http://www.facebook.com/masmovil1&quot;&gt;su facebook&lt;/a&gt;:&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;blockquote&gt;&lt;div&gt;&lt;i&gt;&lt;span class=&quot;Apple-style-span&quot;  style=&quot;color:#666666;&quot;&gt;Ante la magnitud de la tragedia ocurrida en Haití, desde MÁSmovil sentimos que debemos aportar algo. Por eso, durante los 3 próximos días (15, 16 y 17 de Enero de 2010), entre las 10:00 y las 22:00 horas MÁSmovil ofrece a sus clientes la posibilidad de llamar a Haití completamente gratis. Sin coste de establecimiento de llamada. Sin límites, salvo el del uso razonable.&lt;br /&gt;&lt;/span&gt;&lt;/i&gt;&lt;/div&gt;&lt;div&gt;&lt;i&gt;&lt;span class=&quot;Apple-style-span&quot;  style=&quot;color:#666666;&quot;&gt;Por otro lado, desde hoy y hasta el domingo día 24 de Enero de 2010, MÁSmovil va a instalar 1 línea gratuita en la embajada de Haití en España (C/ Marqués del Duero, 3, 1º. Izda, 28001, Madrid) para que quien lo necesite pueda hablar con sus familiares y amigos en la zona afectada, sin necesidad de ser cliente nuestro.&lt;/span&gt;&lt;/i&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;div&gt;En el hilo generado en este post piden más ideas&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://naunaunau.blogspot.com/feeds/3429734930327547907/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1517235389476577620&amp;postID=3429734930327547907' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/3429734930327547907'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/3429734930327547907'/><link rel='alternate' type='text/html' href='http://naunaunau.blogspot.com/2010/01/mas-movil-una-persona-juridica-que-cada.html' title='Másmovil, una persona jurídica que cada vez me cae mejor'/><author><name>nau</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1517235389476577620.post-2279468864343557005</id><published>2010-01-12T09:43:00.001+01:00</published><updated>2010-01-12T09:50:46.580+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="diseño de producto"/><title type='text'>Los hoyganes</title><content type='html'>Después de reírme bastante con este caso especial de Hoygan (&lt;a href=&quot;http://sg.answers.yahoo.com/question/index?qid=20071021113419AAYCo66&quot;&gt;http://sg.answers.yahoo.com/question/index?qid=20071021113419AAYCo66&lt;/a&gt;) pensé que tal vez los hoygan y los que no se enteran de cómo va la movida a veces sean los que mejor te pueden decir cuál debe ser la próxima funcionalidad que se debería implementar</content><link rel='replies' type='application/atom+xml' href='http://naunaunau.blogspot.com/feeds/2279468864343557005/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1517235389476577620&amp;postID=2279468864343557005' title='1 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/2279468864343557005'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/2279468864343557005'/><link rel='alternate' type='text/html' href='http://naunaunau.blogspot.com/2010/01/despues-de-reirme-bastante-con-este.html' title='Los hoyganes'/><author><name>nau</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1517235389476577620.post-493258379197159375</id><published>2009-10-31T12:53:00.006+01:00</published><updated>2009-10-31T13:18:08.417+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Métodos"/><title type='text'>Visual Thinking</title><content type='html'>Visual thinking es pensar visualmente.&lt;br /&gt;Es hacer pensar a los demás con algo visual.&lt;br /&gt;Representar y/o explicar un problema de forma gráfica.&lt;br /&gt;&lt;br /&gt;Por mi cuenta y riesgo hice un ejercicio: representar los puntos de vista de vegetarianos y no-vegetarianos.&lt;br /&gt;¿para cuándo los gurús hablarán de &lt;span style=&quot;font-style:italic;&quot;&gt;Interactive Visual Thinking&lt;/span&gt;? ¿Acabo de inventar el término? Cómo me gustaría hacer uno.&lt;br /&gt;&lt;br /&gt;&lt;a target=&quot;_blank&quot; onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;http://1.bp.blogspot.com/_EN-XfH02goU/SuwpqhQU4oI/AAAAAAAAAaI/bTKWrQC39I4/s1600-h/4056164324_4cef503e0e_o.png&quot;&gt;&lt;img style=&quot;display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 200px;&quot; src=&quot;http://1.bp.blogspot.com/_EN-XfH02goU/SuwpqhQU4oI/AAAAAAAAAaI/bTKWrQC39I4/s400/4056164324_4cef503e0e_o.png&quot; border=&quot;0&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5398735863768474242&quot; /&gt;&lt;/a&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;http://creativecommons.org/licenses/by/2.5/es/&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(0, 0, 0); -webkit-text-decorations-in-effect: none; &quot;&gt;&lt;/span&gt;&lt;/a&gt;&lt;a href=&quot;http://creativecommons.org/licenses/by/2.5/es/&quot;&gt;&lt;span class=&quot;Apple-style-span&quot;  style=&quot;font-size:x-small;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot;  style=&quot;font-family:&#39;courier new&#39;;&quot;&gt;(&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot;  style=&quot;font-size:x-small;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot;  style=&quot;font-family:&#39;courier new&#39;;&quot;&gt;cc)&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://naunaunau.blogspot.com/feeds/493258379197159375/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1517235389476577620&amp;postID=493258379197159375' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/493258379197159375'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/493258379197159375'/><link rel='alternate' type='text/html' href='http://naunaunau.blogspot.com/2009/10/visual-thinking.html' title='Visual Thinking'/><author><name>nau</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/_EN-XfH02goU/SuwpqhQU4oI/AAAAAAAAAaI/bTKWrQC39I4/s72-c/4056164324_4cef503e0e_o.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1517235389476577620.post-4938234001314355074</id><published>2009-10-21T08:38:00.008+01:00</published><updated>2010-01-12T16:33:10.224+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Diseño de interacción"/><title type='text'>Ratón mágico</title><content type='html'>Apple ha sacado un &lt;a target=&quot;_blank&quot; href=&quot;http://www.apple.com/magicmouse/&quot;&gt;nuevo ratón&lt;/a&gt;. Yuhu!&lt;br /&gt;&lt;div&gt;&lt;br /&gt;&lt;a target=&quot;_blank&quot; onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;http://www.apple.com/magicmouse/&quot;&gt;&lt;img style=&quot;float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 110px;&quot; src=&quot;http://3.bp.blogspot.com/_EN-XfH02goU/St7DCIgiFpI/AAAAAAAAAZw/mHkFqz0ohnk/s320/hero_1_20091020.jpg&quot; border=&quot;0&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5394963845047522962&quot; /&gt;&lt;/a&gt;&lt;/div&gt; Es multitáctil, bonito, inalámbrico y molón. ¿Tanto bombo y platillo harán justicia? Veremos, el anterior era bastante malo. Este aporta una forma algo distinta de interactuar, un poco más transparente que con los ratones &quot;con ruedita&quot;, también introduce el scroll con inercia (puede molar) y gestos con dos dedos (&lt;a target=&quot;_blank&quot; href=&quot;http://images.google.es/images?hl=es&amp;safe=off&amp;rlz=1C1GGLS_esES291ES303&amp;um=1&amp;sa=1&amp;q=horned+hand&amp;btnG=Buscar&amp;aq=f&amp;oq=&amp;start=0&quot;&gt;estos no&lt;/a&gt;, otros) que probablemente pocos usarán. &lt;a target=&quot;_blank&quot; href=&quot;http://www.apple.com/magicmouse/#hero-video&quot;&gt;Mira el vídeo&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;Aunque algo me corroe por dentro: su perfecto perfil de sonrisa tristona, una forma geométrica perfecta indiscutiblemente bonita. ¿Será ergonómico? ¿Se usará sin problemas? ¿Habrán cometido el crimen del mal diseñador anteponiendo estética a funcionalidad? Está claro que nuestra mano no tiene esa forma. Ansioso me hallo por probarlo!&lt;br /&gt;&lt;br /&gt;Hablando de los ratones de apple y de forma vs. función. A ver si adivinas en qué año a los de Apple se les fue la bola completamente:&lt;br /&gt;&lt;br /&gt;&lt;a onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;http://4.bp.blogspot.com/_EN-XfH02goU/St7OBLsryqI/AAAAAAAAAaA/0KnVFU-z7yE/s1600-h/mice-de0efba47ea9a3f7272ae916c611e339.png&quot;&gt;&lt;img style=&quot;display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 600px; height: 201px;&quot; src=&quot;http://4.bp.blogspot.com/_EN-XfH02goU/St7OBLsryqI/AAAAAAAAAaA/0KnVFU-z7yE/s400/mice-de0efba47ea9a3f7272ae916c611e339.png&quot; border=&quot;0&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5394975923351833250&quot; /&gt;&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://naunaunau.blogspot.com/feeds/4938234001314355074/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1517235389476577620&amp;postID=4938234001314355074' title='2 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/4938234001314355074'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/4938234001314355074'/><link rel='alternate' type='text/html' href='http://naunaunau.blogspot.com/2009/10/raton-magico.html' title='Ratón mágico'/><author><name>nau</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/_EN-XfH02goU/St7DCIgiFpI/AAAAAAAAAZw/mHkFqz0ohnk/s72-c/hero_1_20091020.jpg" height="72" width="72"/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1517235389476577620.post-10884957987552995</id><published>2009-10-12T14:52:00.004+01:00</published><updated>2009-10-12T15:46:39.253+01:00</updated><title type='text'>Sonido e imagen</title><content type='html'>Siempre, bueno, más bien desde que empecé a darle vueltas a esto del diseño, he pensado que conceptualmente los principios universales de diseño que hacen que algo esté bien diseñado tienen su equivalente en el mundo de los sonidos, léase música.&lt;br /&gt;Por ejemplo: para mí seguir una retícula al diseñar una interfaz es muy similar a seguir el ritmo de un batería. Si no lo hago correctamente noto que la interfaz tiene algo que no está donde debería estar, como si en una canción hubiera perdido el ritmo.&lt;br /&gt;&lt;br /&gt;Por eso no es de extrañar que disfrute de una pedazo de frikada como esta: 3 minutos de extraños sonidos generados por &lt;a href=&quot;http://photosounder.com/&quot;&gt;un programa&lt;/a&gt; que transforma imágenes en sonidos:&lt;br /&gt;&lt;object width=&quot;500&quot; height=&quot;405&quot;&gt;&lt;param name=&quot;movie&quot; value=&quot;http://www.youtube.com/v/W8MCAXhEsy4&amp;amp;hl=es&amp;amp;fs=1&amp;amp;border=1&quot;&gt;&lt;param name=&quot;allowFullScreen&quot; value=&quot;true&quot;&gt;&lt;param name=&quot;allowscriptaccess&quot; value=&quot;always&quot;&gt;&lt;embed src=&quot;http://www.youtube.com/v/W8MCAXhEsy4&amp;amp;hl=es&amp;amp;fs=1&amp;amp;border=1&quot; type=&quot;application/x-shockwave-flash&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;true&quot; width=&quot;500&quot; height=&quot;405&quot;&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;Sé poquísimo de música, pero estoy convencido de que un buen diseño siempre &lt;span style=&quot;font-style:italic;&quot;&gt;suena&lt;/span&gt; bien :)</content><link rel='replies' type='application/atom+xml' href='http://naunaunau.blogspot.com/feeds/10884957987552995/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1517235389476577620&amp;postID=10884957987552995' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/10884957987552995'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/10884957987552995'/><link rel='alternate' type='text/html' href='http://naunaunau.blogspot.com/2009/10/sonido-e-imagen.html' title='Sonido e imagen'/><author><name>nau</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1517235389476577620.post-2700209314029008414</id><published>2009-10-07T18:52:00.004+01:00</published><updated>2009-10-15T09:34:27.484+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Diseño de interacción"/><title type='text'>La ola</title><content type='html'>&lt;span class=&quot;Apple-style-span&quot;  style=&quot;background- ;color:rgba(0, 0, 0, 0);&quot;&gt;&lt;div&gt;La moda del momento: &lt;a href=&quot;http://wave.google.com/help/wave/closed.html&quot;&gt;Google Wave&lt;/a&gt;. La principal crítica que oigo por ahí es que todo lo que se puede hacer con Wave ya se puede hacer con Facebook, PERO, por suerte (por suerte para mí, pues es mi trabajo) lo que importa en una aplicación no es sólo &lt;b&gt;qué&lt;/b&gt; puede hacer, también importa, y mucho, &lt;b&gt;el cómo &lt;/b&gt;lo hace. &lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Importa cómo de sencillo es de usar, cómo están organizadas las conversaciones, si se entiende a la primera, si no hay distracciones... En la experiencia de uso importa todo. Por algo todo el mundo tiene un iPhone aunque se pueda hacer lo mismo en otros teléfonos.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;/span&gt;&lt;div&gt;No estoy diciendo que Wave sea bueno (aun), para poder decir eso antes Hitler y yo necesitamos invitaciones:&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;object width=&quot;660&quot; height=&quot;405&quot;&gt;&lt;param name=&quot;movie&quot; value=&quot;http://www.youtube.com/v/0-M66zhxJ80&amp;amp;hl=es&amp;amp;fs=1&amp;amp;rel=0&amp;amp;border=1&quot;&gt;&lt;param name=&quot;allowFullScreen&quot; value=&quot;true&quot;&gt;&lt;param name=&quot;allowscriptaccess&quot; value=&quot;always&quot;&gt;&lt;embed src=&quot;http://www.youtube.com/v/0-M66zhxJ80&amp;amp;hl=es&amp;amp;fs=1&amp;amp;rel=0&amp;amp;border=1&quot; type=&quot;application/x-shockwave-flash&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;true&quot; width=&quot;660&quot; height=&quot;405&quot;&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;___&lt;br /&gt;Actualización: Ya tengo cuenta, gracias &lt;a href=&quot;http://denegro.com/&quot;&gt;denegro &lt;/a&gt;y &lt;a href=&quot;http://sofanaranja.com/&quot;&gt;ale&lt;/a&gt;! Primera impresión: lo que siempre soñé para gestión de proyectos y comunicación con clientes. Eso sí, haber si Google mejora la gestión de contactos.</content><link rel='replies' type='application/atom+xml' href='http://naunaunau.blogspot.com/feeds/2700209314029008414/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1517235389476577620&amp;postID=2700209314029008414' title='2 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/2700209314029008414'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/2700209314029008414'/><link rel='alternate' type='text/html' href='http://naunaunau.blogspot.com/2009/10/la-ola.html' title='La ola'/><author><name>nau</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1517235389476577620.post-6981338218554452361</id><published>2009-09-12T18:19:00.008+01:00</published><updated>2009-09-14T14:01:09.820+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="diseño de producto"/><title type='text'>Pago por contenidos</title><content type='html'>&lt;div&gt;&lt;blockquote&gt;&lt;/blockquote&gt;Ahora que miro hace más de un año que no escribo aquí! Y encima vuelvo sólo para poner un enlace a otra página. Lamentable.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;En fin, que no sé cómo pero llegué a un blog de economía, en concreto a un artículo que, aun siendo escrito por una persona experta en economía, trata sobre diseño de producto en internet y que recomiendo leer:&lt;/div&gt;&lt;div&gt;&lt;a href=&quot;http://www.elblogsalmon.com/sectores/la-ley-del-pago-por-contenidos-los-medios-y-google&quot;&gt;http://www.elblogsalmon.com/sectores/la-ley-del-pago-por-contenidos-los-medios-y-google&lt;/a&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Donde se expone una fórmula de negocio bastante divertida: &lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;blockquote&gt;&lt;div&gt;&lt;span class=&quot;Apple-style-span&quot;  style=&quot;color:#666666;&quot;&gt;&lt;i&gt;El número de iniciativas para implantar contenidos de pago en medios digitales (por ej. &lt;a href=&quot;http://www.elpais.com/articulo/sociedad/Rebelion/gratis/total/Red/elpepisoc/20090911elpepisoc_1/Tes&quot;&gt;pagar por ver ElPaís.com&lt;/a&gt; o ElMundo.es) es inversamente proporcional a la evolución del PIB en los países occidentales&lt;/i&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;div&gt;A parte de eso, reflexiona sobre quién es el que realmente genera una noticia, quién es el que la emite y quién es el que la repite sin aportarle valor.&lt;/div&gt;&lt;div&gt;Lo cual me recordó que una de las cosas que mejor sabe hacer Internet es &lt;b&gt;cargarse intermediarios&lt;/b&gt;, de casi cualquier ámbito: ya está pasando con la música (quieran o no), con vuelos, con hoteles... hoy ya puedes acceder directamente a quien ofrece el producto/servicio, reduciendo o eliminando el número de mediadores.&lt;/div&gt;&lt;div&gt;Gran ejemplo es el actor Ashton Kutcher, que usa &lt;a href=&quot;http://qik.com/ashton&quot;&gt;una web&lt;/a&gt; para publicar vídeos de su vida privada que graba él mismo y que cualquier puede ver (adiós tomate!)&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Y BUENO, como hace tiempo que no escribo pues informo de que me va bastante bien en general, y en concreto sobre la temática del blog he aprendido una barbaridad, estoy trabajando en proyectos muy distintos entre sí, tocando muchos palos, creciendo a lo ancho, pero también profundizando en donde tenía más experiencia. Así que yo encantado.&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://naunaunau.blogspot.com/feeds/6981338218554452361/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1517235389476577620&amp;postID=6981338218554452361' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/6981338218554452361'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/6981338218554452361'/><link rel='alternate' type='text/html' href='http://naunaunau.blogspot.com/2009/09/pago-por-contenidos.html' title='Pago por contenidos'/><author><name>nau</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1517235389476577620.post-2144232425305272031</id><published>2008-05-26T08:41:00.005+01:00</published><updated>2008-12-09T11:07:34.493+01:00</updated><title type='text'>¿Qué es el minimalismo?</title><content type='html'>Que algo tenga poquitas cosas, dirán algunos, pero más bien...&lt;div&gt;&lt;br /&gt;&lt;a onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;http://23psi.com/2008/05/minimalism/&quot;&gt;&lt;img style=&quot;text-align: left;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; &quot; src=&quot;http://4.bp.blogspot.com/_EN-XfH02goU/SDpqNVSyFtI/AAAAAAAAAL0/oWMWgMs6DDk/s400/image.jpg&quot; border=&quot;0&quot; alt=&quot;Minimalism: … is everything you need, nothing that you don’t&quot; id=&quot;BLOGGER_PHOTO_ID_5204589096666797778&quot; /&gt;&lt;/a&gt;Minimalism: … is everything you need, nothing that you don’t&lt;br /&gt;&lt;div&gt;visto en: &lt;a href=&quot;http://23psi.com/2008/05/minimalism/&quot;&gt;http://23psi.com/2008/05/minimalism/&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://naunaunau.blogspot.com/feeds/2144232425305272031/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1517235389476577620&amp;postID=2144232425305272031' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/2144232425305272031'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/2144232425305272031'/><link rel='alternate' type='text/html' href='http://naunaunau.blogspot.com/2008/05/qu-es-el-minimalismo.html' title='¿Qué es el minimalismo?'/><author><name>nau</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/_EN-XfH02goU/SDpqNVSyFtI/AAAAAAAAAL0/oWMWgMs6DDk/s72-c/image.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1517235389476577620.post-5807952823018207082</id><published>2008-05-18T17:30:00.004+01:00</published><updated>2008-05-18T19:10:51.645+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="diseño de producto"/><title type='text'>Limitaciones</title><content type='html'>Pues en flickr han puesto vídeo (hace un montón de tiempo, lo sé)&lt;br /&gt;&lt;br /&gt;A los muy puritanos no les gusta que haya vídeos al lado de sus fotos, y a los que les gusta la función de vídeo se quejan porque sólo deja poner vídeos de hasta 90 segundos. Sin embargo la idea de los 90 segundos a mí me parece acertada porque creo que tiene otras intenciones además de conservar espacio en los servidores.&lt;br /&gt;&lt;br /&gt;Se trata del arriesgado mundo de limitar nuestra propia aplicación. Con estos límites se consiguen, con un coste elevado, objetivos que de otra forma serían inviables:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;forzar a que los contenidos de los usuarios sean de mejor calidad (en muxtape.com sólo puedes subir 12 canciones)&lt;br /&gt;&lt;/li&gt;&lt;li&gt;ir a por un grupo de población o a por unos contenidos determinados (el caso de flickr, sólo quiere vídeos casuales hechos con cámara)&lt;br /&gt;&lt;/li&gt;&lt;li&gt;para mantener acotado el interfaz (por ej. un comparador de un máximo de 3 telefonos, y no 40, para que siga funcionando la interfaz)&lt;br /&gt;&lt;/li&gt;&lt;li&gt;para evitar spam&lt;br /&gt;&lt;/li&gt;&lt;li&gt;...&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;Ejemplos:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;muxtape.com: sólo 12 canciones por cuenta&lt;br /&gt;&lt;/li&gt;&lt;li&gt;planetaki.com: sólo guarda hasta 7 días de posts&lt;br /&gt;&lt;/li&gt;&lt;li&gt;unvlog.com: sólo un vídeo al día&lt;br /&gt;&lt;/li&gt;&lt;li&gt;y además de mí ¿alguien cree que le vendría bien a twitter limitar el nº de gente a la que puedes seguir? &lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;En los mercados en los que nos movemos hoy día este tipo de anti-features, bien pensadas, pueden ser un elemento diferenciador. Pero ojo, en muchísimos sitios carecen de sentido y sea la limitación que sea siempre van a haber usuarios que les parezca demasiado poco y que odien el producto por ello. Pregúntenle a algún iphonero..</content><link rel='replies' type='application/atom+xml' href='http://naunaunau.blogspot.com/feeds/5807952823018207082/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1517235389476577620&amp;postID=5807952823018207082' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/5807952823018207082'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/5807952823018207082'/><link rel='alternate' type='text/html' href='http://naunaunau.blogspot.com/2008/05/limitaciones-o-anti-features.html' title='Limitaciones'/><author><name>nau</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1517235389476577620.post-442662730077418816</id><published>2008-01-18T09:28:00.000+01:00</published><updated>2008-12-09T11:07:34.699+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Diseño"/><title type='text'>Webdocerismo sin sentido (y además mal hecho)</title><content type='html'>&lt;div&gt;A estas alturas la Web 2.0, tanto en estética 2.0 como en funcionalidades 2.0, ya nos empieza a sonar como a algo un poco manido (¿o me pasa a mí solo?).&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt; &lt;/div&gt;&lt;div&gt;Y lo sé por dos cosas: porque ya se ve a bastante gente &lt;a href=&quot;http://elliotjaystocks.com/blog/archive/2007/destroy-the-web-20-look-future-of-web-design-new-york/&quot;&gt;cuestionándola&lt;/a&gt; y porque ya se están subiendo al tren los que no tienen mucha idea de dónde vino ni de porqué se hace.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt; &lt;/div&gt;&lt;div&gt;Todo esto viene porque recibí en el correo la siguiente imagen:&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;a onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;http://3.bp.blogspot.com/_EN-XfH02goU/R5BqYYb7jgI/AAAAAAAAALQ/mF4WuGPxsvY/s1600-h/Vuele+a+los+carnavales+de+Canarias.jpg&quot;&gt;&lt;img style=&quot;display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;&quot; src=&quot;http://3.bp.blogspot.com/_EN-XfH02goU/R5BqYYb7jgI/AAAAAAAAALQ/mF4WuGPxsvY/s400/Vuele+a+los+carnavales+de+Canarias.jpg&quot; border=&quot;0&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5156738540448222722&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;align-text:right&quot;&gt;Un gallifante para el que vea algo raro.&lt;br /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://naunaunau.blogspot.com/feeds/442662730077418816/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1517235389476577620&amp;postID=442662730077418816' title='4 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/442662730077418816'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/442662730077418816'/><link rel='alternate' type='text/html' href='http://naunaunau.blogspot.com/2008/01/webdocerismo-sin-sentido-y-adems-mal.html' title='Webdocerismo sin sentido (y además mal hecho)'/><author><name>nau</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/_EN-XfH02goU/R5BqYYb7jgI/AAAAAAAAALQ/mF4WuGPxsvY/s72-c/Vuele+a+los+carnavales+de+Canarias.jpg" height="72" width="72"/><thr:total>4</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1517235389476577620.post-2651632662587458769</id><published>2007-11-23T09:39:00.000+01:00</published><updated>2007-11-23T09:50:09.810+01:00</updated><title type='text'>Compartir videos con unvlog</title><content type='html'>Me gusta el concepto de &lt;a href=&quot;http://unvlog.com/&quot;&gt;unvlog.com&lt;/a&gt;, bien pensado y bien hecho.&lt;br /&gt;Mucha suerte a este proyecto!</content><link rel='replies' type='application/atom+xml' href='http://naunaunau.blogspot.com/feeds/2651632662587458769/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1517235389476577620&amp;postID=2651632662587458769' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/2651632662587458769'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/2651632662587458769'/><link rel='alternate' type='text/html' href='http://naunaunau.blogspot.com/2007/11/compartir-videos-con-unvlog.html' title='Compartir videos con unvlog'/><author><name>nau</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1517235389476577620.post-2068982325205686395</id><published>2007-11-22T09:50:00.000+01:00</published><updated>2007-11-22T17:15:08.541+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Diseño"/><title type='text'>Paul Rand: el contenido y la forma</title><content type='html'>A través de un &lt;a href=&quot;http://infosthetics.com/archives/2007/11/paul_rand_form_content_movie.html&quot;&gt;artículo en information aesthetics&lt;/a&gt; veo un vídeo de una entrevista a &lt;a href=&quot;http://en.wikipedia.org/wiki/Paul_Rand&quot;&gt;Paul Rand&lt;/a&gt;, diseñador gráfico, con el que comparto bastante de lo que dice.&lt;br /&gt;&lt;br /&gt;&lt;object width=&quot;425&quot; height=&quot;355&quot;&gt;&lt;param name=&quot;movie&quot; value=&quot;http://www.youtube.com/v/k3XPeGL907E&amp;amp;rel=1&amp;amp;border=0&quot;&gt;&lt;param name=&quot;wmode&quot; value=&quot;transparent&quot;&gt;&lt;embed src=&quot;http://www.youtube.com/v/k3XPeGL907E&amp;amp;rel=1&amp;amp;border=0&quot; type=&quot;application/x-shockwave-flash&quot; wmode=&quot;transparent&quot; width=&quot;425&quot; height=&quot;355&quot;&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;Destaco las mismas frases que el artículo original&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&quot;when form predominates, meaning is blunted. but content predominates, interest lags&quot;&lt;br /&gt;&lt;/li&gt;&lt;li&gt;&quot;don&#39;t try to be original, just try to be good&quot;&lt;br /&gt;&lt;/li&gt;&lt;li&gt;&quot;without aesthetics, you can&#39;t find the truth, to do things with quality. I think this is in a true sense what aesthetics means&quot;&lt;/li&gt;&lt;/ul&gt;¿Qué buscamos -realmente- cuando diseñamos visualmente algo?&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Por cierto, esta claro que el que hizo el video no entendió de lo que se estaba hablando.&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://naunaunau.blogspot.com/feeds/2068982325205686395/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1517235389476577620&amp;postID=2068982325205686395' title='2 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/2068982325205686395'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/2068982325205686395'/><link rel='alternate' type='text/html' href='http://naunaunau.blogspot.com/2007/11/paul-rand-el-contenido-y-la-forma.html' title='Paul Rand: el contenido y la forma'/><author><name>nau</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1517235389476577620.post-7614837994388767300</id><published>2007-11-03T11:07:00.000+01:00</published><updated>2008-12-09T11:07:35.023+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Diseño de interacción"/><category scheme="http://www.blogger.com/atom/ns#" term="diseño visual"/><title type='text'>Las nuevas carpetas de leopard</title><content type='html'>Pues ya tengo el &lt;a href=&quot;http://www.apple.com/es/macosx/&quot;&gt;Leopard&lt;/a&gt;&lt;div&gt;&lt;br /&gt;Por ahí he visto comentarios buenos otros dicen que preferían el anterior. En mi opinión tiene muchas y buenas mejoras y sigue siendo muchísimo mejor que Windows... pero! creo que se han dejado llevar algo por el wow de Vista y han tomado decisiones de diseño que tienen como única finalidad sorprender y quedar molón, lo cuál en sí mismo no tendría que ser un problema, pero en este caso sí porque interfieren con la calidad del uso del sistema operativo.&lt;div&gt; &lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Bueno, a lo que yo iba era a las carpetas, al nuevo diseño de carpetas del Leopard:&lt;/div&gt;&lt;br /&gt;&lt;img style=&quot;display:block; margin:0px auto 10px; text-align:center;&quot; src=&quot;http://1.bp.blogspot.com/_EN-XfH02goU/Ryxbh-qLkMI/AAAAAAAAAIk/zbGX-B3yGyQ/s320/Imagen+8.png&quot; border=&quot;0&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5128574714981880002&quot; /&gt;&lt;div&gt;Antes las carpetas se representaban como vistas de lado y desde arriba, ahora en Leopard se ven de frente y por ello son menos los detalles que te dicen que ese icono es una &#39;carpeta&#39;, sólo sabes que tiene dos láminas por una ligera sombra entre las láminas y por el &#39;escalón&#39; de la esquina superior derecha. ¿Porqué han hecho esto? pues sólo para que las nuevas carpetas sean consistentes con el wowfecto de &#39;suelo mojado&#39;.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt; &lt;/div&gt;&lt;div&gt; &lt;/div&gt;&lt;div&gt; &lt;/div&gt;&lt;a target=&quot;_blank&quot; onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;http://3.bp.blogspot.com/_EN-XfH02goU/RyxgMeqLkNI/AAAAAAAAAIs/8PytpKyiFjA/s1600-h/Imagen+4.png&quot;&gt;&lt;img style=&quot;display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;&quot; src=&quot;http://3.bp.blogspot.com/_EN-XfH02goU/RyxgMeqLkNI/AAAAAAAAAIs/8PytpKyiFjA/s320/Imagen+4.png&quot; border=&quot;0&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5128579843172831442&quot; /&gt;&lt;/a&gt;&lt;div&gt;En el centro de la imagen hay una carpeta parecida a la versión anterior  y a su derecha e izquierda las carpetas nuevas. Los iconos que no tienen perspectiva frontal se ven raros con el suelo mojado, parece que están inclinados sin embargo las nuevas carpetas quedan muy bien ahí, están apoyadas contra el suelo.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt; &lt;/div&gt;&lt;div&gt; &lt;/div&gt;&lt;div&gt;Es la clásica confusión entre medio y fin. El fin es que las personas entiendan que lo que están viendo es una carpeta, no que el icono vaya bien a un efecto concreto, el efecto es un medio.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Como aquí no tuvieron bastante con ceder funcionalidad por espectacularidad además han rediseñado las carpetas de usuario de forma que son más difíciles de distinguir entre sí. Antes se distinguían rápidamente por el color, ahora cuando voy entrando por las carpetas tengo que detenerme para saber cuál es la que busco.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt; &lt;/div&gt;&lt;div&gt; &lt;/div&gt;&lt;div&gt; &lt;/div&gt;&lt;div&gt;&lt;a onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;http://2.bp.blogspot.com/_EN-XfH02goU/RyxkaOqLkOI/AAAAAAAAAI0/E9Z6b3zb4pY/s1600-h/Imagen+9.png&quot;&gt;&lt;img style=&quot;display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;&quot; src=&quot;http://2.bp.blogspot.com/_EN-XfH02goU/RyxkaOqLkOI/AAAAAAAAAI0/E9Z6b3zb4pY/s320/Imagen+9.png&quot; border=&quot;0&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5128584477442543842&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Resumiendo, que tuve que recurrir al &lt;acronym title=&quot;Do It Yourself&quot;&gt;D.I.Y.&lt;/acronym&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://naunaunau.blogspot.com/feeds/7614837994388767300/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1517235389476577620&amp;postID=7614837994388767300' title='4 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/7614837994388767300'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/7614837994388767300'/><link rel='alternate' type='text/html' href='http://naunaunau.blogspot.com/2007/11/las-nuevas-carpetas-de-leopard.html' title='Las nuevas carpetas de leopard'/><author><name>nau</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/_EN-XfH02goU/Ryxbh-qLkMI/AAAAAAAAAIk/zbGX-B3yGyQ/s72-c/Imagen+8.png" height="72" width="72"/><thr:total>4</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1517235389476577620.post-7946562993071067314</id><published>2007-09-02T16:54:00.000+01:00</published><updated>2008-12-09T11:07:35.104+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Diseño de información"/><title type='text'>Manual del primer mac</title><content type='html'>&lt;a target=&quot;_blank&quot; onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;http://www.flickr.com/photo_zoom.gne?id=1254564608&amp;amp;size=l&quot;&gt;&lt;img style=&quot;margin: 0pt 0pt 10px 10px; float: right; cursor: pointer;&quot; src=&quot;http://4.bp.blogspot.com/_EN-XfH02goU/RtrdBOyrREI/AAAAAAAAAGM/b6endUbrQgc/s320/1254564608_4e38c1dc89.jpg&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5105636140798133314&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;En &lt;a href=&quot;http://www.applesfera.com/2007/09/01-imagenes-del-manual-del-primer-macintosh&quot;&gt;Applesfera&lt;/a&gt; enlazan a una persona que ha sacado fotos al &lt;a href=&quot;http://www.peterme.com//?p=583&quot;&gt;manual del primer Macintosh&lt;/a&gt;. &lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Fue el primer ordenador que usó una interfaz parecida a la que tenemos ahora. Aunque hoy son elementos cotidianos, en aquel momento sus creadores se enfrentaron al hecho de que tenían que explicar a las personas nuevos conceptos y metáforas que nunca antes habían oído, como hacer click, arrastrar y soltar, la metáfora del escritorio... Por ejemplo la imagen de la derecha explica lo que es el scroll y porqué se usa.&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;br /&gt;El manual es realmente bonito, tanto la tipografía, la disposición, el formato, las fotos a color, el contenido explicado muy simple y directo... sólo compáralo con el típico manual en blanco y negro que viene plegado en algunos aparatos hoy.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;El manual es un buen ejemplo de documentación que acompaña a nueva tecnología o elementos con los que las personas nunca habían interactuado.&lt;/div&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://naunaunau.blogspot.com/feeds/7946562993071067314/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1517235389476577620&amp;postID=7946562993071067314' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/7946562993071067314'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/7946562993071067314'/><link rel='alternate' type='text/html' href='http://naunaunau.blogspot.com/2007/09/manual-del-primer-mac.html' title='Manual del primer mac'/><author><name>nau</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/_EN-XfH02goU/RtrdBOyrREI/AAAAAAAAAGM/b6endUbrQgc/s72-c/1254564608_4e38c1dc89.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1517235389476577620.post-3638290382008832434</id><published>2007-09-01T13:24:00.000+01:00</published><updated>2008-12-09T11:07:35.400+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Diseño de interacción"/><title type='text'>Modelo mental de un blog, cambio de página</title><content type='html'>&lt;div&gt;El layout de los blogs siguen casi todos el mismo estándar, lo que no es siempre igual es al cambiar de página para ver más artículos, para algunos los artículos anteriores van hacia la &lt;a href=&quot;http://javimoya.com/blog/&quot;&gt;derecha&lt;/a&gt; y para otros van hacia la &lt;a href=&quot;http://www.kirainet.com/&quot;&gt;izquierda&lt;/a&gt;.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;En los blogs se presentan primero el artículo más reciente, y debajo el artículo anterior, y así sucesivamente, es decir, de &lt;span class=&quot;Apple-style-span&quot; style=&quot;font-weight: bold; &quot;&gt;arriba a abajo&lt;/span&gt; del más reciente al más viejo. Entonces, ¿Porqué no mantener esto al cambiar de página?&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center;border:solid 1px black&quot; src=&quot;http://3.bp.blogspot.com/_EN-XfH02goU/RtgDGeyrRCI/AAAAAAAAAF8/QitQSfwpEyI/s400/Dibujo.bmp&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5104833587504170018&quot; border=&quot;0&quot; /&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;text-align: left; &quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;Esta representación hace que cambie el modelo mental del blog, se pasaría de ver las distintas páginas del blog en horizontal a la derecha o izquierda a estar las páginas con noticias más viejas debajo de las páginas con artículos más recientes, respetando cómo están organizados los artículos dentro de la página.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;No mires los saltos de página de este blog, porque están fatal, me aburrí de &lt;a href=&quot;http://naunaunau.blogspot.com/2007/02/interfaz-modificada.html&quot;&gt;editar la plantilla&lt;/a&gt; y de momento así se quedan.&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://naunaunau.blogspot.com/feeds/3638290382008832434/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1517235389476577620&amp;postID=3638290382008832434' title='3 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/3638290382008832434'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/3638290382008832434'/><link rel='alternate' type='text/html' href='http://naunaunau.blogspot.com/2007/08/modelo-mental-de-un-blog-cambio-de.html' title='Modelo mental de un blog, cambio de página'/><author><name>nau</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/_EN-XfH02goU/RtgDGeyrRCI/AAAAAAAAAF8/QitQSfwpEyI/s72-c/Dibujo.bmp" height="72" width="72"/><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1517235389476577620.post-6407666793168229372</id><published>2007-09-01T10:55:00.000+01:00</published><updated>2008-12-09T11:07:35.503+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Diseño de información"/><title type='text'>Icono para la carpeta current</title><content type='html'>Me ha gustado la idea de Ale Muñoz para mejorar la productividad manteniendo una &lt;a href=&quot;http://sofanaranja.com/2007/06/15/mejora-tu-productividad-con-la-carpeta-current/&quot;&gt;carpeta current&lt;/a&gt; en el escritorio, aunque yo le puse de nombre &quot;In progress&quot;. Al tiempo de usarla comencé a buscar un icono que representase la idea de &quot;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-weight: bold;&quot;&gt;tareas en progreso&lt;/span&gt;&quot; que simboliza la carpeta, no encontré, así que me hice este:&lt;div&gt;&lt;div&gt; &lt;img style=&quot;display:block; margin:0px auto 10px; text-align:center;&quot; src=&quot;http://1.bp.blogspot.com/_EN-XfH02goU/Rtk6LuyrRDI/AAAAAAAAAGE/y0YPSn1xdi0/s400/Current.png&quot; border=&quot;0&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5105175625814721586&quot; /&gt;&lt;/div&gt;&lt;div&gt;No se trabaja más rápido, realmente no sirve para mucho y tampoco es un gran icono, pero te lo puedes &lt;a href=&quot;http://warehouse.naunaunau.googlepages.com/IconoInProgress.zip&quot;&gt;descargar&lt;/a&gt; si eres tan maniático como yo.&lt;/div&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://naunaunau.blogspot.com/feeds/6407666793168229372/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1517235389476577620&amp;postID=6407666793168229372' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/6407666793168229372'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/6407666793168229372'/><link rel='alternate' type='text/html' href='http://naunaunau.blogspot.com/2007/09/icono-para-la-carpeta-current.html' title='Icono para la carpeta current'/><author><name>nau</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/_EN-XfH02goU/Rtk6LuyrRDI/AAAAAAAAAGE/y0YPSn1xdi0/s72-c/Current.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1517235389476577620.post-8848205325093250022</id><published>2007-08-04T11:26:00.001+01:00</published><updated>2008-12-09T11:07:35.623+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Diseño de información"/><category scheme="http://www.blogger.com/atom/ns#" term="Vostok"/><title type='text'>Polar Clock - El tiempo como barras</title><content type='html'>&lt;img style=&quot;margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;&quot; src=&quot;http://4.bp.blogspot.com/_EN-XfH02goU/RrRUh4IW7eI/AAAAAAAAAFc/urCOC5U3xYo/s400/screenshot1.jpg&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5094790019442732514&quot; border=&quot;0&quot; /&gt; La forma de representar el tiempo como barras o como porcentaje no es nueva pero me ha resultado muy bien hecha cómo lo hace esta aplicación llamada &lt;a href=&quot;http://blog.pixelbreaker.com/polarclock/&quot;&gt;PolarClock&lt;/a&gt;, está en salvapantallas y widget.&lt;br /&gt;&lt;br /&gt;Cuando se representa una fecha como un texto o la hora en formato digital tenemos que leerla e interpretarla para tener consciencia de si es pronto o tarde, al representarlo como en la aplicación (aunque sea confusa al principio) se pierde precisión pero vemos más rápidamente cuánto tiempo ha pasado desde la última vez que lo miramos.</content><link rel='replies' type='application/atom+xml' href='http://naunaunau.blogspot.com/feeds/8848205325093250022/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1517235389476577620&amp;postID=8848205325093250022' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/8848205325093250022'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/8848205325093250022'/><link rel='alternate' type='text/html' href='http://naunaunau.blogspot.com/2007/08/polar-clock-el-tiempo-como-barras.html' title='Polar Clock - El tiempo como barras'/><author><name>nau</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/_EN-XfH02goU/RrRUh4IW7eI/AAAAAAAAAFc/urCOC5U3xYo/s72-c/screenshot1.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1517235389476577620.post-3485818502721749282</id><published>2007-07-20T16:59:00.000+01:00</published><updated>2008-12-09T11:07:35.717+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Diseño"/><category scheme="http://www.blogger.com/atom/ns#" term="Experiencia de usuario"/><title type='text'>Los paneles de tráfico son peligrosos, lo dice Tráfico!</title><content type='html'>&lt;a onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;http://4.bp.blogspot.com/_EN-XfH02goU/RqDfodkAqeI/AAAAAAAAAFU/PUiYERqBGYQ/s1600-h/panel2.jpg&quot;&gt;&lt;img style=&quot;margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;&quot; src=&quot;http://4.bp.blogspot.com/_EN-XfH02goU/RqDfodkAqeI/AAAAAAAAAFU/PUiYERqBGYQ/s400/panel2.jpg&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5089313465152088546&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;&lt;br /&gt;¿Soy el único que piensa que los paneles luminosos de tráfico son peligrosos? Parece que no, la &lt;acronym title=&quot;Dirección General de Tráfico&quot;&gt;DGT&lt;/acronym&gt; ha sacado un &lt;a href=&quot;http://es.youtube.com/watch?v=pLx6IoWAf-c&quot; target=&quot;_blank&quot;&gt;anuncio que avisa de las distracciones&lt;/a&gt; cuando conducimos.&lt;br /&gt;&lt;br /&gt;En casi ningún otro lugar los estudios en &lt;a href=&quot;http://naunaunau.blogspot.com/2007/06/andreu-balius-tendencias-actuales-en.html&quot;&gt;tipografía&lt;/a&gt;, legibilidad, etc,  son tan importantes como en las señales de tráfico. Tienen que leerse rápido y comprenderse rápido.&lt;br /&gt;&lt;br /&gt;Conduciendo por Las Palmas vi uno de estos paneles que decía lo siguiente (con todo en mayúsculas):&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&quot;METETELO EN LA CABEZA, USA EL CASCO&quot;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: rgb(102, 102, 102);&quot;&gt;pasado un tiempo....&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&quot;DONA SANGRE&quot;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Por comentar algunos problemas que tiene:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Los mensajes que no caben en el panel y requieren ser mostrados en 2 tiempos mantienen en vilo al conductor demasiado tiempo, y aunque ya se hayan leído, el hecho mismo de que cambie cada cierto tiempo también distrae (véase como ejemplo cualquier web con publicidad que parpadee).&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;li&gt;Las palabras en mayúsculas y sin acentos se leen más despacio que la letra normal, la velocidad de lectura aquí es vital.&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;li&gt;Los mensajes tienen que ser claros, directos y cortos, no eslóganes o frases con &quot;gracia&quot;, como &quot;&lt;span style=&quot;font-style: italic;&quot;&gt;métetelo en la cabeza, usa el casco&lt;/span&gt;&quot;. Con poner &quot;&lt;span style=&quot;font-style: italic;&quot;&gt;usa el casco&lt;/span&gt;&quot; se consigue lo mismo.&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;li&gt;Aunque promover la donación de sangre sea una buena intención, los paneles de tráfico deberían ser informativos, no promocionales.&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;Lo mejor sería que los paneles de tráfico estuvieran la mayor parte del tiempo &lt;span style=&quot;font-weight: bold;&quot;&gt;apagados&lt;/span&gt;, y que sólo requieran nuestra atención cuando exista algo realmente importante que comunicar.&lt;br /&gt;&lt;br /&gt;Alguien hizo una versión mejorada del anuncio:&lt;br /&gt;&lt;object height=&quot;350&quot; width=&quot;425&quot;&gt;&lt;param name=&quot;movie&quot; value=&quot;http://www.youtube.com/v/Blx1rv9gcFQ&quot;&gt;&lt;param name=&quot;wmode&quot; value=&quot;transparent&quot;&gt;&lt;embed src=&quot;http://www.youtube.com/v/Blx1rv9gcFQ&quot; type=&quot;application/x-shockwave-flash&quot; wmode=&quot;transparent&quot; height=&quot;350&quot; width=&quot;425&quot;&gt;&lt;/embed&gt;&lt;/object&gt;</content><link rel='replies' type='application/atom+xml' href='http://naunaunau.blogspot.com/feeds/3485818502721749282/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1517235389476577620&amp;postID=3485818502721749282' title='3 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/3485818502721749282'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/3485818502721749282'/><link rel='alternate' type='text/html' href='http://naunaunau.blogspot.com/2007/07/los-paneles-de-trfico-son-peligrosos-lo.html' title='Los paneles de tráfico son peligrosos, lo dice Tráfico!'/><author><name>nau</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/_EN-XfH02goU/RqDfodkAqeI/AAAAAAAAAFU/PUiYERqBGYQ/s72-c/panel2.jpg" height="72" width="72"/><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1517235389476577620.post-3429863017198333541</id><published>2007-07-15T13:35:00.001+01:00</published><updated>2008-12-09T11:07:35.848+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="usabilidad"/><title type='text'>Usabilidad de andar por casa</title><content type='html'>El clásico ventilador con luz en el techo que tiene 2 cuerdas, una enciende la luz y otra pone en marcha el ventilador, mi abuelo, harto de equivocarse, puso un dibujo de una bombilla en una de las cuerdas.&lt;br /&gt;&lt;br /&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;&quot; src=&quot;http://3.bp.blogspot.com/_EN-XfH02goU/RpoWWtkAqdI/AAAAAAAAAFM/M00RzZlqUMs/s400/Ventilador.jpg&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5087403308511963602&quot; border=&quot;0&quot; /&gt;Ala!</content><link rel='replies' type='application/atom+xml' href='http://naunaunau.blogspot.com/feeds/3429863017198333541/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1517235389476577620&amp;postID=3429863017198333541' title='4 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/3429863017198333541'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/3429863017198333541'/><link rel='alternate' type='text/html' href='http://naunaunau.blogspot.com/2007/07/usabilidad-de-andar-por-casa.html' title='Usabilidad de andar por casa'/><author><name>nau</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/_EN-XfH02goU/RpoWWtkAqdI/AAAAAAAAAFM/M00RzZlqUMs/s72-c/Ventilador.jpg" height="72" width="72"/><thr:total>4</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1517235389476577620.post-3435930338167334697</id><published>2007-07-09T22:00:00.000+01:00</published><updated>2008-12-09T11:07:35.952+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Diseño"/><category scheme="http://www.blogger.com/atom/ns#" term="Experiencia de usuario"/><title type='text'>Personas felices en páginas web</title><content type='html'>No son pocas las webs que incluyen en su diseño imágenes de personas, normalmente sonriendo, una de ellas es el sitio web de mi universidad &lt;a href=&quot;http://www.ulpgc.es/&quot;&gt;ulpgc.es&lt;/a&gt;, aquí tenemos a la estudiante modelo:&lt;br /&gt;&lt;br /&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; font-size: 24px;&quot; src=&quot;http://4.bp.blogspot.com/_EN-XfH02goU/RpKL7-HQJVI/AAAAAAAAAE0/tCZ2zFSWI8Q/s320/Imagen+1.png&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5085280791656670546&quot; border=&quot;0&quot; height=&quot;181&quot; width=&quot;291&quot; /&gt;&lt;br /&gt;Un amigo de la facultad fue a ver una nota a la web y le salió peor de lo que esperaba, encima de su nota aparecía esta muchacha sonriendo y estudiando, a mi amigo no le sentó bien. A raíz de esto me empecé a preguntar porqué motivo están ahí, cuál es su justificación (la de las personas sonriendo, no la de las calificaciones).&lt;br /&gt;&lt;br /&gt;Se me ocurren casos en los que puede ser conveniente, normalmente por temas de &quot;persuabilidad&quot; o credibilidad, por ejemplo el clásico número de teléfono donde suele aparecer una operadora, para dar sensación de que hay personas de carne y hueso para ayudarte.&lt;br /&gt;&lt;br /&gt;Aun no he leído nada sobre ello pero seguramente habrán bastantes estudios que analizan cómo influye la aparición de personas sonrientes en el estado de ánimo del que lo ve y cosas así.&lt;br /&gt;&lt;br /&gt;Entonces, si es tan bueno ¿mejor ponerlos siempre, no? A falta de leer bastante sobre marketing, psicología y más, mi respuesta sería que sólo es conveniente cuando su aparición aporte algo bueno o útil al contenido que acompaña.&lt;br /&gt;&lt;br /&gt;En el caso de la &lt;a href=&quot;http://www.ulpgc.es/&quot;&gt;ulpgc.es&lt;/a&gt; no me parece tan malo que aparezcan estudiantes en la portada o en aquellas páginas destinadas, por ejemplo, a padres que están pensando si matriculan a su hijo, porque se trata de crear una imagen, de márketing, pero en el resto de la web no aportan nada,  al contrario, crean ruido visual y reducen la calidad de su interfaz.</content><link rel='replies' type='application/atom+xml' href='http://naunaunau.blogspot.com/feeds/3435930338167334697/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1517235389476577620&amp;postID=3435930338167334697' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/3435930338167334697'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/3435930338167334697'/><link rel='alternate' type='text/html' href='http://naunaunau.blogspot.com/2007/07/fotos-de-personas-en-pginas-web.html' title='Personas felices en páginas web'/><author><name>nau</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/_EN-XfH02goU/RpKL7-HQJVI/AAAAAAAAAE0/tCZ2zFSWI8Q/s72-c/Imagen+1.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1517235389476577620.post-6463496576240185526</id><published>2007-06-07T08:49:00.000+01:00</published><updated>2008-12-09T11:07:36.247+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Charlas"/><category scheme="http://www.blogger.com/atom/ns#" term="Diseño"/><category scheme="http://www.blogger.com/atom/ns#" term="Vostok"/><title type='text'>Andreu Balius: Tendencias Actuales en tipografía</title><content type='html'>El pasado martes asistí a una charla llamada &quot;Tendencias actuales en tipografía&quot;, dada por &lt;a href=&quot;http://www.andreubalius.com/&quot;&gt;Andreu Balius&lt;/a&gt;. Por suerte para mí se habló poco de &quot;tendencias&quot; y más de tipografía básica así que aprendí bastante y me resultó muy interesante.&lt;br /&gt;&lt;br /&gt;Un resumen de lo que recogí:&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;El diseño de fuentes&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Existen distintos destinos para los que actualmente se diseñan fuentes: Señalización, texto corrido, titulares, logos y fuentes de fantasía. Cada uno tiene objetivos distintos. Por ejemplo, en la señalización se prioriza la funcionalidad, mientras que en los logos son importantes los valores que la tipografía transmite e importa menos que no se lea a toda velocidad.&lt;br /&gt;&lt;br /&gt;A la hora de diseñar o de elegir una fuente se ha de decidir basándose en 3 elementos: los objetivos a cumplir, el contexto donde se va a mostrar la fuente y las personas que van a ver la fuente. Por ejemplo, Andreu nos mostró una fuente diseñada para facilitar la lectura a personas disléxicas.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;Legibilidad vs. Lecturabilidad&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Legibilidad es la cualidad de las letras de ser reconocidas, depende sobretodo de su forma. La Lecturabilidad se centra más en la lectura de un texto, es independiente de la forma de las letras, aquí influye el tamaño o la situación del texto en el espacio&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;Cómo leemos&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Leemos de forma automática, las letras ya están en nuestra memoria, sólo hay que reconocerlas, aunque a la hora de leer lo que realmente reconocemos son palabras, no una sucesión de letras formando palabras. Reconocemos las palabras como si fueran imágenes, como si fueran una foto de una persona que ya conocemos&lt;br /&gt;&lt;br /&gt;&lt;div style=&quot;text-align: center;&quot;&gt;Etso no es dfiíicl de enetendr&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;¿Leíste “Esto no es difícil de entender”? Es porque al reconocer las palabras como imágenes buscamos en nuestra cabeza la imagen de la palabra que más se le parece, es el mismo proceso que cuando vemos la foto de un amigo disfrazado. Realmente ese experimento es muy poco riguroso, ya que también se deducen las palabras por el contexto.&lt;br /&gt;&lt;br /&gt;Siguiendo con la comparación entre la foto de un conocido y el reconocimiento de palabras, para reconocer a una persona nos fijamos en los ojos, la boca... ¿En qué nos fijamos al intentar reconocer una palabra? Curiosamente no nos fijamos en la forma de las letras sino en los huecos libres que dejan esas formas, tanto en su exterior como en su interior. La forma exterior de una palabra sería algo así:&lt;br /&gt;&lt;br /&gt;&lt;a onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;http://1.bp.blogspot.com/_EN-XfH02goU/RmfjxmaJS5I/AAAAAAAAAEA/b5_sTfILVqM/s1600-h/MarcoExterior.gif&quot;&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;&quot; src=&quot;http://1.bp.blogspot.com/_EN-XfH02goU/RmfjxmaJS5I/AAAAAAAAAEA/b5_sTfILVqM/s320/MarcoExterior.gif&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5073273946519456658&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;A la hora de leer frases éstas se leen a saltos, más o menos largos dependiendo de la habilidad del lector y su familiaridad con la tipografía. Estos saltos de la vista se detienen en los focos de una palabra, en lo que sería su centro de gravedad, que estaría situado entre el inicio y la mitad de la palabra, entre más lejos del foco menos detalles se verán:&lt;br /&gt;&lt;a onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;http://2.bp.blogspot.com/_EN-XfH02goU/RmfpC2aJS7I/AAAAAAAAAEQ/w34Du3zBCwU/s1600-h/FocoEnPalabra.png&quot;&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;&quot; src=&quot;http://2.bp.blogspot.com/_EN-XfH02goU/RmfpC2aJS7I/AAAAAAAAAEQ/w34Du3zBCwU/s320/FocoEnPalabra.png&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5073279740430338994&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;Tipografía en pantallas&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;En el turno de preguntas pregunté cómo cambia la elección de una fuente si va a ser mostrada en televisores o pantallas (yo voy tirando para casa) y se inició un pequeño debate sobre qué tipografías usar, si era conveniente presentar contenidos en PDF en vez de directamente y que en letras pequeñas era mejor usar tipografías de palo seco.&lt;br /&gt;&lt;br /&gt;Se concluyó que los diseñadores de fuentes aun no prestan mucha atención a este tema, que queda mucho por hacer, y que lo que se hace actualmente es adaptar las fuentes que ya existían a estos medios, pero no crear nuevas específicas.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;Consejos generales&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Las letras con &lt;a href=&quot;http://es.wikipedia.org/wiki/Serifa&quot;&gt;serifa&lt;/a&gt; se leen mejor en texto corrido. Si desenfocamos una letra con serifa y otra sin serifa se lee mejor la primera.&lt;br /&gt;&lt;br /&gt;&lt;a onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;http://3.bp.blogspot.com/_EN-XfH02goU/RmflHGaJS6I/AAAAAAAAAEI/B6M3iK7wmPY/s1600-h/SerifaVSpalo.gif&quot;&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;&quot; src=&quot;http://3.bp.blogspot.com/_EN-XfH02goU/RmflHGaJS6I/AAAAAAAAAEI/B6M3iK7wmPY/s320/SerifaVSpalo.gif&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5073275415398271906&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;&lt;br /&gt;Esto es cierto salvo en televisores o pantallas, debido al &lt;a href=&quot;http://es.wikipedia.org/wiki/Aliasing&quot;&gt;aliasing&lt;/a&gt; las letras con serifa, si no tienen un tamaño considerable, no están bien representadas y son muy irregulares, en este caso son mejor las tipografías de palo seco, tipo arial.&lt;br /&gt;&lt;br /&gt;A través de &lt;a href=&quot;http://www.itakora.com&quot;&gt;Itákora&lt;/a&gt; llegué a un artículo bastante bueno sobre tipografía: &lt;a href=&quot;http://accessites.org/site/2007/06/improving-accessibility-through-typography/&quot;&gt;Improving Accessibility through Typography&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://naunaunau.blogspot.com/feeds/6463496576240185526/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1517235389476577620&amp;postID=6463496576240185526' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/6463496576240185526'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/6463496576240185526'/><link rel='alternate' type='text/html' href='http://naunaunau.blogspot.com/2007/06/andreu-balius-tendencias-actuales-en.html' title='Andreu Balius: Tendencias Actuales en tipografía'/><author><name>nau</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/_EN-XfH02goU/RmfjxmaJS5I/AAAAAAAAAEA/b5_sTfILVqM/s72-c/MarcoExterior.gif" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1517235389476577620.post-976216182239302326</id><published>2007-06-05T13:03:00.001+01:00</published><updated>2008-12-09T11:07:36.969+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="usabilidad"/><title type='text'>Algo de usabiliad para los CAPTCHAs</title><content type='html'>Los captchas son una prueba para determinar cuándo el usuario es o no humano y evitar sobretodo registros automáticos masivos, spam... El usuario tiene que introducir un conjunto de caracteres que se muestran en una imagen distorsionada que aparece en pantalla. Se supone que una máquina no es capaz de comprender e introducir la secuencia de forma correcta por lo que solamente el humano podría hacerlo.&lt;br /&gt;&lt;br /&gt;El problema está en que a veces ni un humano es capaz descifrarlo, ya sea por accesibilidad, ya que el captcha es una imagen o por usabilidad porque simplemente no distingue qué es lo que pone.&lt;br /&gt;&lt;br /&gt;En criptografía se hacen pruebas de diferentes idiomas, en los que se analizan textos reales bien largos, donde se determina qué probabilidad tiene cada letra de aparecer detrás de una letra determinada. Un ejemplo (inventado), en el idioma español, detrás de la letra &#39;e&#39; hay una probabilidad del 40% de que después vaya una &#39;s&#39;, un 10% de que vaya una &#39;m&#39;, etc...&lt;br /&gt;&lt;br /&gt;Es un poco rollo, pero creo que si se construyen los captchas usando estas probabilidades  pueden llegar a ser más usables, aunque sean palabras generadas casi aleatoriamente son más fáciles de leer.&lt;br /&gt;&lt;br /&gt;Estoy casi seguro de que Google hace esto, estos son captchas que usa para el registro de Gmail:&lt;br /&gt;&lt;a onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;http://3.bp.blogspot.com/_EN-XfH02goU/RmVpYmaJS3I/AAAAAAAAADw/dVEwU7mNnKs/s1600-h/CaptchasGoogle.gif&quot;&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;&quot; src=&quot;http://3.bp.blogspot.com/_EN-XfH02goU/RmVpYmaJS3I/AAAAAAAAADw/dVEwU7mNnKs/s320/CaptchasGoogle.gif&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5072576426650717042&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;&lt;br /&gt;El último captcha incluso existe en el diccionario inglés. Estas palabras se leen de una vez y puedes ponerlas en el formulario de un tirón, de hecho, se pueden casi considerar palabras y no caracteres uno detrás de otro, como este:&lt;br /&gt;&lt;br /&gt;&lt;a onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;http://1.bp.blogspot.com/_EN-XfH02goU/RmXgGGaJS4I/AAAAAAAAAD4/F7RIwBS_6KA/s1600-h/captchaHotmail.jpg&quot;&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;&quot; src=&quot;http://1.bp.blogspot.com/_EN-XfH02goU/RmXgGGaJS4I/AAAAAAAAAD4/F7RIwBS_6KA/s320/captchaHotmail.jpg&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5072706950706842498&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;&lt;br /&gt;Aunque no estoy seguro, a lo mejor esto ya se sabía de toda la vida y no estoy diciendo nada nuevo.&lt;br /&gt;&lt;br /&gt;Eso sí, si quieres no sólo distinguir entre personas y robots, sino entre personas normales y auténticos machotes se puede poner algo como esto:&lt;br /&gt;&lt;br /&gt;&lt;a onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;http://2.bp.blogspot.com/_EN-XfH02goU/RmVSLWaJS2I/AAAAAAAAADo/_lNMR93i1FA/s1600-h/captcha-ruso.jpg&quot;&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;&quot; src=&quot;http://2.bp.blogspot.com/_EN-XfH02goU/RmVSLWaJS2I/AAAAAAAAADo/_lNMR93i1FA/s320/captcha-ruso.jpg&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5072550910250011490&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;&lt;br /&gt;Lo vi en &lt;a href=&quot;http://www.microsiervos.com/archivo/microciervadas-varias/captchas-hombres.html&quot; target=&quot;_blank&quot;&gt;Microsiervos&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://naunaunau.blogspot.com/feeds/976216182239302326/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1517235389476577620&amp;postID=976216182239302326' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/976216182239302326'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/976216182239302326'/><link rel='alternate' type='text/html' href='http://naunaunau.blogspot.com/2007/06/algo-de-usabiliad-para-los-captchas.html' title='Algo de usabiliad para los CAPTCHAs'/><author><name>nau</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/_EN-XfH02goU/RmVpYmaJS3I/AAAAAAAAADw/dVEwU7mNnKs/s72-c/CaptchasGoogle.gif" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1517235389476577620.post-7613140575865414373</id><published>2007-05-31T20:56:00.000+01:00</published><updated>2008-12-09T11:07:37.059+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Diseño"/><category scheme="http://www.blogger.com/atom/ns#" term="Vostok"/><title type='text'>Diseñar para que sea usado</title><content type='html'>Cuando se diseña ropa se crea normalmente para que la gente la lleve, cuando un diseñador de moda hace &lt;a href=&quot;http://www.el-mundo.es/especiales/2002/09/cultura/cibeles/album13.html&quot; target=&quot;_blank&quot;&gt;algo estrafalario&lt;/a&gt; él sabe que nadie lo va a vestir, lo hace realmente para darse a conocer. En el primer caso se diseña para los demás, en el segundo para uno mismo. En el primer caso se diseña para que sea usado, en el segundo para que sea visto.&lt;br /&gt;&lt;br /&gt;¿Y una web? Pues si quieres que la gente entre más de una vez es mejor hacerla para ser usada.&lt;br /&gt;&lt;br /&gt;Es mejor olvidarse de efectos gratuitos o adornos llamativos, si se quiere diseñar para los demás cada elemento de debe estar justificado, debe tener razón de ser y serle útil  a la persona que lo está usando.&lt;br /&gt;&lt;br /&gt;Un ejemplo de un mal diseño son unos bancos que hay en la facultad de veterinaria de Las Palmas, como no conseguí ninguna foto hice un dibujo, los bancos son así (y no es broma!):&lt;br /&gt;&lt;a onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;http://3.bp.blogspot.com/_EN-XfH02goU/Rl8pNBXFFjI/AAAAAAAAADg/sNpA-z6gTgU/s1600-h/Banco.png&quot;&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;&quot; src=&quot;http://3.bp.blogspot.com/_EN-XfH02goU/Rl8pNBXFFjI/AAAAAAAAADg/sNpA-z6gTgU/s320/Banco.png&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5070817009122743858&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;&lt;br /&gt;Genial, eh? En qué pensó el que diseñó esto, ¿en las personas que se iban a sentar o en hacer un banco con un &quot;toque&quot;? el resultado es que se pueden sentar como mucho dos personas, uno en la parte alta y otro en la baja, y el de arriba tiene que hacer algo de equilibrio. Resumiendo: que es incómodo y no se usa.&lt;br /&gt;&lt;br /&gt;Aunque sería injusto no decir que todo esto viene porque yo hice un mal diseño en el &lt;a href=&quot;http://www.programavostok.com/&quot;&gt;Programa Vostok&lt;/a&gt;. Por mi parte espero haber aprendido, si no la próxima vez 20 flexiones! ;-)</content><link rel='replies' type='application/atom+xml' href='http://naunaunau.blogspot.com/feeds/7613140575865414373/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1517235389476577620&amp;postID=7613140575865414373' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/7613140575865414373'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/7613140575865414373'/><link rel='alternate' type='text/html' href='http://naunaunau.blogspot.com/2007/05/disear-para-que-sea-usado.html' title='Diseñar para que sea usado'/><author><name>nau</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/_EN-XfH02goU/Rl8pNBXFFjI/AAAAAAAAADg/sNpA-z6gTgU/s72-c/Banco.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1517235389476577620.post-8710466826711035688</id><published>2007-05-19T12:37:00.000+01:00</published><updated>2008-12-09T11:07:37.209+01:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Diseño"/><title type='text'>La convergencia de la web al escritorio</title><content type='html'>Estoy probando un programa llamado Lightroom para fotografía, al usarlo me acordé de varios artículos que había leído sobre cómo las interfaces de la web se acercan cada vez más a aplicaciones de escritorio, y los recordé porque esta aplicación es al revés, su diseño tiene detalles de web:&lt;br /&gt;&lt;br /&gt;&lt;a style=&quot;font-size: 24px;&quot; onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;http://3.bp.blogspot.com/_EN-XfH02goU/RkpFHdhljaI/AAAAAAAAAB8/OM6NX1vdmOk/s1600-h/lightroom.jpg&quot;&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; font-size: 24px; width: 294px; height: 220px;&quot; target=&quot;_blank&quot; src=&quot;http://3.bp.blogspot.com/_EN-XfH02goU/RkpFHdhljaI/AAAAAAAAAB8/OM6NX1vdmOk/s320/lightroom.jpg&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5064936725418446242&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;&lt;br /&gt;Por ejemplo el logo (icono) de la aplicación arriba a la izquierda, el menú principal son links o el adorno al final del menú.&lt;br /&gt;&lt;br /&gt;Aunque esto de que el escritorio se acercara a la web acabo de recordar que no es nuevo, he tenido un flash-back del &lt;a href=&quot;http://es.wikipedia.org/wiki/Active_Desktop&quot;&gt;amago que hizo el Windows&lt;/a&gt;...   ¿Millenium era?&lt;br /&gt;&lt;br /&gt;Se habla mucho del acercamiento de la web a las aplicaciones de escritorio, efectivamente la separación que había ya no es tanta, por ejemplo, las web responden más rápido a acciones del usuario, vale, eso sí,  pero por ejemplo, el &quot;drag and drop&quot; puede que no sea siempre una buena solución.&lt;br /&gt;&lt;br /&gt;Si al diseñar una web queda muy parecido a una aplicación de escritorio pues estupendo, pero no creo que sea bueno inspirarse siempre en una aplicación de escritorio que haga algo parecido a lo que queremos. Primero porque hay aplicaciones de escritorio con interfaces muy malas y después porque en cierto modo es ponernos nosotros mismos límites a la hora de crear. Las aplicaciones de escritorio se pueden mejorar y no son la única forma de resolver un problema.&lt;br /&gt;&lt;br /&gt;Relacionado con todo esto Jakob Nielsen ha sacado recientemente un artículo que habla de usar &lt;a href=&quot;http://www.useit.com/alertbox/command-links.html&quot;&gt;links como acciones&lt;/a&gt; y no sólo para navegar, tanto en aplicaciones de escritorio como en webs.</content><link rel='replies' type='application/atom+xml' href='http://naunaunau.blogspot.com/feeds/8710466826711035688/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1517235389476577620&amp;postID=8710466826711035688' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/8710466826711035688'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1517235389476577620/posts/default/8710466826711035688'/><link rel='alternate' type='text/html' href='http://naunaunau.blogspot.com/2007/05/la-convergencia-de-la-web-al-escritorio.html' title='La convergencia de la web al escritorio'/><author><name>nau</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/_EN-XfH02goU/RkpFHdhljaI/AAAAAAAAAB8/OM6NX1vdmOk/s72-c/lightroom.jpg" height="72" width="72"/><thr:total>0</thr:total></entry></feed>