<?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>Alquimistas del Diseño - Cuestionar, transmutar y diseñar &#187; diseño de interacción</title>
	<atom:link href="http://alquimistas.evilnolo.com/tag/diseno-de-interaccion/feed/" rel="self" type="application/rss+xml" />
	<link>http://alquimistas.evilnolo.com</link>
	<description>Transmutando el diseño por medio de la crítica constructiva y destructiva...</description>
	<lastBuildDate>Fri, 10 Jun 2011 18:46:46 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Cuando lo gráfico nos distrae: el dilema de diseñar interfaces</title>
		<link>http://alquimistas.evilnolo.com/2008/08/11/el-dilema-de-disenar-interfaces/</link>
		<comments>http://alquimistas.evilnolo.com/2008/08/11/el-dilema-de-disenar-interfaces/#comments</comments>
		<pubDate>Mon, 11 Aug 2008 07:13:16 +0000</pubDate>
		<dc:creator>Seth</dc:creator>
				<category><![CDATA[Diseño de Información]]></category>
		<category><![CDATA[Interacción]]></category>
		<category><![CDATA[Interfaces]]></category>
		<category><![CDATA[Usuario Incomodo]]></category>
		<category><![CDATA[diseño de interacción]]></category>
		<category><![CDATA[El Diseñador]]></category>
		<category><![CDATA[touchscreen]]></category>

		<guid isPermaLink="false">http://alquimistas.evilnolo.com/?p=484</guid>
		<description><![CDATA[Hace unos días fuimos el equipo de diseño interacción a presentar un proyecto final con nuestro cliente. Era una propuesta de arquitectura de información y diseño de interfaces touchscreen. En esta presentación nos encontramos con el equipo de diseño gráfico y desarrollo quienes al observar que nuestra propuesta no presentaba (o no pretendía recomendar) iconos [...]]]></description>
			<content:encoded><![CDATA[<p><center><img src="http://alquimistas.evilnolo.com/wp-content/uploads/2008/08/diseno-de-interfaces.jpg" alt="" title="diseño-de-interfaces" /></center></p>
<p>Hace unos días fuimos <a href="http://minalab.insitum.net">el equipo de diseño interacción</a> a presentar un proyecto final con nuestro cliente. Era una propuesta de <strong>arquitectura de información y diseño de interfaces <em>touchscreen</em></strong>. En esta presentación nos encontramos con el equipo de diseño gráfico y desarrollo quienes al observar que nuestra propuesta no presentaba (o no pretendía recomendar) iconos o imágenes que acompañaran la navegación, hizo que se generara cierta polémica. </p>
<p>Por acá les comparto algunas recomendaciones que creo se deben tomar en cuenta cuando diseñamos interfaces para medios no tradicionales. </p>
<p><span id="more-484"></span></p>
<p><strong>Para empezar&#8230;</strong></p>
<p>En nuestra investigación de usuario detectamos que el uso de nuestra interfaz se dirigía a <strong>gente que sabía leer y que tenía poco apego a la tecnología</strong>. Es decir, podían leer instrucciones sencillas y habían usado alguna computadora para tareas básicas (pero siempre con la ayuda de algún familiar o amigo). Sin embargo pese a esos hallazgos el equipo de diseño de nuestro cliente pedía que la interfaz pudiera ser entendida por gente analfabeta (<strong>primer error</strong>) y que utilizara un teclado en pantalla estándar (ejemplo: QWERTY) para introducir datos (<strong>segundo error</strong>). Lo cual sonaría lógico de primera impresión, pero tras hacer pruebas con usuarios reales solo haría que nuestra interfaz fracasara tanto para el público deseado como para el usuario real. </p>
<p>Al final me dio la impresión que el equipo de diseño, antes de crear <strong>nuevos lineamientos</strong> para este tipo de interfaces en su manual de identidad corporativa, hará cambios a nuestra propuesta (<strong>tercer error</strong>).</p>
<p>Por estas razones recomendaría lo siguiente a todos los equipos de diseño y desarrollo interesados por <strong>mantener estándares gráficos y efectivos</strong> en todos sus medios o canales de comunicación:</p>
<h3>Observa a tus usuarios finales</h3>
<p><img src="http://alquimistas.evilnolo.com/wp-content/uploads/2008/08/1-observa_a_tus_usuarios_fianales.jpg" alt="" title="1-observa_a_tus_usuarios_fianales" /></p>
<p>Ahórrense horas y horas de discusión hipotética entre diseñadores, creativos, directivos, etc. Mejor aprovechen ese tiempo para observar e interactuar con sus usuarios finales, ellos les dirán lo que necesitan. Y ustedes les facilitarán el medio y la tecnología.</p>
<h3>Evita <em>decorar</em> interfaces</h3>
<p><img src="http://alquimistas.evilnolo.com/wp-content/uploads/2008/08/2-evitar_decorar_interfaces.jpg" alt="" title="2-evitar_decorar_interfaces" /></p>
<p>Es cierto que las imágenes, iconos e ilustraciones son de mucha ayuda para comunicar mensajes, pero empieza por lo básico: <strong>jerarquía de información, depuración de datos, diagramas de flujo, estructuración de contenidos, redacción de textos</strong>. A muchos no les gustan esas fases del proceso, pero eso también es diseñar. De hecho esto no sólo aplica para cuestiones de diseño de interfaces sino a cualquier proceso de diseño.</p>
<h3>Contextualiza</h3>
<p><img src="http://alquimistas.evilnolo.com/wp-content/uploads/2008/08/3-contextualiza.jpg" alt="" title="3-contextualiza" /></p>
<p>Siempre ubica tu solución de diseño en su <strong>contexto o entorno real</strong>, no solo en tu computadora, en tu despacho o en la oficina del cliente. Igualmente contextualizar está ligado a comparar tu solución con productos con atributos semejantes; no es lo mismo diseñar iconos para las terminales del metro (un medio de transporte), que iconos para interfaces touchscreen. </p>
<h3>Los manuales de identidad deben estar en constante cambio</h3>
<p><img src="http://alquimistas.evilnolo.com/wp-content/uploads/2008/08/4-los_manuales_de_identidad.jpg" alt="" title="4-los_manuales_de_identidad" /></p>
<p>Tal vez el manual de identidad de tu empresa nunca contempló que la internet nacería y mucho menos que las interfaces <em>touchscreen</em> serían utilizadas dentro de los canales de comunicación con sus clientes o usuarios. Si la empresa en la que trabajas usa esas tecnologías, no dejes que los lineamientos de <strong>diseño editorial</strong> rijan esos canales, si eso llega pasar, el fracaso será evidente y adivina a quién le echarán la culpa.</p>
<h3>No diseñes para todo el mundo</h3>
<p><img src="http://alquimistas.evilnolo.com/wp-content/uploads/2008/08/5-disena-para-todos.jpg" alt="" title="5-disena-para-todos" /></p>
<p>Diseña para tus usuarios finales <strong>reales</strong>. Hacer que nuestro diseño pueda ser usado y entendido por TODOS no siempre es el mejor camino, pero si un camino rápido para que tu interfaz fracase. </p>
<p>Estos son algunos puntos que me vinieron a la mente que debemos tomar en cuanta para el diseño de interfaces efectivas. Muy generales porque tampoco pretendo hacer toda una lista de criterios, al mero estilo de <a href="http://minalab.insitum.net/2008/07/que-es-una-evaluacion-heuristica/">evaluación heurística</a>, pero creo que antes de seguir lineamientos de usabilidad, <strong>se debe comprender el por qué se hacen las cosas y con qué finalidad. </strong></p>
<p>¡Saludos!</p>
]]></content:encoded>
			<wfw:commentRss>http://alquimistas.evilnolo.com/2008/08/11/el-dilema-de-disenar-interfaces/feed/</wfw:commentRss>
		<slash:comments>26</slash:comments>
		</item>
		<item>
		<title>Un blog de diseño de interacción: Mina Lab</title>
		<link>http://alquimistas.evilnolo.com/2008/07/01/un-blog-de-diseno-de-interaccion-mina-lab/</link>
		<comments>http://alquimistas.evilnolo.com/2008/07/01/un-blog-de-diseno-de-interaccion-mina-lab/#comments</comments>
		<pubDate>Tue, 01 Jul 2008 06:09:35 +0000</pubDate>
		<dc:creator>Seth</dc:creator>
				<category><![CDATA[Diseño de Información]]></category>
		<category><![CDATA[Interacción]]></category>
		<category><![CDATA[Noticias]]></category>
		<category><![CDATA[Blogs]]></category>
		<category><![CDATA[diseño de interacción]]></category>
		<category><![CDATA[weblog]]></category>
		<category><![CDATA[Webs Diseño]]></category>

		<guid isPermaLink="false">http://alquimistas.evilnolo.com/?p=463</guid>
		<description><![CDATA[Quisiera presentarles un blog de diseño el cual tiene muy poco que inicié con todos mis colegas del área de Diseño de Interacción de insitum México. La idea es simple: Compartir información sobre lo que vemos en nuestro día a día en los proyectos, con la idea de documentar, en un espacio público, aquello que [...]]]></description>
			<content:encoded><![CDATA[<p><center><img src="http://alquimistas.evilnolo.com/wp-content/uploads/2008/06/mina-lap-blog-de-interaccio.jpg" alt="" title="mina-lab-blog-de-interacción" /></center></p>
<p>Quisiera presentarles un blog de diseño el cual tiene muy poco que inicié con todos mis colegas del <a href="http://minalab.insitum.net/nosotros/">área de Diseño de Interacción de insitum México</a>. La idea es simple: <strong>Compartir información</strong> sobre lo que vemos en nuestro día a día en los proyectos, con la idea de documentar, en un espacio público, aquello que creamos que pueda ser de utilidad tanto para nosotros como para curiosos en temas de: diseño de interacción, información, diseño de experiencias, tecnología en diseño, etc. </p>
<p>Ahí mismo planteamos seguir algunos <a href="http://minalab.insitum.net/category/cursos/">cursos</a> y realizar <a href="http://minalab.insitum.net/category/experimentos/">ejercicios muy prácticos</a> sobre diseño centrado en el usuario. </p>
<p>Finalmente es un laboratorio en línea que está empezando, el cual <strong>llamamos Mina</strong> precisamente porque hace unos meses diseñamos una aplicación Web que lleva ese mismo nombre. </p>
<p>Ya tienen el dato, nos leemos también por allá. </p>
<p>Visita: <a href="http://minalab.insitum.net">Mina Lab &#8211; Sitio experimental de diseño de interacción</a></p>
<p>¡Saludos!  </p>
]]></content:encoded>
			<wfw:commentRss>http://alquimistas.evilnolo.com/2008/07/01/un-blog-de-diseno-de-interaccion-mina-lab/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Principios de Diseño de Google</title>
		<link>http://alquimistas.evilnolo.com/2008/04/24/principios-diseno-google/</link>
		<comments>http://alquimistas.evilnolo.com/2008/04/24/principios-diseno-google/#comments</comments>
		<pubDate>Thu, 24 Apr 2008 07:41:36 +0000</pubDate>
		<dc:creator>NOlo</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Diseño de Información]]></category>
		<category><![CDATA[El Diseñador]]></category>
		<category><![CDATA[Interacción]]></category>
		<category><![CDATA[Interfaces]]></category>
		<category><![CDATA[Páginas Web]]></category>
		<category><![CDATA[Reflexiones]]></category>
		<category><![CDATA[diseñador]]></category>
		<category><![CDATA[diseño de interacción]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[interfaz]]></category>

		<guid isPermaLink="false">http://alquimistas.evilnolo.com/?p=348</guid>
		<description><![CDATA[En cada uno de los productos de Google que usamos diariamente hay ciertos elementos, ciertas características que aunque muchas veces no son tangibles, nos hacen sentir que estamos usando un producto de Google. ¿Qué es lo que les da ese feeling? Diseño de interfaz, diseño visual, investigación de usuario, programación web y escritura de la [...]]]></description>
			<content:encoded><![CDATA[<p><center><img src="http://alquimistas.evilnolo.com/wp-content/uploads/2008/04/google-diseno.jpg" alt="Diseño de interacción e interfaz de Google" title="Diseño Google" /></center></p>
<p>En cada uno de los productos de <a href="http://www.google.com">Google </a>que usamos diariamente hay ciertos elementos, ciertas características que aunque muchas veces no son tangibles, nos hacen sentir que estamos usando un producto de Google. <strong>¿Qué es lo que les da ese <em>feeling</em>?</strong></p>
<p><span id="more-348"></span><br />
<strong>Diseño de interfaz, diseño visual, investigación de usuario, programación web y escritura de la interfaz de usuario</strong>&#8230; éstos son solamente algunos de los elementos que conforman toda esta experiencia. <a href="http://googleblog.blogspot.com/2008/04/what-makes-design-googley.html">El equipo de Experiencia de Usuario de Google se puso de acuerdo (en el 2007)</a> sobre qué elementos deberían tener los productos de Google para ser <em>Googley</em>, en otras palabras, para poder transmitir todo lo que la compañía representa, y darles ese <em>feeling </em>especial a los usuarios para que de inmediato sientan que están usando un producto de ellos. A continuación los puntos que estipularon:</p>
<ul>
<li>Enfocarse a la gente &#8211; sus vidas, su trabajo, sus sueños.</li>
<li>Cada milisegundo cuenta.</li>
<li>La simplicidad es poderosa.</li>
<li>Llama a los principiantes y atrae a los expertos.</li>
<li>Atrévete a innovar.</li>
<li>Diseña para el mundo.</li>
<li>Planifica para los negocios de hoy y mañana.</li>
<li>Complace al ojo sin distraer a la mente</li>
<li>Sé digno de la confianza de la gente.</li>
<li>Añade un toque humano.</li>
</ul>
<p>Estos puntos llamaron mi atención y son el eje principal de este post, ya que la mayoría de ellos pueden aplicarse a cualquier diseño y seguro que acaban por mejorarlo de una u otra forma. Son como <strong>pequeños mandamientos que todo diseñador debe tener presente al momento de realizar su profesión</strong>. </p>
<p>Sin pensar en nuestros usuarios, sin pensar en lo simple, sin pensar en nuestro mundo, sin pensar en innovar, sin pensar en el futuro, sin pensar en lo estético, sin pensar en lo humano&#8230; <strong>¿qué clase de diseñadores seríamos?</strong></p>
<p>Por &#8220;pequeñas&#8221; cosas como estas es que Google es el gigante que es hoy. No digo que todo en ellos sea perfección, pero no cabe duda que están haciendo lo necesario para acercarse más a ella. </p>
<p><strong>¿Qué otro punto agregarían a la lista?</strong></p>
<p><small><strong>Nota</strong>: Estos puntos se derivan naturalmente de las <a href="http://www.google.com/corporate/tenthings.html">10 cosas que Google ha encontrado ser ciertas</a>, aunque esas se enfocan en aspectos más generales, mientras que las que he enlistado van directamente al área del <strong>diseño</strong>.</small></p>
]]></content:encoded>
			<wfw:commentRss>http://alquimistas.evilnolo.com/2008/04/24/principios-diseno-google/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using xcache
Page Caching using xcache
Database Caching 13/22 queries in 0.029 seconds using xcache

Served from: alquimistas.evilnolo.com @ 2012-02-10 14:53:55 -->
