<?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>Usabilidad y diseño en Colombia : Macromedios</title>
	<atom:link href="http://www.macromedios.net/feed" rel="self" type="application/rss+xml" />
	<link>http://www.macromedios.net</link>
	<description>Blog de Mauricio Hernández</description>
	<lastBuildDate>Sun, 01 Jan 2012 16:30:06 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>El efecto del color en el comercio electrónico</title>
		<link>http://www.macromedios.net/usabilidad/el-efecto-del-color-en-el-e-commerce.html</link>
		<comments>http://www.macromedios.net/usabilidad/el-efecto-del-color-en-el-e-commerce.html#comments</comments>
		<pubDate>Sun, 01 Jan 2012 16:28:16 +0000</pubDate>
		<dc:creator>Mauricio Hernández</dc:creator>
				<category><![CDATA[Infografía]]></category>
		<category><![CDATA[Usabilidad]]></category>

		<guid isPermaLink="false">http://www.macromedios.net/?p=3202</guid>
		<description><![CDATA[En la siguiente infografía podemos ver información útil para ver la relación entre los colores y cómo influyen en la marca, el mercadeo y las compras que realizan los clientes. via: bitrebels.com]]></description>
			<content:encoded><![CDATA[<p>En la siguiente infografía podemos ver información útil para ver la relación entre los colores y cómo influyen en la marca, el mercadeo y las compras que realizan los clientes.</p>
<p><a href="http://www.bitrebels.com/design/how-colors-affect-our-purchases-infographic/" target="_blank"><img src="http://www.macromedios.net/wp-content/uploads/HLIC/cdn.bitrebels.netdna-cdn.com/wp-content/uploads/2011/12/How-Colors-Affect-Our-Purchases-1.png" alt="" /></a></p>
<p>via: <a href="http://www.bitrebels.com/design/how-colors-affect-our-purchases-infographic/" target="_blank">bitrebels.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.macromedios.net/usabilidad/el-efecto-del-color-en-el-e-commerce.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Erik Spiekermann: Putting Back the Face into Typeface</title>
		<link>http://www.macromedios.net/diseno/erik-spiekermann-putting-back-the-face-into-typeface.html</link>
		<comments>http://www.macromedios.net/diseno/erik-spiekermann-putting-back-the-face-into-typeface.html#comments</comments>
		<pubDate>Thu, 22 Dec 2011 20:26:21 +0000</pubDate>
		<dc:creator>Mauricio Hernández</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Tipografía]]></category>

		<guid isPermaLink="false">http://www.macromedios.net/?p=3198</guid>
		<description><![CDATA[Interesante video de Erik Spiekermann, uno de mis ídolos, gran maestro del diseño y la tipografía. En este video se muestra un poco el proceso de diseño de una tipografía, el bocetado y su creación en digital, pero lo mejor &#8230;<div class="continue"><a href="http://www.macromedios.net/diseno/erik-spiekermann-putting-back-the-face-into-typeface.html">Continuar leyendo <span class="meta-nav">&#187;</span></a></div>]]></description>
			<content:encoded><![CDATA[<p>Interesante video de Erik Spiekermann, uno de mis ídolos, gran maestro del diseño y la tipografía.</p>
<p>En este video se muestra un poco el proceso de diseño de una tipografía, el bocetado y su creación en digital, pero lo mejor es lo que dice el señor Spiekermann con total humildad con respecto a su influencia en el diseño, dice que ha sido muy afortunado por enseñar a muchas personas y por tener la oportunidad de realizar diseños para su ciudad y que miles de personas vean y utilizen su trabajo, me parece muy interesante que como diseñadores gráficos, web o de experiencia de usuario nos demos cuenta que el trabajo que hacemos puede influenciar a muchas personas y hacerles la vida más placentera.</p>
<p><iframe src="http://player.vimeo.com/video/30008631?title=0&amp;byline=0&amp;portrait=0" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
<p><a href="http://vimeo.com/30008631">Erik Spiekermann: Putting Back the Face into Typeface (with Spanish Subtitles)</a> from <a href="http://vimeo.com/gestalten">Gestalten</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.macromedios.net/diseno/erik-spiekermann-putting-back-the-face-into-typeface.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Los banners más odiados de internet</title>
		<link>http://www.macromedios.net/diseno/los-banners-mas-odiados-de-internet.html</link>
		<comments>http://www.macromedios.net/diseno/los-banners-mas-odiados-de-internet.html#comments</comments>
		<pubDate>Mon, 28 Nov 2011 21:03:35 +0000</pubDate>
		<dc:creator>Mauricio Hernández</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Publicidad]]></category>

		<guid isPermaLink="false">http://www.macromedios.net/?p=3185</guid>
		<description><![CDATA[Tan importante como saber que hacer, es saber que no debemos hacer y este listado de las técnicas de publicidad en banners más odiadas de internet viene muy al caso, es el resultado de un estudio realizado por Jakob Nielsen &#8230;<div class="continue"><a href="http://www.macromedios.net/diseno/los-banners-mas-odiados-de-internet.html">Continuar leyendo <span class="meta-nav">&#187;</span></a></div>]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-3186" title="ngry" src="http://www.macromedios.net/wp-content/uploads/2011/11/ngry.jpg" alt="" width="600" height="530" /></p>
<p>Tan importante como saber que hacer, es saber que no debemos hacer y este listado de las técnicas de publicidad en banners más odiadas de internet viene muy al caso, es el resultado de un estudio realizado por <a href="http://www.useit.com/alertbox/20041206.html" target="_blank">Jakob Nielsen</a> en el 2004, pero es válido conocerlo puesto que veo que continúa vigente, amigo diseñador si va a crear banners para internet por favor tenga en cuenta lo siguiente:</p>
</p>
<table border="0" cellpadding="0" cellspacing="0" >
<col width="249" />
<col width="96" />
<tr>
<th width="525">Tipo de banner</th>
<th width="141">Los usuarios responden   negativamente</th>
</tr>
<tr>
<td>Que salte en frente de la ventana (pop   up)</td>
<td align="center">95%</td>
</tr>
<tr>
<td>Que cargue lento</td>
<td align="center">94%</td>
</tr>
<tr>
<td>Traten de enga&ntilde;arlo para que haga clic</td>
<td align="center">94%</td>
</tr>
<tr>
<td>Que no tenga un bot&oacute;n   de cerrar</td>
<td align="center">93%</td>
</tr>
<tr>
<td>Que cubra partes que la persona quiere   ver</td>
<td align="center">93%</td>
</tr>
<tr>
<td>No dice que es o para que es</td>
<td align="center">92%</td>
</tr>
<tr>
<td>Se mueve alrededor del contenido</td>
<td align="center">92%</td>
</tr>
<tr>
<td>Ocupa casi toda la p&aacute;gina</td>
<td align="center">90%</td>
</tr>
<tr>
<td>Es intermitente, se apaga y se prende</td>
<td align="center">87%</td>
</tr>
<tr>
<td>Vuela encima de la ventana</td>
<td align="center">79%</td>
</tr>
<tr>
<td>Cuando emite un sonido o m&uacute;sica</td>
<td align="center">79%</td>
</tr>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.macromedios.net/diseno/los-banners-mas-odiados-de-internet.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Aprenda más de sus usuarios con Google Analytics</title>
		<link>http://www.macromedios.net/infografia/aprenda-mas-de-sus-usuarios-con-google-analytics.html</link>
		<comments>http://www.macromedios.net/infografia/aprenda-mas-de-sus-usuarios-con-google-analytics.html#comments</comments>
		<pubDate>Fri, 25 Nov 2011 13:11:01 +0000</pubDate>
		<dc:creator>Mauricio Hernández</dc:creator>
				<category><![CDATA[Infografía]]></category>

		<guid isPermaLink="false">http://www.macromedios.net/?p=3176</guid>
		<description><![CDATA[Las analíticas web nos pueden dar datos interesantes de cómo se comportan nuestros usuarios en nuestro sitio, además de las más comunes cómo cual es la página más vista o cuantos visitantes únicos tengo, hay unas métricas que nos pueden &#8230;<div class="continue"><a href="http://www.macromedios.net/infografia/aprenda-mas-de-sus-usuarios-con-google-analytics.html">Continuar leyendo <span class="meta-nav">&#187;</span></a></div>]]></description>
			<content:encoded><![CDATA[<p>Las analíticas web nos pueden dar datos interesantes de cómo se comportan nuestros usuarios en nuestro sitio, además de las más comunes cómo cual es la página más vista o cuantos visitantes únicos tengo, hay unas métricas que nos pueden mostrar comportamientos con la interfaz o el contenido y sobre las cuales podemos trabajar para optimizar nuestro sitio para que la experiencia de nuestros usuarios sea más satisfactoria, algunas de estas métricas que podemos tener con Google Analytics son:</p>
<ul>
<li>Podemos hacer seguimiento de que palabras clave incluyen los usuarios en nuestro buscador interno del sitio, podemos saber en qué se interesan nuestros usuarios y crear contenidos de acuerdo a los temas más buscados</li>
<li>Si tenemos procesos dentro de nuestro sitio que cuentan con varios pasos podemos medir la efectividad de cada paso y en donde tenemos problemas o el usuario abandona, por ejemplo si tenemos un sitio de comercio electrónico: podríamos ver que 100 usuarios agregaron un producto al carrito de compras, que 50 ingresaron sus datos de tarjeta de crédito y que 20 finalmente compraron</li>
<li>Podemos medir ingresos de campañas de publicidad con Adwords y ver que si invertimos 100 dólares en publicidad, dicha publicidad nos trajo 200 dólares</li>
</ul>
<p>En la siguiente infografía hay indicaciones de como podemos tener con Google Analytics ciertas métricas avanzadas que nos ayuden a entender mejor que hacen nuestros usuarios en un sitio web:</p>
<p><a href="http://www.tatvic.com/blog/wp-content/uploads/2011/11/Analytics-Infographic1.jpg" target="_blank"><img src="http://www.macromedios.net/wp-content/uploads/HLIC/www.tatvic.com/blog/wp-content/uploads/2011/11/Analytics-Infographic1.jpg" alt="" width="1200" height="3550" /></a></p>
<p>via: <a href="http://www.tatvic.com/blog/wp-content/uploads/2011/11/Analytics-Infographic1.jpg" target="_blank">http://www.tatvic.com/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.macromedios.net/infografia/aprenda-mas-de-sus-usuarios-con-google-analytics.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dónde nacen las buenas ideas?</title>
		<link>http://www.macromedios.net/inspiracion/donde-nacen-las-buenas-ideas.html</link>
		<comments>http://www.macromedios.net/inspiracion/donde-nacen-las-buenas-ideas.html#comments</comments>
		<pubDate>Thu, 17 Nov 2011 21:07:03 +0000</pubDate>
		<dc:creator>Mauricio Hernández</dc:creator>
				<category><![CDATA[Inspiración]]></category>

		<guid isPermaLink="false">http://www.macromedios.net/?p=3173</guid>
		<description><![CDATA[Muy buen video en donde cuenta cómo con las nuevas tecnologías y al estar más conectados, tenemos más posibilidades de compartir nuestras ideas con otras personas y generar un ambiente que procure la creatividad y la innovación, sin embargo muestra &#8230;<div class="continue"><a href="http://www.macromedios.net/inspiracion/donde-nacen-las-buenas-ideas.html">Continuar leyendo <span class="meta-nav">&#187;</span></a></div>]]></description>
			<content:encoded><![CDATA[<p>Muy buen video en donde cuenta cómo con las nuevas tecnologías y al estar más conectados, tenemos más posibilidades de compartir nuestras ideas con otras personas y generar un ambiente que procure la creatividad y la innovación, sin embargo muestra que no todo es positivo, al tener más información nos distraemos con mayor facilidad y la innovación o llevar a cabo una idea necesita concentración.</p>
<p><iframe src="http://www.youtube.com/embed/o_QTFPdnrjY" frameborder="0" width="500" height="369"></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://www.macromedios.net/inspiracion/donde-nacen-las-buenas-ideas.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cree valor para su cliente y minimize costos con la usabilidad</title>
		<link>http://www.macromedios.net/usabilidad/cree-valor-para-su-cliente-y-minimize-costos-con-la-usabilidad.html</link>
		<comments>http://www.macromedios.net/usabilidad/cree-valor-para-su-cliente-y-minimize-costos-con-la-usabilidad.html#comments</comments>
		<pubDate>Thu, 17 Nov 2011 18:38:54 +0000</pubDate>
		<dc:creator>Mauricio Hernández</dc:creator>
				<category><![CDATA[Usabilidad]]></category>

		<guid isPermaLink="false">http://www.macromedios.net/?p=3163</guid>
		<description><![CDATA[Existe un concepto empresarial llamado &#8220;Lean&#8221;, Lean traducido al español es cómo esbelto o ligero, la idea central de esta filosofía es la generar mayor valor para el cliente con un mínimo de recursos, tiene su origen en Japón, Toyota &#8230;<div class="continue"><a href="http://www.macromedios.net/usabilidad/cree-valor-para-su-cliente-y-minimize-costos-con-la-usabilidad.html">Continuar leyendo <span class="meta-nav">&#187;</span></a></div>]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.macromedios.net/wp-content/uploads/2011/11/sabilidad.jpg" alt="Usabilidad" title="Usabilidad" width="500" height="500" class="alignleft size-full wp-image-3167" /><br />
Existe un concepto empresarial llamado &#8220;Lean&#8221;, Lean traducido al español es cómo esbelto o ligero, la idea central de esta filosofía es la <strong>generar mayor valor para el cliente con un mínimo de recursos</strong>, tiene su origen en Japón, Toyota es un ejemplo de esta filosofía puesta en práctica y son pioneros en el tema.</p>
<p>Al reducir desperdicios en la cadena de valor, se crean procesos que necesitan menos esfuerzo humano, menos espacio, menos capital, menos tiempo para hacer los productos y servicios a un costo mucho menor y con menos defectos, en comparación con los sistemas empresariales tradicionales. Las empresas son capaces de responder a los deseos cambiantes de los clientes con alta calidad, bajo costo y con tiempos de ejecución muy rápida.</p>
<p>Cuando empezamos a tener en cuenta la usabilidad en nuestro proceso de desarrollo de servicios o productos podemos generar gran valor, con poco esfuerzo e inversión.</p>
<p>Si observamos cuales son las acciones que realiza un cliente en su interacción con una herramienta de software (sitio web, sitio móvil, aplicaciones), investigamos cuales son los pilares de su negocio, cómo emplea su tiempo y en que tareas, podremos empezar a identificar necesidades, ver oportunidades para mejorar su experiencia y añadirle valor a su negocio.</p>
<p>Estos son 9 principios de la usabilidad con el enfoque Lean:</p>
<ol>
<li>Aprenda a querer a los errores</li>
<li>Busque obstáculos en el camino</li>
<li>Es mejor frecuencia que precisión (Más iteraciones rápidas que una sola que tome mucho tiempo)</li>
<li>Elimine costos en donde sea posible</li>
<li>Piense en que el proceso de producción se lo más corto posible</li>
<li>Cuando haga reclutamiento, este preparado para intercambiar dinero por tiempo</li>
<li>Las técnicas de moderación pueden ser remotas</li>
<li>Muéstrele a su equipo cómo usan los usuarios su sitio o software</li>
<li>Tome notas y discútalas, no haga reportes</li>
</ol>
<p>La siguiente presentación nos muestra cómo podemos utilizar de una manera muy rápida y simple la usabilidad en nuestra empresa para entender mejor a nuestros clientes o usuarios y generar soluciones a sus necesidades que le generen valor y le hagan la vida mucho más fácil.</p>
<div style="width:510px" id="__ss_3157419"> <strong style="display:block;margin:12px 0 4px"><a href="http://www.slideshare.net/glusman/lean-usability" title="Lean Usability" target="_blank">Lean Usability</a></strong> <object id="__sse3157419" width="510" height="426"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=leanusability-finalslideshare-100212094447-phpapp01&#038;stripped_title=lean-usability&#038;userName=glusman" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><param name="wmode" value="transparent"/><embed name="__sse3157419" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=leanusability-finalslideshare-100212094447-phpapp01&#038;stripped_title=lean-usability&#038;userName=glusman" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="transparent" width="510" height="426"></embed></object>
<div style="padding:5px 0 12px"> View more <a href="http://www.slideshare.net/" target="_blank">presentations</a> from <a href="http://www.slideshare.net/glusman" target="_blank">glusman</a> </div>
</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.macromedios.net/usabilidad/cree-valor-para-su-cliente-y-minimize-costos-con-la-usabilidad.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Relación entre tiempo y creatividad</title>
		<link>http://www.macromedios.net/diseno/como-el-tiempo-afecta-la-creatividad.html</link>
		<comments>http://www.macromedios.net/diseno/como-el-tiempo-afecta-la-creatividad.html#comments</comments>
		<pubDate>Wed, 02 Nov 2011 16:36:10 +0000</pubDate>
		<dc:creator>Mauricio Hernández</dc:creator>
				<category><![CDATA[Diseño]]></category>

		<guid isPermaLink="false">http://www.macromedios.net/?p=3147</guid>
		<description><![CDATA[En este video se muestra un experimento interesante en donde a unos niños se les asigna la tarea de hacer un dibujo de un reloj, primero en 10 segundos y luego en 10 minutos, las diferencias de los dibujos son &#8230;<div class="continue"><a href="http://www.macromedios.net/diseno/como-el-tiempo-afecta-la-creatividad.html">Continuar leyendo <span class="meta-nav">&#187;</span></a></div>]]></description>
			<content:encoded><![CDATA[<p>En este video se muestra un experimento interesante en donde a unos niños se les asigna la tarea de hacer un dibujo de un reloj, primero en 10 segundos y luego en 10 minutos, las diferencias de los dibujos son evidentes.</p>
<p>Cuando tenemos menos tiempo por lo general las soluciones son trilladas y sólo una solución por lo general.</p>
<p><iframe src="http://www.youtube.com/embed/jgvx9OfZKJw" frameborder="0" width="500" height="284"></iframe></p>
<p>La creatividad se ve afectada por el tiempo que tenemos para desarrollar algún diseño, pero a veces a algunos diseñadores sueles pasarle que les dan una hora para el trabajo y salen con un diseño como hecho en 10 minutos, lo cual afecta la credibilidad de la profesión de diseñador, ya que si a un gerente en una hora le entregan un trabajo con la calidad de 10 minutos, la gerencia tratará de que la próxima vez se demore 10 minutos, debemos ser consecuentes entre calidad y tiempo.</p>
<p>Un gran enemigo de la creatividad para mí son sitios como facebook o cosas como el chat. Ojo diseñadores que esas cosas parece que no se notan pero hay personas que las perciben y puede ser perjudicial para sus carreras dentro de una compañía.</p>
<p>Hay una frase de <a href="http://en.wikipedia.org/wiki/Massimo_Vignelli" target="_blank">Massimo Vignelli</a> que dice:</p>
<blockquote><p>No hay diseño sin disciplina y no hay disciplina sin inteligencia</p></blockquote>
<p>Lo ideal es tener un balance, supongamos que tenemos que diseñar una página informativa de producto con un pequeño formulario para enviar email, nombre y que tenemos 8 horas para hacer la propuesta (un día laboral promedio en Colombia):</p>
<p><strong>Empleo de tiempo sugerido</strong></p>
<ul>
<li>1 Hora &#8211; Chat, twitter y facebook</li>
<li>1 Hora &#8211; Un tiempo para inspiración, navegar sitios, ver otras propuestas y aproximaciones de diferentes soluciones al problema</li>
<li>1 Hora &#8211; Un tiempo para hacer bocetos en papel</li>
<li>2 Horas &#8211; Un tiempo para wireframes</li>
<li>3 Horas &#8211; Un tiempo para mockups</li>
</ul>
<div>
<p><strong>Empleo de tiempo real empleado por algunos diseñadores</strong></p>
<ul>
<li>2 Horas &#8211; Chat</li>
<li>1 Hora &#8211; Twitter</li>
<li>2 Horas &#8211; Facebook</li>
<li>3 Horas &#8211; Un tiempo para mockups</li>
</ul>
</div>
<p><strong>Y para cerrar, colegas diseñadores, dediquémosle tiempo a los trabajos que nos encomiendan, generemos más valor a nuestros clientes por favor.</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.macromedios.net/diseno/como-el-tiempo-afecta-la-creatividad.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>La parte invisible del diseño</title>
		<link>http://www.macromedios.net/diseno/la-parte-invisible-del-diseno.html</link>
		<comments>http://www.macromedios.net/diseno/la-parte-invisible-del-diseno.html#comments</comments>
		<pubDate>Mon, 24 Oct 2011 18:35:27 +0000</pubDate>
		<dc:creator>Mauricio Hernández</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Usabilidad]]></category>

		<guid isPermaLink="false">http://www.macromedios.net/?p=3133</guid>
		<description><![CDATA[Una muy interesante presentación en donde los señores de Smashing Magazine nos muestran una parte diferente del diseño, por diseño entendemos todo lo visual pero como deciá Steve Jobs: &#8220;El diseño también es como funciona&#8221; Adicionalmente la parte invisible del &#8230;<div class="continue"><a href="http://www.macromedios.net/diseno/la-parte-invisible-del-diseno.html">Continuar leyendo <span class="meta-nav">&#187;</span></a></div>]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.macromedios.net/wp-content/uploads/2011/10/invisible_design.gif" alt="La parte invisible del diseño" title="invisible_design" width="705" height="524" class="alignleft size-full wp-image-3134" /><br />
Una muy interesante presentación en donde los señores de <a href="http://www.smashingmagazine.com/" target="_blank">Smashing Magazine</a> nos muestran una parte diferente del diseño, por diseño entendemos todo lo visual pero como deciá Steve Jobs:<br />
<blockquote>&#8220;El diseño también es como funciona&#8221;</p></blockquote>
<p>Adicionalmente la parte invisible del diseño hace referencia a que un buen diseño debe ser casi imperceptible, las personas pueden usarlo pero ni siquiera notan que está, no debe interferir con la vida de las personas.</p>
<p>Dieter Rams uno de los <a href="http://www.macromedios.net/diseno/jonathan-ive-inspirado-en-dieter-rams.html" target="_blank">referentes de diseño para Apple</a>, icono del diseño industrial y jefe de diseño de Braun, compañía alemana de electrodomésticos en sus <a href="http://www.macromedios.net/diseno/10-principios-del-buen-diseno-dieter-rams.html" target="_blank">10 principios del buen diseño</a> nos dice:</p>
<blockquote><p>&#8220;El buen diseño es tan poco diseño como sea posible&#8221;</p></blockquote>
<p>A veces como diseñadores se nos escapan temas que no podemos ver, debido a nuestro carácter enteramente visual, pero cuando se empieza a diseñar experiencia de usuario nos damos cuenta que esos elementos o acciones que no percibimos a simple vista pueden tener un impacto muy grande sobre los usuarios que utilizan un sitio web o una herramienta en internet.</p>
<p>Esta presentación es una invitación a que tratemos de ver más allá de lo visual, pensemos en funcionalidades y objetivos tanto de negocio como de los usuarios.</p>
<p><script src="http://speakerdeck.com/embed/4e94aa54fcba560051000c3c.js"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.macromedios.net/diseno/la-parte-invisible-del-diseno.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>El diseño web es 95% tipografía</title>
		<link>http://www.macromedios.net/diseno/el-diseno-web-es-95-tipografia.html</link>
		<comments>http://www.macromedios.net/diseno/el-diseno-web-es-95-tipografia.html#comments</comments>
		<pubDate>Tue, 11 Oct 2011 14:35:18 +0000</pubDate>
		<dc:creator>Mauricio Hernández</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Tipografía]]></category>

		<guid isPermaLink="false">http://www.macromedios.net/?p=3128</guid>
		<description><![CDATA[Bueno y un 5% de diseño de interacción, eso es lo que piensan los señores de information architects y tienen bases para pensarlo, el 95% de la información de la red es texto, los diseñadores deberíamos contar con una base &#8230;<div class="continue"><a href="http://www.macromedios.net/diseno/el-diseno-web-es-95-tipografia.html">Continuar leyendo <span class="meta-nav">&#187;</span></a></div>]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-3129" title="tipografia" src="http://www.macromedios.net/wp-content/uploads/2011/10/tipografia.gif" alt="Tipografía en el diseño web" width="582" height="438" /></p>
<p>Bueno y un 5% de diseño de interacción, eso es lo que piensan los señores de <a href="http://www.informationarchitects.jp/en/the-web-is-all-about-typography-period/" target="_blank">information architects</a> y tienen bases para pensarlo, el 95% de la información de la red es texto, los diseñadores deberíamos contar con una base sólida en el tema de darle forma al lenguaje escrito en resumen en tipografía.</p>
<p>Ahora los señores de information architects tienen toda la autoridad moral para hablar de tipografía ya que cuentan con <a href="http://spiekermann.com/" target="_blank">Erik Spiekerman</a> dentro de su equipo, Erik es algo así como un superhéroe de la tipografía que ha vivido pensando en fuentes casi desde chiquito.</p>
<p>Al optimizar <a href="http://www.macromedios.net/category/tipografia" target="_blank">la tipografía</a> se está optimizando la lecturabilidad, accesibilidad, usabilidad y en general el balance gráfico. Debemos tratar el texto como un elemento de interfaz de usuario.</p>
<p>Hay varias recomendaciones generales que mejoran la tipografía de un sitio:</p>
<ol>
<li>Tamaño de fuente relativo, es decir en em no en pixeles</li>
<li>Uso generoso del espacio en blanco</li>
<li>Espaciado vertical o en css line-height, por lo general mayor a una proporción de 1.5, es decir si la fuente de nuestro cuerpo de texto es de 2em, el espaciado vertical debe ser 2*1.5em</li>
<li>Claro contraste entre el fondo y la tipografía, el mayor contraste está dado por un fondo blanco y texto negro</li>
<li>Diferenciar texto e imágenes, es decir darles tratamientos específicos</li>
</ol>
<div style="width:510px" id="__ss_9641696"> <strong style="display:block;margin:12px 0 4px"><a href="http://www.slideshare.net/reichenstein1/ory-readwriteorn" title="Reading Typography—Writing Typography" target="_blank">Reading Typography—Writing Typography</a></strong> <iframe src="http://www.slideshare.net/slideshow/embed_code/9641696" width="510" height="426" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
<div style="padding:5px 0 12px"> View more <a href="http://www.slideshare.net/" target="_blank">presentations</a> from <a href="http://www.slideshare.net/reichenstein1" target="_blank">Oliver Reichenstein</a> </div>
</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.macromedios.net/diseno/el-diseno-web-es-95-tipografia.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Steve Jobs y el diseño</title>
		<link>http://www.macromedios.net/inspiracion/steve-jobs-y-el-diseno.html</link>
		<comments>http://www.macromedios.net/inspiracion/steve-jobs-y-el-diseno.html#comments</comments>
		<pubDate>Tue, 11 Oct 2011 02:40:43 +0000</pubDate>
		<dc:creator>Mauricio Hernández</dc:creator>
				<category><![CDATA[Inspiración]]></category>

		<guid isPermaLink="false">http://www.macromedios.net/?p=3121</guid>
		<description><![CDATA[Recojo algunas de las frases de Steve Jobs, que más me han impactado y que se relacionan estríctmente con el diseño: &#8220;El diseño no es solo la apariencia, el diseño es cómo funciona&#8221; &#8220;Estoy tan orgulloso de lo que no &#8230;<div class="continue"><a href="http://www.macromedios.net/inspiracion/steve-jobs-y-el-diseno.html">Continuar leyendo <span class="meta-nav">&#187;</span></a></div>]]></description>
			<content:encoded><![CDATA[<p>Recojo algunas de las frases de Steve Jobs, que más me han impactado y que se relacionan estríctmente con el diseño:</p>
<blockquote><p>&#8220;El diseño no es solo la apariencia, el diseño es cómo funciona&#8221;</p></blockquote>
<blockquote><p>&#8220;Estoy tan orgulloso de lo que no hacemos como de lo que hacemos&#8221;</p></blockquote>
<blockquote><p>&#8220;El diseño es el alma de todo lo creado por el hombre&#8221;</p></blockquote>
<blockquote><p>&#8220;Cuesta demasiado diseñar productos a partir de grupos cerrados. La mayoría de las veces la gente no sabe lo que quiere hasta que se lo enseñas&#8221;</p></blockquote>
<blockquote><p>&#8220;No puedes preguntarle a los consumidores qué quieren y luego pretender dárselo. En el tiempo que has estado fabricándolo, ellos querrán una cosa nueva&#8221;</p></blockquote>
<p>Es un ejemplo y una fuente gigantesca de inspiración, de las cosas que más admiré de Steve Jobs era su gran compromiso con lo que hacía, siendo Apple una empresa tan importante y relevante, siempre estaba muy pendiente de los más mínimos detalles en el proceso de diseño dejando al lado su ego de supergerente, que gran ejemplo a seguir.</p>
<p><iframe src="http://www.youtube.com/embed/XKk7HuL4rH8" frameborder="0" width="500" height="284"></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://www.macromedios.net/inspiracion/steve-jobs-y-el-diseno.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

