<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>jbarahona.com &#187; Ilustración</title>
	<atom:link href="http://www.jbarahona.com/category/ilustracion/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.jbarahona.com</link>
	<description>Diseño de Interacción, Usabilidad, Arquitectura de la Información y Medios Digitales</description>
	<lastBuildDate>Mon, 09 Jan 2012 23:55:27 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>La visualización de 35 películas que viste</title>
		<link>http://www.jbarahona.com/2010/07/17/la-visualizacion-de-35-peliculas-que-viste/</link>
		<comments>http://www.jbarahona.com/2010/07/17/la-visualizacion-de-35-peliculas-que-viste/#comments</comments>
		<pubDate>Sat, 17 Jul 2010 16:52:45 +0000</pubDate>
		<dc:creator>Jorge Barahona</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Diseño de Interfaz]]></category>
		<category><![CDATA[Ilustración]]></category>
		<category><![CDATA[Infografía]]></category>
		<category><![CDATA[Visualización]]></category>
		<category><![CDATA[tendencias]]></category>
		<category><![CDATA[Cine]]></category>

		<guid isPermaLink="false">http://www.jbarahona.com/?p=1475</guid>
		<description><![CDATA[La visualización de datos permite que emerjan relaciones que nunca hicimos y hasta que el Diseñador que las ejecuta disponga esa nueva &#8220;evidencia hermosa&#8220;, antes no existía dicha relación que se  transforma en una historia.
La capacidad de contar historias, construir lenguajes y sobre todo hacer que emerjan nuevas realidades es sin duda lo más fascinante que [...]]]></description>
			<content:encoded><![CDATA[<p>La visualización de datos <strong>permite que emerjan relaciones</strong> que nunca hicimos y hasta que el Diseñador que las ejecuta disponga esa nueva &#8220;<a href="http://www.edwardtufte.com/tufte/books_be">evidencia hermosa</a>&#8220;, antes no existía dicha relación que se  transforma en una historia.</p>
<p>La capacidad de contar historias, construir lenguajes y sobre todo hacer que emerjan nuevas realidades es sin duda lo más fascinante que tiene nuestro oficio. Por eso la visualización de datos no es sólo tomar cifras y mostrarlas bonitas. También es un argumento para el juego, construir relaciones gráficas y montar una historia. De ahí la importancia de entender el lenguaje cinematográfico y saber aplicarlo, ya que el cine como nadie viene hace 100 años contando historias.</p>
<p>La siguiente es eso. A partir de <strong>35 películas</strong>, se rescatan sus iconos (genial es la Hitchcock) y se construye un argumento que dá sustento al storytelling cuyo soporte es la visualización a través de animación.  La musicalización, en este caso es vital para, como en el cine mantener la audiencia atenta.</p>
<p>Acá el ícono reemplaza al número, entender una película a través de sólo una imagen en genial porque escudriña en tu memoria relaciones que ya hiciste pero que están ahí guardadas en conjunto a otras que tienen que ver con tu experiencia. Por ejemplo la secuencia de la carretera con los colores patrios norteamericanos y el ruido de las motos habla de &#8220;Busco mi destino&#8221;.</p>
<p>La visualización de 35 películas que ya viste es un ejercicio interesante de cómo el Diseño crea realidad nueva a través de sus argumentos.</p>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="580" height="326" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=13334581&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="580" height="326" src="http://vimeo.com/moogaloop.swf?clip_id=13334581&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jbarahona.com/2010/07/17/la-visualizacion-de-35-peliculas-que-viste/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Santos, la tetona Mendoza y los pinches cabrones</title>
		<link>http://www.jbarahona.com/2009/07/26/santos-la-tetona-mendoza-y-los-pinches-cabrones/</link>
		<comments>http://www.jbarahona.com/2009/07/26/santos-la-tetona-mendoza-y-los-pinches-cabrones/#comments</comments>
		<pubDate>Mon, 27 Jul 2009 01:24:17 +0000</pubDate>
		<dc:creator>Jorge Barahona</dc:creator>
				<category><![CDATA[AyerViernes]]></category>
		<category><![CDATA[Ilustración]]></category>
		<category><![CDATA[santos]]></category>

		<guid isPermaLink="false">http://www.jbarahona.com/?p=1006</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><object width="480" height="385" data="http://www.youtube.com/v/1kq-k2QRZ6o&amp;hl=es&amp;fs=1&amp;rel=0" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/1kq-k2QRZ6o&amp;hl=es&amp;fs=1&amp;rel=0" /><param name="allowfullscreen" value="true" /></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jbarahona.com/2009/07/26/santos-la-tetona-mendoza-y-los-pinches-cabrones/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Diseñar para la Democracia</title>
		<link>http://www.jbarahona.com/2008/08/25/disenar-para-la-democracia/</link>
		<comments>http://www.jbarahona.com/2008/08/25/disenar-para-la-democracia/#comments</comments>
		<pubDate>Tue, 26 Aug 2008 03:33:26 +0000</pubDate>
		<dc:creator>Jorge Barahona</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Diseño de Interacción]]></category>
		<category><![CDATA[Experiencia de Usuarios]]></category>
		<category><![CDATA[Ilustración]]></category>
		<category><![CDATA[Infografía]]></category>
		<category><![CDATA[aiga]]></category>
		<category><![CDATA[politica]]></category>

		<guid isPermaLink="false">http://www.jbarahona.com/?p=712</guid>
		<description><![CDATA[Una investigación de la Aiga (Asociación Norteamericana de Diseñadores Gráficos) para mejorar los diseños de los elementos que se usan en las elecciones fue aceptado por la U.S. Election Assistance Commission (EAC).
6.000 guías fueron distribuidas en todo USA con buenas prácticas y recomendaciones para hacer más accesible con mejor diseño de la información a los [...]]]></description>
			<content:encoded><![CDATA[<p>Una <a href="http://www.aiga.org/content.cfm/design-for-democracy?utm_source=1&amp;utm_medium=tile&amp;utm_campaign=dfd"><strong>investigación de la Aiga</strong></a> (Asociación Norteamericana de Diseñadores Gráficos) para mejorar los diseños de los elementos que se usan en las elecciones fue aceptado por la U.S. Election Assistance Commission (EAC).</p>
<p>6.000 guías fueron distribuidas en todo USA con<strong> buenas prácticas y recomendaciones</strong> para hacer más accesible con mejor diseño de la información a los electores norteamericanos.</p>
<p><a href="http://www.aiga.org/content.cfm/design-for-democracy"><strong>Design for Democracy</strong></a> se hace cargo además de empoderar a los diseñadores, oficiales de elección e imprentas para que se apliquen las guías de Diseño.</p>
<p>La iniciativa <a href="http://www.aiga.org/content.cfm/design-for-democracy"><strong>Aiga Design for Democracy</strong></a> existe desde 1998 para ayudar con herramientas de diseño y la reflexión necesaria para aumentar la participación cívica y hacer más comprensibles y eficaces las interacciones entre el gobierno de los EE.UU. y sus ciudadanos. Independiente, pragmático y comprometido con el bien público, <strong>Aiga Design for Democracy</strong> colabora con investigadores, diseñadores y encargados de formular políticas de servicio público  para &#8220;<strong>demostrar el valor del diseño por hacer cosas valiosas</strong>&#8221; a la gente común.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://www.mantruc.com/palabras/intro-ia/img/ballot.jpg" alt="" width="430" height="301" /></p>
<p>Fue el famoso <a href="http://www.mantruc.com/palabras/intro-ia/voto.html"><strong>error del voto</strong></a> en las elecciones de EEUU lo que hizo cuestionarse al Diseño de la Información como factor fundamental para la democracia ya que éste voto generó errores en la votación de Palm Beach.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://farm4.static.flickr.com/3053/2798066431_05d1e738bb.jpg" alt="Aiga Design for Democracy" width="336" height="500" /></p>
<p style="text-align: center;"><a title="Aiga Design for Democracy por Jorge Barahona, en Flickr" href="http://www.flickr.com/photos/jbarahona/2798066983/"><img class="aligncenter" src="http://farm4.static.flickr.com/3187/2798066983_9796cb14f0.jpg" alt="Aiga Design for Democracy" width="500" height="407" /></a></p>
<p>En Chile no existe iniciativa parecida y los votos quizá por quién son diseñados. Sería una hermosa tarea estudiar el comportamiento de los electores ante el voto, la votación, el centro de voto, las señales, instrucciones y en general la usabilidad del diseño de información y cuánto influye en una buena traducción de las opiniones de los votantes.</p>
<p>Las 10 recomendaciones generales son:</p>
<ol>
<li>Use tipografías en altas y bajas.</li>
<li>Evite las tipografías centradas</li>
<li>Use los tipos grandes</li>
<li>Use sólo una tipografía y sin serif, evite inventar nuevas.</li>
<li>Preocúpese de la navegación y la ayuda de los procesos</li>
<li>Use lenguaje simple y claro</li>
<li>Ilustre las instrucciones con imágenes limpias (evite fotos, etc)</li>
<li>Use íconos, son claros y rápidos</li>
<li>Use contraste y colores funcionales</li>
<li>Decida qué es más importante</li>
</ol>
<p>Puedes descargar el <a href="http://www.aiga.org/resources/content/4/2/8/3/documents/EAC_Effective_Election_Design.pdf">informe con las reomendaciones aquí</a> (6.6 Mb., 266 páginas)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jbarahona.com/2008/08/25/disenar-para-la-democracia/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Affinity mapping</title>
		<link>http://www.jbarahona.com/2008/01/08/affinity-mapping/</link>
		<comments>http://www.jbarahona.com/2008/01/08/affinity-mapping/#comments</comments>
		<pubDate>Tue, 08 Jan 2008 13:44:33 +0000</pubDate>
		<dc:creator>Jorge Barahona</dc:creator>
				<category><![CDATA[Arquitectura de la Información]]></category>
		<category><![CDATA[Diseño de Interacción]]></category>
		<category><![CDATA[Ilustración]]></category>

		<guid isPermaLink="false">http://www.jbarahona.com/2008/01/08/affinity-mapping/</guid>
		<description><![CDATA[  


Me encantó esta ilustración!
Tantas veces que he estado con los Post-It así, clasificando y ordenando información y contenidos&#8230;

]]></description>
			<content:encoded><![CDATA[<p style="float: right; margin-left: 10px; margin-bottom: 10px">  <a href="http://www.flickr.com/photos/davegray/2091005431/" title="photo sharing"><img src="http://farm3.static.flickr.com/2240/2091005431_115cccc9df_m.jpg" style="border: 2px solid #000000" /></a></p>
<p><span style="font-size: 0.9em; margin-top: 0px"></span></p>
<p><a href="http://www.flickr.com/people/davegray/"></a><br />
Me encantó esta ilustración!<br />
Tantas veces que he estado con los Post-It así, clasificando y ordenando información y contenidos&#8230;<br />
<br clear="all" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jbarahona.com/2008/01/08/affinity-mapping/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

