<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	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/"
		>
<channel>
	<title>Comentarios en: Utilizar el color calabaza o naranja para mejorar la usabilidad de los botones de acción</title>
	<atom:link href="http://www.tentandote.com/2009/12/19/utilizar-el-color-calabaza-o-naranja-para-mejorar-la-usabilidad-de-los-botones-de-accion/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.tentandote.com/2009/12/19/utilizar-el-color-calabaza-o-naranja-para-mejorar-la-usabilidad-de-los-botones-de-accion/</link>
	<description>francisco tosete &#124; diseño de interacción, usabilidad, experiencia de usuario</description>
	<lastBuildDate>Wed, 01 Feb 2012 07:29:46 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.4</generator>
	<item>
		<title>Por: asael2</title>
		<link>http://www.tentandote.com/2009/12/19/utilizar-el-color-calabaza-o-naranja-para-mejorar-la-usabilidad-de-los-botones-de-accion/comment-page-1/#comment-63</link>
		<dc:creator>asael2</dc:creator>
		<pubDate>Tue, 22 Dec 2009 17:52:16 +0000</pubDate>
		<guid isPermaLink="false">http://www.tentandote.com/?p=283#comment-63</guid>
		<description>para mi el de mac esta perfecto!</description>
		<content:encoded><![CDATA[<p>para mi el de mac esta perfecto!</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: tentandote</title>
		<link>http://www.tentandote.com/2009/12/19/utilizar-el-color-calabaza-o-naranja-para-mejorar-la-usabilidad-de-los-botones-de-accion/comment-page-1/#comment-62</link>
		<dc:creator>tentandote</dc:creator>
		<pubDate>Mon, 21 Dec 2009 14:40:43 +0000</pubDate>
		<guid isPermaLink="false">http://www.tentandote.com/?p=283#comment-62</guid>
		<description>Hola Jimena. No todos los colores funcionan igual de bien para los botones porque no todos los colores se perciben desde un punto de vista psicológico y físico visualmente de la misma forma dado que la naturaleza de la luz de la que se componen y que percibimos es diferente.

Por ello unos son cálidos y expansivos, atraen la atención y por ende, son más susceptibles de ser más pulsados que otros como los botones de color oscuro, como por ejemplo, grises, azules o negros, que parecen contraer el área que rellenan y alejarse. Dos formas con el mismo área rellenas de diferentes colores se perciben como mayores o menores según sus colores de relleno sean más cálidos o fríos.

Si la línea gráfica de la página se basa o deriva de los naranjas, amarillos, etc, para los puntos focales efectivamente habrá que utilizar otros colores para crear contraste. Es lo que comento en el caso de la página de descarga de Firefox en el que para evitar competir con el logotipo del navegador que contiene estos colores (rojo, naranjas y amarillos) se ha optado por emplear el verde.

Por otro lado, el código semiótico que transmiten los colores en función de cada cultura varía. En la occidental, la nuestra, el naranja -y esto no es más que una hipótesis- se puede asimilar con un estado de transición derivado de la asociación natural que podemos realizar con los tres colores de un semáforo: verde -adelante-, naranja -transición, acción-, rojo -peligro, stop, parada- y cualquier otro valor semiótico que le quieras/se te ocurra asociarles.

Por eso comento que el color naranja/calabaza parece funcionar mejor que otros colores para los botones de acción. Cualquier otro color no. En general los cálidos tendrán más probabilidad de ser pulsados que los oscuros (piensa por ejemplo en un botón negro). En cualquier caso y comparto el beneficio de la duda, hasta que esto no sea refrendado por estudios y tests de usuarios no es más que teoría, pero en mi opinión, una teoría que tiene una base científica lo suficientemente sólida como para pensar que esto sea así.</description>
		<content:encoded><![CDATA[<p>Hola Jimena. No todos los colores funcionan igual de bien para los botones porque no todos los colores se perciben desde un punto de vista psicológico y físico visualmente de la misma forma dado que la naturaleza de la luz de la que se componen y que percibimos es diferente.</p>
<p>Por ello unos son cálidos y expansivos, atraen la atención y por ende, son más susceptibles de ser más pulsados que otros como los botones de color oscuro, como por ejemplo, grises, azules o negros, que parecen contraer el área que rellenan y alejarse. Dos formas con el mismo área rellenas de diferentes colores se perciben como mayores o menores según sus colores de relleno sean más cálidos o fríos.</p>
<p>Si la línea gráfica de la página se basa o deriva de los naranjas, amarillos, etc, para los puntos focales efectivamente habrá que utilizar otros colores para crear contraste. Es lo que comento en el caso de la página de descarga de Firefox en el que para evitar competir con el logotipo del navegador que contiene estos colores (rojo, naranjas y amarillos) se ha optado por emplear el verde.</p>
<p>Por otro lado, el código semiótico que transmiten los colores en función de cada cultura varía. En la occidental, la nuestra, el naranja -y esto no es más que una hipótesis- se puede asimilar con un estado de transición derivado de la asociación natural que podemos realizar con los tres colores de un semáforo: verde -adelante-, naranja -transición, acción-, rojo -peligro, stop, parada- y cualquier otro valor semiótico que le quieras/se te ocurra asociarles.</p>
<p>Por eso comento que el color naranja/calabaza parece funcionar mejor que otros colores para los botones de acción. Cualquier otro color no. En general los cálidos tendrán más probabilidad de ser pulsados que los oscuros (piensa por ejemplo en un botón negro). En cualquier caso y comparto el beneficio de la duda, hasta que esto no sea refrendado por estudios y tests de usuarios no es más que teoría, pero en mi opinión, una teoría que tiene una base científica lo suficientemente sólida como para pensar que esto sea así.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Jimena</title>
		<link>http://www.tentandote.com/2009/12/19/utilizar-el-color-calabaza-o-naranja-para-mejorar-la-usabilidad-de-los-botones-de-accion/comment-page-1/#comment-61</link>
		<dc:creator>Jimena</dc:creator>
		<pubDate>Mon, 21 Dec 2009 13:21:02 +0000</pubDate>
		<guid isPermaLink="false">http://www.tentandote.com/?p=283#comment-61</guid>
		<description>&quot;Como me comentaba un compañero el otro día, Fernando, para los botones en tiendas de comercio electrónico funciona mejor el color naranja-calabaza que el azul.&quot;

No creo que se pueda generalizar tan alegremente. Es cierto que el naranja funciona muy bien sobre fondo blanco o en páginas que usan el azul como color principal pero poner un botón naranja en una web donde predomina este color, Terra por ejemplo, sería un suicidio.
Lo que hay que buscar es el contraste para llamar la atención, y en unos casos será el naranja y en otros cualquier otro color.</description>
		<content:encoded><![CDATA[<p>&#8220;Como me comentaba un compañero el otro día, Fernando, para los botones en tiendas de comercio electrónico funciona mejor el color naranja-calabaza que el azul.&#8221;</p>
<p>No creo que se pueda generalizar tan alegremente. Es cierto que el naranja funciona muy bien sobre fondo blanco o en páginas que usan el azul como color principal pero poner un botón naranja en una web donde predomina este color, Terra por ejemplo, sería un suicidio.<br />
Lo que hay que buscar es el contraste para llamar la atención, y en unos casos será el naranja y en otros cualquier otro color.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Bitacoras.com</title>
		<link>http://www.tentandote.com/2009/12/19/utilizar-el-color-calabaza-o-naranja-para-mejorar-la-usabilidad-de-los-botones-de-accion/comment-page-1/#comment-60</link>
		<dc:creator>Bitacoras.com</dc:creator>
		<pubDate>Mon, 21 Dec 2009 11:14:33 +0000</pubDate>
		<guid isPermaLink="false">http://www.tentandote.com/?p=283#comment-60</guid>
		<description>&lt;strong&gt;Información Bitacoras.com...&lt;/strong&gt;

Esta anotación ha sido propuesta por un usuario para ser votada en Bitacoras.com. Para que el proceso finalice, deberás registrar tu blog en el servicio....</description>
		<content:encoded><![CDATA[<p><strong>Información Bitacoras.com&#8230;</strong></p>
<p>Esta anotación ha sido propuesta por un usuario para ser votada en Bitacoras.com. Para que el proceso finalice, deberás registrar tu blog en el servicio&#8230;.</p>
]]></content:encoded>
	</item>
</channel>
</rss>

