<?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>Tzek Blog de Diseño &#187; métodos</title>
	<atom:link href="http://tzek-design.com/blog/tag/metodos/feed/" rel="self" type="application/rss+xml" />
	<link>http://tzek-design.com/blog</link>
	<description>Diseño de Información e Interacción: Reflexiones, comentarios, vínculos con otras áreas de diseño o bien,  cualquier cosa...</description>
	<lastBuildDate>Wed, 01 Sep 2010 21:18:42 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Semana de Arte y Diseño 2009 en la Unarte</title>
		<link>http://tzek-design.com/blog/2009/10/16/semana-de-arte-y-diseno-2009-en-la-unarte/</link>
		<comments>http://tzek-design.com/blog/2009/10/16/semana-de-arte-y-diseno-2009-en-la-unarte/#comments</comments>
		<pubDate>Fri, 16 Oct 2009 22:54:05 +0000</pubDate>
		<dc:creator>Tzek</dc:creator>
				<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Diseño de Información]]></category>
		<category><![CDATA[Diseño de Interacción]]></category>
		<category><![CDATA[Diseño de Interfaces]]></category>
		<category><![CDATA[Métodos y proceso de diseño]]></category>
		<category><![CDATA[Profesión]]></category>
		<category><![CDATA[Reflexión]]></category>
		<category><![CDATA[Tertulias]]></category>
		<category><![CDATA[tutoriales]]></category>
		<category><![CDATA[arquitectura de información]]></category>
		<category><![CDATA[atelier]]></category>
		<category><![CDATA[charla]]></category>
		<category><![CDATA[conferencia]]></category>
		<category><![CDATA[diseño estratégico]]></category>
		<category><![CDATA[estrategia]]></category>
		<category><![CDATA[estudiantes]]></category>
		<category><![CDATA[exposición]]></category>
		<category><![CDATA[germán montalvo]]></category>
		<category><![CDATA[licenciatura]]></category>
		<category><![CDATA[métodos]]></category>
		<category><![CDATA[métodos y procesos de diseño]]></category>
		<category><![CDATA[procesos de diseño]]></category>
		<category><![CDATA[ricardo huitrón]]></category>
		<category><![CDATA[tina diez]]></category>
		<category><![CDATA[unarte]]></category>
		<category><![CDATA[universidad]]></category>
		<category><![CDATA[universidad del arte]]></category>

		<guid isPermaLink="false">http://tzek-design.com/blog/?p=969</guid>
		<description><![CDATA[El miércoles 15 de octubre tuve el gusto de participar en la Semana de Arte y Diseño de la Unarte Universidad del Arte, un instituto pequeño pero con un ambiente cálido y buen nivel de camaradería.

La decoración de las paredes es muy particular, lo cual le brinda un carácter propio a este centro de estudios. [...]]]></description>
			<content:encoded><![CDATA[<p>El miércoles 15 de octubre tuve el gusto de participar en la <strong>Semana de Arte y Diseño</strong> de la <a title="Unarte Universidad del Arte en Puebla México" href="http://www.unarte.edu.mx/" onclick="pageTracker._trackPageview('/outgoing/www.unarte.edu.mx/?referer=');">Unarte</a> Universidad del Arte, un instituto pequeño pero con un ambiente cálido y buen nivel de camaradería.</p>
<p><img class="alignnone size-full wp-image-970" title="Semana de Arte y Diseño de la Unarte Universidad del Arte" src="http://tzek-design.com/blog/wp-content/uploads/2009/10/semanaAD_DE.gif" alt="Semana de Arte y Diseño de la Unarte Universidad del Arte" width="450" height="468" /></p>
<p>La decoración de las paredes es muy particular, lo cual le brinda un carácter propio a este centro de estudios. Esos efectos ópticos me parecen geniales. <img src='http://tzek-design.com/blog/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p><img class="alignnone size-full wp-image-971" title="Unarte" src="http://tzek-design.com/blog/wp-content/uploads/2009/10/unarte01.jpg" alt="Unarte" width="450" height="338" /></p>
<p><img class="alignnone size-full wp-image-972" title="Salones para diseño de moda y arquitectura" src="http://tzek-design.com/blog/wp-content/uploads/2009/10/unarte02.jpg" alt="Salones para diseño de moda y arquitectura" width="400" height="300" /></p>
<p><img class="alignnone size-full wp-image-973" title="Cafetería de la Unarte" src="http://tzek-design.com/blog/wp-content/uploads/2009/10/unarte03.jpg" alt="Cafetería de la Unarte" width="400" height="300" /></p>
<p><img class="alignnone size-full wp-image-974" title="Interior de la cafetería de la Unarte" src="http://tzek-design.com/blog/wp-content/uploads/2009/10/unarte04.jpg" alt="Interior de la cafetería de la Unarte" width="400" height="300" /></p>
<p>Debido a otros compromisos, me perdí el resto de las charlas. Ya no tuve la oportunidad de escuchar a Tina Diez  y Ricardo Huitrón, dos colegas exaUDLAPs, pero estuve presente en la charla con Germán Montalvo, quien fue muy ameno en su plática y nos mostro una cantidad considerable de trabajo comentándonos para cada caso cuál había sido el proceso. Germán es bien conocido por su trabajo en cartel, aunque en esta charla nos mostró trabajo de editorial, cerámica/talavera e incluso muebles.</p>
<p>Las fotos las tomé con el celular. Una disculpa por la calidad de las fotos.</p>
<p><img class="alignnone size-full wp-image-975" title="Germán Montalvo en la Unarte" src="http://tzek-design.com/blog/wp-content/uploads/2009/10/german01.jpg" alt="Germán Montalvo en la Unarte" width="450" height="338" /></p>
<div id="attachment_976" class="wp-caption alignnone" style="width: 410px"><img class="size-full wp-image-976" title="Prototipo para la Guirnalda de Plata, presea del auditorio nacional." src="http://tzek-design.com/blog/wp-content/uploads/2009/10/german02.jpg" alt="Prototipo para la Guirnalda de Plata, presea del auditorio nacional." width="400" height="285" /><p class="wp-caption-text">Prototipo para la Guirnalda de Plata, presea del auditorio nacional.</p></div>
<div id="attachment_977" class="wp-caption alignnone" style="width: 410px"><img class="size-full wp-image-977" title="Libro sobre Warhol" src="http://tzek-design.com/blog/wp-content/uploads/2009/10/german03.jpg" alt="Libro sobre Warhol" width="400" height="292" /><p class="wp-caption-text">Libro sobre Warhol.</p></div>
<div id="attachment_978" class="wp-caption alignnone" style="width: 410px"><img class="size-full wp-image-978" title="Plato de talavera." src="http://tzek-design.com/blog/wp-content/uploads/2009/10/german04.jpg" alt="Plato de talavera." width="400" height="355" /><p class="wp-caption-text">Plato de talavera.</p></div>
<div id="attachment_979" class="wp-caption alignnone" style="width: 410px"><img class="size-full wp-image-979" title="Portada de la revista Design Issues." src="http://tzek-design.com/blog/wp-content/uploads/2009/10/german05.jpg" alt="Portada de la revista Design Issues." width="400" height="282" /><p class="wp-caption-text">Portada de la revista Design Issues.</p></div>
<div id="attachment_980" class="wp-caption alignnone" style="width: 410px"><img class="size-full wp-image-980" title="Agenda." src="http://tzek-design.com/blog/wp-content/uploads/2009/10/german06.jpg" alt="Agenda." width="400" height="289" /><p class="wp-caption-text">Agenda.</p></div>
<div id="attachment_981" class="wp-caption alignnone" style="width: 410px"><img class="size-full wp-image-981" title="Ilustración de pájaros antropomorfos." src="http://tzek-design.com/blog/wp-content/uploads/2009/10/german07.jpg" alt="Ilustración de pájaros antropomorfos." width="400" height="281" /><p class="wp-caption-text">Ilustración de pájaros antropomorfos.</p></div>
<div id="attachment_982" class="wp-caption alignnone" style="width: 410px"><img class="size-full wp-image-982" title="Broche con las mismas ilustraciones del libro." src="http://tzek-design.com/blog/wp-content/uploads/2009/10/german08.jpg" alt="Broche con las mismas ilustraciones del libro." width="400" height="287" /><p class="wp-caption-text">Broche con las mismas ilustraciones del libro.</p></div>
<p>Germán hizo un par de comentarios que me parecieron muy acertados:</p>
<ul>
<li>El diseño debe provenir de la realidad.</li>
<li>La gente desconoce que existe un proceso*.</li>
</ul>
<p>* refiriéndose a proyectos de diseño.</p>
<p>Un servidor platicó sobre qué es <strong>arquitectura de información</strong>, ya que siendo futuros egresados en <strong>diseño estratégico</strong>, esta disciplina si al menos no se puede siempre implementar con todo el formalismo, sí es necesaria porque no sólo propone en términos del usuario, sino ejercita esa &#8220;manera de pensar&#8221; en forma <em>estructural</em>, muy conveniente cuando se tienen que solucionar problemas donde existe una gran cantidad de información o bien, una marcada carencia de esta.</p>
<div id="__ss_2228620" style="width: 425px; text-align: left;"><a style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;" title="Diseno Estratégico y Arquitectura de Información" href="http://www.slideshare.net/Tzek/diseno-estratgico-y-arquitectura-de-informacin" onclick="pageTracker._trackPageview('/outgoing/www.slideshare.net/Tzek/diseno-estratgico-y-arquitectura-de-informacin?referer=');">Diseno Estratégico y Arquitectura de Información</a><object style="margin:0px" 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=diseno-estrategico-y-ai-091015052848-phpapp01&amp;stripped_title=diseno-estratgico-y-arquitectura-de-informacin" /><param name="allowfullscreen" value="true" /><embed style="margin:0px" type="application/x-shockwave-flash" width="425" height="355" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=diseno-estrategico-y-ai-091015052848-phpapp01&amp;stripped_title=diseno-estratgico-y-arquitectura-de-informacin" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<div style="font-size: 11px; font-family: tahoma,arial; height: 26px; padding-top: 2px;">View more <a style="text-decoration:underline;" href="http://www.slideshare.net/" onclick="pageTracker._trackPageview('/outgoing/www.slideshare.net/?referer=');">documents</a> from <a style="text-decoration:underline;" href="http://www.slideshare.net/Tzek" onclick="pageTracker._trackPageview('/outgoing/www.slideshare.net/Tzek?referer=');">Tzek</a>.</div>
</div>
<p>Por mi parte quiero agradecer a Hilda Gabarrón (a.k.a. <a title="Arte de Higa" href="http://www.arte-higa.com/" onclick="pageTracker._trackPageview('/outgoing/www.arte-higa.com/?referer=');">Higa</a>) por la invitación y a los cuates estudiantes de la Uniarte por sus comentarios, retroalimentación y buena vibra.</p>
]]></content:encoded>
			<wfw:commentRss>http://tzek-design.com/blog/2009/10/16/semana-de-arte-y-diseno-2009-en-la-unarte/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Notas del taller de tipografía orientada a la creación de logos</title>
		<link>http://tzek-design.com/blog/2009/05/18/notas-del-taller-de-tipografia-orientada-a-la-creacion-de-logos/</link>
		<comments>http://tzek-design.com/blog/2009/05/18/notas-del-taller-de-tipografia-orientada-a-la-creacion-de-logos/#comments</comments>
		<pubDate>Tue, 19 May 2009 00:44:23 +0000</pubDate>
		<dc:creator>Tzek</dc:creator>
				<category><![CDATA[Diseño Gráfico]]></category>
		<category><![CDATA[Diseño de Información]]></category>
		<category><![CDATA[Métodos y proceso de diseño]]></category>
		<category><![CDATA[Profesión]]></category>
		<category><![CDATA[Tertulias]]></category>
		<category><![CDATA[tutoriales]]></category>
		<category><![CDATA[bezier]]></category>
		<category><![CDATA[caligrafía]]></category>
		<category><![CDATA[contraforma]]></category>
		<category><![CDATA[curvas]]></category>
		<category><![CDATA[custom]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[experimento]]></category>
		<category><![CDATA[fontlab]]></category>
		<category><![CDATA[forma]]></category>
		<category><![CDATA[fuste]]></category>
		<category><![CDATA[isaías]]></category>
		<category><![CDATA[loaiza]]></category>
		<category><![CDATA[logos]]></category>
		<category><![CDATA[logotipos]]></category>
		<category><![CDATA[marca]]></category>
		<category><![CDATA[métodos]]></category>
		<category><![CDATA[Nodos]]></category>
		<category><![CDATA[perchas]]></category>
		<category><![CDATA[pluma]]></category>
		<category><![CDATA[proceso de diseño]]></category>
		<category><![CDATA[punta rígida]]></category>
		<category><![CDATA[regla]]></category>
		<category><![CDATA[taller]]></category>
		<category><![CDATA[tipografía]]></category>
		<category><![CDATA[tipos]]></category>
		<category><![CDATA[transversal]]></category>
		<category><![CDATA[trazo]]></category>
		<category><![CDATA[udla]]></category>
		<category><![CDATA[udlap]]></category>
		<category><![CDATA[workshop]]></category>

		<guid isPermaLink="false">http://tzek-design.com/blog/?p=639</guid>
		<description><![CDATA[Anteriormente había posteado sobre el taller de diseño de tipografía que impartiría Isaías Loaiza. En lo personal fue una experiencia enriquecedora, además de que Isaías transmite esa pasión por la tipografía y su relevancia en el diseño. Aquí dejo algunas notas de lo visto en el taller.

La primera parte del taller fue sobre apreciación tipográfica [...]]]></description>
			<content:encoded><![CDATA[<p>Anteriormente había <a title="Post anterior invitando al taller" href="http://tzek-design.com/blog/2009/04/17/taller-de-tipografia-digital-orientada-a-la-creacion-de-logos/">posteado</a> sobre el taller de diseño de tipografía que impartiría <a title="Portafolio de fotografía y caligrafía de Isaías Loaiza" href="http://www.isaiasloaiza.com" onclick="pageTracker._trackPageview('/outgoing/www.isaiasloaiza.com?referer=');">Isaías Loaiza</a>. En lo personal fue una experiencia enriquecedora, además de que Isaías transmite esa pasión por la tipografía y su relevancia en el diseño. Aquí dejo algunas notas de lo visto en el taller.</p>
<p style="text-align: center;"><img class="size-full wp-image-640 aligncenter" title="tipo" src="http://tzek-design.com/blog/wp-content/uploads/2009/05/tipo.jpg" alt="tipo" width="500" height="375" /></p>
<p>La primera parte del taller fue sobre <em>apreciación tipográfica</em> y cómo se puede <strong>explotar</strong> la tipografía para<em> darle sabor</em> y <em>carácter</em> a una marca. Entre los ejemplos, vimos el trabajo de <a title="Portafolio de Alex Trochut" href="http://www.alextrochut.com/" onclick="pageTracker._trackPageview('/outgoing/www.alextrochut.com/?referer=');">Alex Trochut</a>. Bastante impresionante.</p>
<p style="text-align: center;"><img class="size-full wp-image-672 aligncenter" title="trochut_10ways" src="http://tzek-design.com/blog/wp-content/uploads/2009/05/trochut_10ways.jpg" alt="trochut_10ways" width="318" height="500" /></p>
<p>Después nos tocó hacer caligrafía con &#8220;pluma de punta rígida&#8221; simulándola con un pedazo de madera.</p>
<p style="text-align: center;"><img class="size-full wp-image-646 aligncenter" title="clase-isaias-loaiza" src="http://tzek-design.com/blog/wp-content/uploads/2009/05/clase-isaias-loaiza.jpg" alt="clase-isaias-loaiza" width="500" height="505" /></p>
<p>Como primer paso se necesita una <em>unidad</em> para establecer medidas, la cual estará dada por el lado del pedazo de madera que emplearemos para escribir. Un enfoque consiste en tomar nuestra pluma y hacer <strong>ocho marcas verticales en serie</strong>: <strong>dos</strong> corresponderán a la altura de nuestros <strong>ascendentes</strong>, <strong>cuatro</strong> corresponderán a nuestra <strong>altura de las x</strong> y <strong>dos</strong> para el tamaño de nuestros <strong>descendentes</strong>.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-652" title="caligrafia-madera" src="http://tzek-design.com/blog/wp-content/uploads/2009/05/caligrafia-madera.gif" alt="caligrafia-madera" width="490" height="300" /></p>
<p style="text-align: left;">Algo importante es no mover la inclinación de la <em>punta</em> una vez asentada sobre el papel. Esto provocará <em>modulación</em> (aparición de finos y gruesos). Si movemos la punta conforme vamos trazando, los grosores tenderán a sarlirnos uniformes.</p>
<p style="text-align: center;"><img class="size-full wp-image-648 aligncenter" title="caligrafia-isaiasloaiza" src="http://tzek-design.com/blog/wp-content/uploads/2009/05/caligrafia-isaiasloaiza.jpg" alt="caligrafia-isaiasloaiza" width="500" height="730" /></p>
<p>Sobre el diseño de tipos en general, según Isaías, debemos tener en cuenta cuatro variables: el tamaño (con respecto a la líneas guía), las curvas (que tán gruesa o fina resultará), el origen (qué tipo de fuente es) y el espaciado entre letras (fijarse en la contraformas).</p>
<p style="text-align: center;">
<p style="text-align: center;"><img class="size-full wp-image-657 aligncenter" title="variables-trazo-tipos1" src="http://tzek-design.com/blog/wp-content/uploads/2009/05/variables-trazo-tipos1.gif" alt="variables-trazo-tipos1" width="490" height="512" /></p>
<p>Una palabra de prueba es <strong>hamburguerfonsiv</strong>.</p>
<p style="text-align: center;"><img class="size-full wp-image-649 aligncenter" title="hamburguerfonsiv" src="http://tzek-design.com/blog/wp-content/uploads/2009/05/hamburguerfonsiv.jpg" alt="hamburguerfonsiv" width="500" height="448" /></p>
<p>Isaías nos comentó un tip para manejar los gruesos en los fustes (las columnas), transversales, curvas, diagonales y fustes para mayúsculas. Si se piensa en términos del ancho de un fuste, entonces el resto son variaciones de esta medida.</p>
<p style="text-align: center;"><img class="size-full wp-image-666 aligncenter" title="grueso-fuste-curvas" src="http://tzek-design.com/blog/wp-content/uploads/2009/05/grueso-fuste-curvas.gif" alt="grueso-fuste-curvas" width="490" height="250" /></p>
<p>También discutimos sobre ligaduras, e Isaías comentó que es un recurso para darle <em>personalidad</em> a un <strong>logotipo hecho a la medida</strong>, así como los <a title="qué es un ambigrama según wikipedia" href="http://es.wikipedia.org/wiki/Ambigrama" onclick="pageTracker._trackPageview('/outgoing/es.wikipedia.org/wiki/Ambigrama?referer=');">ambigramas</a> y los <a title="Explicación sobre los swooshes en muchos logotipos" href="http://www.thestreet.com/story/986150/swoosh-there-it-is-in-fact-swooshlike-logos-are-everywhere.html" onclick="pageTracker._trackPageview('/outgoing/www.thestreet.com/story/986150/swoosh-there-it-is-in-fact-swooshlike-logos-are-everywhere.html?referer=');">swooshes</a>.</p>
<p style="text-align: center;"><img class="size-full wp-image-669 aligncenter" title="ligadura-en-logos" src="http://tzek-design.com/blog/wp-content/uploads/2009/05/ligadura-en-logos.gif" alt="ligadura-en-logos" width="270" height="178" /></p>
<p>Con respecto al trazo, comentó que existe un <em>conjunto de reglas</em> para lograr unas <em>curvas perfectas</em>.</p>
<p><strong>Regla 1.</strong> Manejar la cantidad mínima de nodos.</p>
<p style="text-align: center;"><img class="size-full wp-image-659 aligncenter" title="num_nodos" src="http://tzek-design.com/blog/wp-content/uploads/2009/05/num_nodos.gif" alt="num_nodos" width="490" height="248" /></p>
<p><strong>Regla 2.</strong> Caracterizar la forma de la letra en términos de sólo tres nodos: <em>curva, tangente y de esquina</em>.</p>
<p style="text-align: center;"><img class="size-full wp-image-660 aligncenter" title="nodos-curvas-tipos" src="http://tzek-design.com/blog/wp-content/uploads/2009/05/nodos-curvas-tipos.gif" alt="nodos-curvas-tipos" width="336" height="188" /></p>
<p><strong>Regla 3.</strong> Intentar que los puntos estén en los extremos superior, inferior, derecho e izquierdo.</p>
<p style="text-align: center;"><img class="size-full wp-image-663 aligncenter" title="nodos-extremos" src="http://tzek-design.com/blog/wp-content/uploads/2009/05/nodos-extremos.gif" alt="nodos-extremos" width="490" height="248" /></p>
<p><strong>Regla 4.</strong> Procurar que las perchas (esto es, los controles de la pendiente de las curvas) sean ortogonales.</p>
<p style="text-align: center;"><img class="size-full wp-image-661 aligncenter" title="perchas-ortogonales" src="http://tzek-design.com/blog/wp-content/uploads/2009/05/perchas-ortogonales.gif" alt="perchas-ortogonales" width="153" height="153" /></p>
<p><strong>Regla 5.</strong> Que las perchas sean simétricas.</p>
<p style="text-align: center;"><img class="size-full wp-image-662 aligncenter" title="perchas-simetricas" src="http://tzek-design.com/blog/wp-content/uploads/2009/05/perchas-simetricas.gif" alt="perchas-simetricas" width="326" height="153" /></p>
<p>Un taller bastante interesante sin duda. Gracias al colega Isaías por su tiempo y entusiasmo. Lo único inconveniente para mi es que me he quedado con ganas de tomar un taller de caligrafía o bien, uno de diseño tipográfico, lo cual estaría super. <img src='http://tzek-design.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://tzek-design.com/blog/2009/05/18/notas-del-taller-de-tipografia-orientada-a-la-creacion-de-logos/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Affordances everywhere</title>
		<link>http://tzek-design.com/blog/2009/05/08/affordances-everywhere/</link>
		<comments>http://tzek-design.com/blog/2009/05/08/affordances-everywhere/#comments</comments>
		<pubDate>Fri, 08 May 2009 17:24:24 +0000</pubDate>
		<dc:creator>Tzek</dc:creator>
				<category><![CDATA[Diseño de Interacción]]></category>
		<category><![CDATA[Diseño de Interfaces]]></category>
		<category><![CDATA[Métodos y proceso de diseño]]></category>
		<category><![CDATA[Profesión]]></category>
		<category><![CDATA[Reflexión]]></category>
		<category><![CDATA[Tertulias]]></category>
		<category><![CDATA[affordance]]></category>
		<category><![CDATA[affordances]]></category>
		<category><![CDATA[concepto]]></category>
		<category><![CDATA[diseño centrado en el usuario]]></category>
		<category><![CDATA[diseño emocional]]></category>
		<category><![CDATA[diseño industrial]]></category>
		<category><![CDATA[diseño para pantalla]]></category>
		<category><![CDATA[donald]]></category>
		<category><![CDATA[emotional design]]></category>
		<category><![CDATA[ergonomía]]></category>
		<category><![CDATA[ergonomics]]></category>
		<category><![CDATA[factores humanos]]></category>
		<category><![CDATA[interface features]]></category>
		<category><![CDATA[métodos]]></category>
		<category><![CDATA[métodos y procesos de diseño]]></category>
		<category><![CDATA[norman]]></category>
		<category><![CDATA[screen design]]></category>
		<category><![CDATA[TUI]]></category>
		<category><![CDATA[tzek]]></category>
		<category><![CDATA[ucd]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[usabilidad]]></category>
		<category><![CDATA[user centered design]]></category>
		<category><![CDATA[user interface design]]></category>

		<guid isPermaLink="false">http://tzek-design.com/blog/?p=581</guid>
		<description><![CDATA[De acuerdo con D. Norman:
“&#8230; the term affordance refers to the perceived and actual properties of the thing, primarily those fundamental properties that determine just how the thing could possibly be used&#8230; Affordances provide strong cues to the operation of things.”
Esto es, que veamos y entendamos rápidamente con qué y cómo operar el objeto (como herramienta) para cumplir [...]]]></description>
			<content:encoded><![CDATA[<p>De acuerdo con D. Norman:</p>
<blockquote><p>“&#8230; the term <em>affordance </em>refers to the perceived and actual properties of the thing, primarily those fundamental properties that determine just how the thing could possibly be used&#8230; Affordances provide strong cues to the operation of things.”</p></blockquote>
<p>Esto es, que veamos y entendamos rápidamente <strong>con qué</strong> y <strong>cómo</strong> operar el objeto (como herramienta) para cumplir una tarea.</p>
<p>Cuando una <em>affordance</em> es buena, hace que pasemos de ser usuarios <em>novatos</em> a usuarios <em>expertos</em> con una <em>transición suave</em>. ¿Por qué podría ser esto? La respuesta, aunque parece tonta, tiene que ver con el hecho de que las cosas funcionen como esperamos.</p>
<p>Recuerdo que mi primer celular, un LG muy sencillo y bastante compacto, tenía su teclado alfanumérico distribuido en 4 filas de 3 botones cada una (como la mayoría de los celulares). La forma de los botones es tal que si lo pones de lado se ve &#8220;adentado&#8221;, lo cual ayuda a identificar cada fila y visualmente brinda la <strong>sensación</strong> de que los botones son <strong>apretables</strong>. Llegó un momento después de tanto uso que ya podía escribir mensajes de texto si ver las teclas. Esta característica generó un <em>aspecto emocional</em> <em>positivo</em> con este aparato.</p>
<blockquote><p>Justo con este ejemplo, tuve una breve pero interesante discusión con un colega de sistemas computacionales sobre los <em>pros</em> y <em>contras</em> de un teclado equivalente en una interfaz táctil, como en el iPhone. Sin duda otro tipo de <em>affordances</em> son necesarias.</p></blockquote>
<p style="text-align: center;"><img class="size-full wp-image-609 aligncenter" title="celular-viejito" src="http://tzek-design.com/blog/wp-content/uploads/2009/05/celular-viejito.jpg" alt="celular-viejito" width="178" height="300" /></p>
<p style="text-align: center;"><span style="color: #3366ff;">Celuar LG jubilado después de múltiples caídas.</span></p>
<p>Un ejemplo típico sobre las <em>affordances</em> corresponde a la puerta giratoria, donde empujamos hacia la izquierda o derecha un panel dependiendo de qué nos &#8220;dice&#8221; la puerta; es decir, si notamos algo &#8220;para empujar&#8221; o no. Es simple, pero a mi ha resultado chistoso comprobarlo. En el lugar donde trabajo hay una puerta de vidrio cuya manija es igual en ambos lados. Cuando la gente llega, tiende a &#8220;empujar&#8221; la puerta, similarmente cuando sale. El problema está en que el techo está desnivelado: cuando la gente entra no hay problema, pero cuando sale, la parte superior de la puerta &#8220;raspa&#8221; el techo, terminando la puerta &#8220;colgada&#8221; y a punto de caerse completamente. La pobre, ya va en su tercera reparación. Con frecuencia, a la gente que nos visita hay que comentarle &#8220;hacia adentro, por favor&#8221;.</p>
<p style="text-align: center;"><img class="size-full wp-image-610 aligncenter" title="puerta-oficina1" src="http://tzek-design.com/blog/wp-content/uploads/2009/05/puerta-oficina1.jpg" alt="puerta-oficina1" width="300" height="400" /></p>
<p style="text-align: center;"><span style="color: #3366ff;">El diseño da la oportunidad de jalar la puerta, pero su forma triangular (colocar tu mano en un vértice <strong>no</strong> es muy agradable) influye en que las personas prefieran empujarla.</span></p>
<p>Así, en una <em>affordance</em>, la <em>forma</em> influye y está supeditada a la función u operación a realizar, más que a un <em>capricho estilístico</em>. En la imagen de abajo hay un dispensador de papel y otro de jabón. El primero, aunque estilizado, no muestra con claridad <em>cómo hacer que salga mas papel</em>, sobretodo si lo vemos de frente (es practicamente un rectángulo). En el segundo, se ve un componente que resalta y demuestra su caracter de &#8220;apretable&#8221;. Podemos pensar entonces que el <strong>contraste de forma</strong> es un <em>factor de diseño</em> importante entre los diferentes elementos de un objeto, especialmente en aquellos que son necesarios para la interacción con éste.</p>
<p style="text-align: center;"><img class="size-full wp-image-611 aligncenter" title="papelera-jabonera-banio" src="http://tzek-design.com/blog/wp-content/uploads/2009/05/papelera-jabonera-banio.jpg" alt="papelera-jabonera-banio" width="300" height="400" /></p>
<p style="text-align: center;"><span style="color: #3366ff;">Los usuarios no son tontos, sólo desean hacer lo que quieren hacer casi de forma instantánea e intuitivamente.</span></p>
<p style="text-align: center;"><img class="size-full wp-image-613 aligncenter" title="garrafon-de-agua" src="http://tzek-design.com/blog/wp-content/uploads/2009/05/garrafon-de-agua.jpg" alt="garrafon-de-agua" width="300" height="400" /></p>
<p style="text-align: center;"><span style="color: #3366ff;">Ejemplo de contraste para evidenciar con qué se puede interactuar.</span></p>
<p style="text-align: center;"><img class="size-full wp-image-616 aligncenter" title="asa-camioneta" src="http://tzek-design.com/blog/wp-content/uploads/2009/05/asa-camioneta.jpg" alt="asa-camioneta" width="400" height="300" /></p>
<p style="text-align: center;"><span style="color: #3366ff;">Las hendiduras bien marcadas permiten identificar cuántos componentes hay antes de intentar manipularlos.</span></p>
<p>En los objetos físicos (derivados del diseño industrial), la <em>affordance</em> también se vincula con la <em>ergonomía</em>. Por ejemplo, cuando identificamos algo apretable, podemos saber si es factible la acción con la llema del dedo, con dos dedos o incluso con la palma de la mano. Esto además, nos brinda información subyacente sobre la <strong>accesibilidad</strong> de esa función: <em>si podemos apretar es porque está permitido y la consecuencia no será perjudicial. </em>Cuando no se piensa en términos de &#8220;medidas humanas&#8221; quizá no sólo es por el tamaño del producto mismo, sino porque resulta inconveniente que accedamos a esa función tan fácilmente: por ejemplo, cuando tenemos que &#8220;<em>resetear</em>&#8221; algo metiendo un alambre o una ajuga porque el botón es prácticamente minúsculo y se encuentra hacia dentro.</p>
<p style="text-align: center;"><img class="size-full wp-image-614 aligncenter" title="regulador-ac" src="http://tzek-design.com/blog/wp-content/uploads/2009/05/regulador-ac.jpg" alt="regulador-ac" width="400" height="300" /></p>
<p style="text-align: center;"><span style="color: #3366ff;">Sin importar si somos diestros o zurdos, se pueden colocar los dedos cómodamente.</span></p>
<p style="text-align: center;"><img class="size-full wp-image-615 aligncenter" title="manija-camioneta" src="http://tzek-design.com/blog/wp-content/uploads/2009/05/manija-camioneta.jpg" alt="manija-camioneta" width="300" height="400" /></p>
<p style="text-align: center;"><span style="color: #3366ff;">El tamaño del hueco evidencía que es una asa para jalar la puerta.</span></p>
<p>Las <em>affordances</em> están presentes tanto en objetos de diseño físcos como intangibles (como son las páginas web). Pensar que los elementos interactivos de interfaz son intuitivos/evidentes para los usaurios es una buena práctica de diseño, la cual a veces se pasa por alto y sin embargo, no sólo conlleva un resolución diseñística centrada en el usuario, sino afecta también la <em>experiencia de uso </em>misma y los <em>factores emocionales</em> asociados al objeto.</p>
<blockquote><p>Saludos. <img src='http://tzek-design.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://tzek-design.com/blog/2009/05/08/affordances-everywhere/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
