<?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; Diseño</title>
	<atom:link href="http://www.jbarahona.cl/category/diseno/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.jbarahona.cl</link>
	<description>Diseño de Interacción, Usabilidad, Arquitectura de la Información y Medios Digitales</description>
	<lastBuildDate>Mon, 30 Aug 2010 22:29:41 +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>Cómo hacen las infografías del New York Times?</title>
		<link>http://www.jbarahona.cl/2010/08/08/como-hacen-las-infografias-del-new-york-times/</link>
		<comments>http://www.jbarahona.cl/2010/08/08/como-hacen-las-infografias-del-new-york-times/#comments</comments>
		<pubDate>Mon, 09 Aug 2010 02:47:07 +0000</pubDate>
		<dc:creator>Jorge Barahona</dc:creator>
				<category><![CDATA[Diarios digitales]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Diseño de Interacción]]></category>
		<category><![CDATA[Diseño de Interfaz]]></category>
		<category><![CDATA[Infografía]]></category>
		<category><![CDATA[infografias]]></category>
		<category><![CDATA[nyt]]></category>

		<guid isPermaLink="false">http://www.jbarahona.com/?p=1482</guid>
		<description><![CDATA[
// 

]]></description>
			<content:encoded><![CDATA[<p><!-- Gestalten Flash Player --><br />
<script type="text/javascript">// <![CDATA[
function getSource() { return window.document.URL.toString(); }
// ]]&gt;</script><br />
<object id="flvplayer" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="640" height="480" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="align" value="middle" /><param name="allowScriptAccess" value="always" /><param name="quality" value="high" /><param name="allowFullScreen" value="true" /><param name="devicefont" value="true" /><param name="bgcolor" value="#000000" /><param name="src" value="http://www.gestalten.com/__motion/player.swf?clip=135&amp;hires=true&amp;autoStart=true" /><param name="name" value="flvplayer" /><param name="allowfullscreen" value="true" /><embed id="flvplayer" type="application/x-shockwave-flash" width="640" height="480" src="http://www.gestalten.com/__motion/player.swf?clip=135&amp;hires=true&amp;autoStart=true" name="flvplayer" bgcolor="#000000" devicefont="true" allowfullscreen="true" quality="high" allowscriptaccess="always" align="middle"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jbarahona.cl/2010/08/08/como-hacen-las-infografias-del-new-york-times/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>TEDx Valparaíso: Charla &#8220;Ecosistema digital&#8221;</title>
		<link>http://www.jbarahona.cl/2010/07/26/tedx-valparaiso-charla-ecosistema-digital/</link>
		<comments>http://www.jbarahona.cl/2010/07/26/tedx-valparaiso-charla-ecosistema-digital/#comments</comments>
		<pubDate>Mon, 26 Jul 2010 20:34:51 +0000</pubDate>
		<dc:creator>Jorge Barahona</dc:creator>
				<category><![CDATA[Charlas]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Investigación]]></category>
		<category><![CDATA[Chile]]></category>
		<category><![CDATA[tedx]]></category>
		<category><![CDATA[valparaíso]]></category>

		<guid isPermaLink="false">http://www.jbarahona.com/?p=1478</guid>
		<description><![CDATA[Los alumnos de Diseño de la Universidad del Mar me invitaron a dar una charla en el espíritu TEDx. Adjunta la presentación &#8220;Ecosistema digital&#8221; cuyo contenido despliego en post anterior &#8220;Ecosistemas de información y la teoría de la evolución de los contenidos&#8220;.



]]></description>
			<content:encoded><![CDATA[<p>Los alumnos de Diseño de la Universidad del Mar me invitaron a dar una charla en el espíritu TEDx. Adjunta la presentación &#8220;<strong>Ecosistema digital</strong>&#8221; cuyo contenido despliego en post anterior &#8220;<a href="http://www.jbarahona.com/2010/04/12/ecosistemas-de-informacion-y-la-teoria-de-la-evolucion-de-los-contenidos/">Ecosistemas de información y la teoría de la evolución de los contenidos</a>&#8220;.</p>
<div id="__ss_4844242" style="width: 425px;"><object id="__sse4844242" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="355" 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://static.slidesharecdn.com/swf/ssplayer2.swf?doc=ecosistemadigital-100726152430-phpapp02&amp;stripped_title=ecosistema-digital-teora-de-la-evolucin-de-los-contenidos" /><param name="name" value="__sse4844242" /><param name="allowfullscreen" value="true" /><embed id="__sse4844242" type="application/x-shockwave-flash" width="425" height="355" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=ecosistemadigital-100726152430-phpapp02&amp;stripped_title=ecosistema-digital-teora-de-la-evolucin-de-los-contenidos" name="__sse4844242" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<div style="padding: 5px 0 12px;"></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.jbarahona.cl/2010/07/26/tedx-valparaiso-charla-ecosistema-digital/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>La visualización de 35 películas que viste</title>
		<link>http://www.jbarahona.cl/2010/07/17/la-visualizacion-de-35-peliculas-que-viste/</link>
		<comments>http://www.jbarahona.cl/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.cl/2010/07/17/la-visualizacion-de-35-peliculas-que-viste/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Entre la razón de la usabilidad y la emoción de las interfaces</title>
		<link>http://www.jbarahona.cl/2010/06/30/entre-la-razon-de-la-usabilidad-y-la-emocion-de-las-interfaces/</link>
		<comments>http://www.jbarahona.cl/2010/06/30/entre-la-razon-de-la-usabilidad-y-la-emocion-de-las-interfaces/#comments</comments>
		<pubDate>Thu, 01 Jul 2010 01:51:58 +0000</pubDate>
		<dc:creator>Jorge Barahona</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Diseño de Interacción]]></category>
		<category><![CDATA[Diseño de Interfaz]]></category>
		<category><![CDATA[Usabilidad]]></category>
		<category><![CDATA[nielsen]]></category>

		<guid isPermaLink="false">http://www.jbarahona.com/?p=1465</guid>
		<description><![CDATA[Mucho se ha discutido acerca de la supremacía o conducción del diseño desde la usabilidad. Se teme que los diseños queden supeditados a las pruebas que hacemos de los sistemas digitales a través de las evaluaciones con usuarios.
Se habla de un diseño usable como un diseño pobre en estética, racional, duro y hasta fome, sin [...]]]></description>
			<content:encoded><![CDATA[<p>Mucho se ha discutido acerca de la supremacía o conducción del diseño desde la usabilidad. Se teme que los diseños queden supeditados a las pruebas que hacemos de los sistemas digitales a través de las evaluaciones con usuarios.<br />
Se habla de un diseño usable como un diseño pobre en estética, racional, duro y hasta fome, sin alma. Se personifica dicho diseño con <a href="http://www.useit.com/">Nielsen</a> que debe tener uno de los sitios web más feos que recuerde.<br />
Es verdad, cuando los diseñadores dejamos entrar a nuestra disciplina aquellas provenientes de la ingeniería de software y la psicología, la razón y sus evidencias inrrefutables afectan las decisiones del Diseño Visual. Es cosa de ver los trabajos de las consultoras de usabilidad cuando deciden emprenderlas con el diseño visual.<br />
Una vez obtenidos los wireframes podemos empezar a testear los mismos y dichas piezas que trabajan con la parte racional del sistema resultan tan obvias y respetuosas de los resultados que cercan al diseño visual casi a una etapa que sólo &#8220;pinta&#8221; dichos wireframes.<br />
Soy hincha de los wireframes ya que es la única manera que nos permite reflexionar las interacciones duras, aquellas que son imposible de cuidar a la hora de las maquetas, aquellas que construyen la capa emocional de los sistemas con las audiencias. Sin embargo me resisto a la máquina productiva comandada por la razón y que simplifica a las interfaces como la sumatoria de efectos estéticos.<br />
La capa visual es aquella que nos entrega las interfaces que permitirán conectar los factores emocionales y de branding con las personas.<br />
Dicha etapa es la más difícil porque camina por la delgada línea estética donde el &#8220;gusto&#8221; puede destruir o completarlo todo.<br />
Entiendo el proceso de Diseño que incluye el perfecto equilibrio entre la razón de la usabilidad y la emoción de las interfaces, donde la capa emocional es finalmente la que conversa con los usuarios. Un sistema perfecto es aquel donde la razón es por defecto e invisible.<br />
Sin duda gozamos aquellos sistemas que funcionan bien, sin embargo compramos interfaces, consumimos visualidad, mucho más aquellas que poseen un trabajo racional tan nítido como invisible que logra entregar una satisfacción plena.<br />
Por lo mismo la capa visual requiere de un diseñador culto, lleno de experiencias y respetuoso de las evidencias que nos regala la usabilidad.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jbarahona.cl/2010/06/30/entre-la-razon-de-la-usabilidad-y-la-emocion-de-las-interfaces/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>El Diseño y las redes sociales como herramientas de protesta y cambio</title>
		<link>http://www.jbarahona.cl/2010/06/05/el-diseno-y-las-redes-sociales-como-herramientas-de-protesta-y-cambio/</link>
		<comments>http://www.jbarahona.cl/2010/06/05/el-diseno-y-las-redes-sociales-como-herramientas-de-protesta-y-cambio/#comments</comments>
		<pubDate>Sun, 06 Jun 2010 03:51:31 +0000</pubDate>
		<dc:creator>Jorge Barahona</dc:creator>
				<category><![CDATA[Acción Civil]]></category>
		<category><![CDATA[Diseño]]></category>

		<guid isPermaLink="false">http://www.jbarahona.com/?p=1457</guid>
		<description><![CDATA[
Cuando fue el desastre del Exxon Valdez en Alaska, con el derrame más grande de petroleo hasta ese momento (1989) no existía la internet ni  las redes sociales. El principal conductor de la noticia fue CNN; información unívoca donde la poderosa Exxon pudo comprar su impunidad social.
Hoy con internet y las redes sociales la comunicación [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_1458" class="wp-caption aligncenter" style="width: 352px"><a href="http://www.jbarahona.com/wp-content/uploads/2010/06/Captura-de-pantalla-2010-06-05-a-las-23.40.59.png" rel="lightbox"><img class="size-medium wp-image-1458" title="Captura de pantalla 2010-06-05 a las 23.40.59" src="http://www.jbarahona.com/wp-content/uploads/2010/06/Captura-de-pantalla-2010-06-05-a-las-23.40.59-342x450.png" alt="" width="342" height="450" /></a><p class="wp-caption-text">Re Diseño del logotipo de BP</p></div>
<p style="text-align: center;">
<p>Cuando fue <a href="http://es.wikipedia.org/wiki/Exxon_Valdez">el desastre del Exxon Valdez en Alaska</a>, con el derrame más grande de petroleo hasta ese momento (1989) no existía la internet ni  las redes sociales. El principal conductor de la noticia fue CNN; información unívoca donde la poderosa Exxon pudo comprar su impunidad social.</p>
<p>Hoy con internet y las redes sociales la comunicación es multiunívoca y en particular la más valiosa es aquella que emerge de las audiencias, ávidas de intervenir y que su voz opinión castigue o premie para provocar cambios. Hoy el Diseño, como una reflexión y protesta puede valorizarse más gracias a que se construye una red de protesta civil a través del re-diseño del logo de BP, responsable de la tragedia ambiental del Golfo de México.</p>
<p>El Greenpeace lanzó la iniciativa de protesta civil a través de una red social que permite a cualquiera emitir su protesta, re-dibujando el logotipo de BP.</p>
<p>El efecto es inmediato y masivo. Las redes sociales no sólo permiten que la marca hable (cosa que al paracer no hace) si no que todos hablen, esto hace que la marca no sólo sufra un enorme daño legal, político y económico, si no que de comunicación.</p>
<p>Podrá BP usar su famoso logo verde, lleno de vitalidad ambientalista después de este desastre con su marca? Podrá BP ser igual después de todo esto?</p>
<p>Lo dudo, y de eso nos encagaremos todos.</p>
<div id="attachment_1459" class="wp-caption aligncenter" style="width: 460px"><a href="http://www.greenpeace.org.uk/files/tarsands/logo-competition.html"><img class="size-medium wp-image-1459" title="Captura de pantalla 2010-06-05 a las 23.46.31" src="http://www.jbarahona.com/wp-content/uploads/2010/06/Captura-de-pantalla-2010-06-05-a-las-23.46.31-450x285.png" alt="" width="450" height="285" /></a><p class="wp-caption-text">Behind the logo</p></div>
<p style="text-align: center;">
]]></content:encoded>
			<wfw:commentRss>http://www.jbarahona.cl/2010/06/05/el-diseno-y-las-redes-sociales-como-herramientas-de-protesta-y-cambio/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
