<?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>Mina Lab &#187; interfaces</title>
	<atom:link href="http://minalab.insitum.net/category/interfaces/feed/" rel="self" type="application/rss+xml" />
	<link>http://minalab.insitum.net</link>
	<description>Sitio experimental de insitum interaction. Nos especializamos en diseño de información, interacción y usabilidad. Aquí publicaremos algunas prácticas y experimentos sobre los temas que nos gustan.</description>
	<lastBuildDate>Mon, 20 Jun 2011 14:39:10 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>Gran futuro para la interacción: Mozilla Seabird</title>
		<link>http://minalab.insitum.net/2010/09/gran-futuro-para-la-interaccion-mozilla-seabird/</link>
		<comments>http://minalab.insitum.net/2010/09/gran-futuro-para-la-interaccion-mozilla-seabird/#comments</comments>
		<pubDate>Mon, 27 Sep 2010 06:25:30 +0000</pubDate>
		<dc:creator>Seth</dc:creator>
				<category><![CDATA[Conceptos]]></category>
		<category><![CDATA[interacción]]></category>
		<category><![CDATA[interfaces]]></category>
		<category><![CDATA[Sitios recomendados]]></category>

		<guid isPermaLink="false">http://minalab.insitum.net/?p=682</guid>
		<description><![CDATA[Para este post me voy a piratear unas palabras de Jonathan: Con empresas como Mozilla imaginandose día a día como cambiar el mundo por medio de la tecnología, los diseñadores de interacción tenemos un gran futuro por delante. Si no pueden ver el video den clic aquí. Para más información pueden leer: http://www.MozillaLabs.com/seabird]]></description>
			<content:encoded><![CDATA[<p>Para este post me voy a piratear unas palabras de <a href="http://minalab.insitum.net/author/jonathan/">Jonathan</a>:</p>
<blockquote><p>Con empresas como Mozilla imaginandose día a día como cambiar el mundo por medio de la tecnología, los diseñadores de interacción tenemos un gran futuro por delante.
</p></blockquote>
<p><object width="560" height="340"><param name="movie" value="http://www.youtube.com/v/oG3tLxEQEdg?fs=1&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/oG3tLxEQEdg?fs=1&amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object></p>
<p>Si no pueden ver el video den <a href="http://www.youtube.com/watch?v=oG3tLxEQEdg">clic aquí</a>.</p>
<p>Para más información pueden leer:<br />
<a href="http://www.MozillaLabs.com/seabird">http://www.MozillaLabs.com/seabird</a></p>
]]></content:encoded>
			<wfw:commentRss>http://minalab.insitum.net/2010/09/gran-futuro-para-la-interaccion-mozilla-seabird/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>La broma más vieja en el mundillo de las ciencias de la computación</title>
		<link>http://minalab.insitum.net/2010/08/la-broma-mas-vieja-en-el-mundillo-de-las-ciencias-de-la-computacion/</link>
		<comments>http://minalab.insitum.net/2010/08/la-broma-mas-vieja-en-el-mundillo-de-las-ciencias-de-la-computacion/#comments</comments>
		<pubDate>Tue, 24 Aug 2010 05:12:03 +0000</pubDate>
		<dc:creator>Seth</dc:creator>
				<category><![CDATA[Apuntes]]></category>
		<category><![CDATA[interfaces]]></category>
		<category><![CDATA[Tecnología]]></category>
		<category><![CDATA[Usabilidad]]></category>

		<guid isPermaLink="false">http://minalab.insitum.net/?p=657</guid>
		<description><![CDATA[Leyendo el site de nuestro estimadísimo Jakob Nielsen, me encontré con esta ñoñísima broma, me pareció tan ñoña y enfocada a usabilidad que sí me dio risa, acá va: Pregunta: ¿Cuántos programadores se necesitan para cambiar un foco? Respuesta: Ninguno ¡eso es problema de hardware! Y cuando lo trasladamos a cuántos especialistas en usabilidad se [...]]]></description>
			<content:encoded><![CDATA[<p>Leyendo el site de nuestro estimadísimo <a href="http://www.useit.com/papers/guerrilla_hci.html">Jakob Nielsen</a>, me encontré con esta ñoñísima broma, me pareció tan ñoña y enfocada a usabilidad que sí me dio risa, acá va:</p>
<blockquote><p><strong>Pregunta:</strong> ¿Cuántos programadores se necesitan para cambiar un foco?<br />
<strong>Respuesta:</strong> Ninguno ¡eso es problema de hardware!</p></blockquote>
<blockquote><p>Y cuando lo trasladamos a cuántos <strong>especialistas en usabilidad</strong> se necesitan para cambiar un foco, la respuesta correcta es <strong>cuatro</strong>: Dos para realizar la investigación de campo y el análisis de tareas para determinar si la gente realmente necesita iluminación con ese foco; uno para observar al usuario que instalará el foco, y uno más para grabar la prueba de usabilidad en video.</p></blockquote>
<p><img src="http://minalab.insitum.net/wp-content/uploads/2010/08/pc-chiste.jpg" alt="" title="pc-chiste" width="399" height="308" class="alignleft size-full wp-image-658" /></p>
<p>El chiste pertenece a un artículo relacionado a la ingeniería de usabiliad a bajo costo. Muchas veces se deja de hacer usabilidad para interfaces por el alto costo que ésta implica. Pero lo que también en cierto, y tema centrar de la fuente, es que existen métodos como la evaluación heurística, que por excelencia es el método de usabilidad de inspección más utilizado y por qué no decir: <strong>más efectivo y de bajo costo</strong>. La combinación perfecta para sí hacer las cosas.</p>
<p>Mañana hablaré de estos asuntos de la evaluación heurística en insitum para los chavos que se van a especializar en estos temas. Yo creo que me reservaré la broma, mejor que la lean por acá. </p>
]]></content:encoded>
			<wfw:commentRss>http://minalab.insitum.net/2010/08/la-broma-mas-vieja-en-el-mundillo-de-las-ciencias-de-la-computacion/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Qué es el Rapid Prototyping</title>
		<link>http://minalab.insitum.net/2010/08/que-es-el-rapid-prototyping/</link>
		<comments>http://minalab.insitum.net/2010/08/que-es-el-rapid-prototyping/#comments</comments>
		<pubDate>Mon, 16 Aug 2010 22:45:35 +0000</pubDate>
		<dc:creator>Seth</dc:creator>
				<category><![CDATA[Apuntes]]></category>
		<category><![CDATA[Arquitectura de información]]></category>
		<category><![CDATA[Diseño de información]]></category>
		<category><![CDATA[interacción]]></category>
		<category><![CDATA[interfaces]]></category>

		<guid isPermaLink="false">http://minalab.insitum.net/?p=639</guid>
		<description><![CDATA[Siguiendo con la línea de describir algunas de las técnicas de diseño de interacción que utilizamos, ahora le toca el turno al rapid prototyping, acá algunos datos de utilidad que todos deberíamos de saber. ¿Qué es? Es un método rápido para construir prototipos (Interfaces) tomando como base los hallazgos preliminares de investigación de usuario. Tiene [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://minalab.insitum.net/wp-content/uploads/2010/08/Rapid-prototyping.png" alt="" title="Rapid prototyping" width="612" height="340" class="alignnone size-full wp-image-640" /></p>
<p>Siguiendo con la línea de describir algunas de las técnicas de diseño de interacción que utilizamos, ahora le toca el turno al <em>rapid prototyping</em>, acá algunos datos de utilidad que todos deberíamos de saber.</p>
<h3>¿Qué es?</h3>
<p>Es un método rápido para construir prototipos (Interfaces) tomando como base los hallazgos preliminares de investigación de usuario. Tiene la gran ventaja que en corto tiempo se puede explorar variedad de estructuras o propuestas antes de desarrollar el prototipo final.</p>
<h3>¿Cómo se realiza?</h3>
<p>Dependiendo del nivel de detalle se auxilia de técnicas como el Card Sorting (ordenamiento de tarjetas) o <a href="http://minalab.insitum.net/2010/08/paper-prototyping-prototipeando-a-bajo-costo/">Paper Prototyping</a> (prototipos de papel), que generan una aproximación entre <strong>contenido, estructura y función</strong>. Estos prototipos se recomienda probarlos con usuarios finales o expertos para su refinamiento.</p>
<h3>Generalidades</h3>
<p>En el rapid prototyping se desarrollan maquetas rápidas interactivas de los elementos fundamentales de la interfaz; con el fin de facilitar la interacción del usuario con las funcionalidad del sitio, aplicación o interfaz que estemos diseñando. Esto ayuda a poner a prueba las funcionalidades básicas del diseño antes de iniciar una etapa de desarrollo y programación. Al final es bueno usar prototipos rápidos para ahorrar en costos futuros de producción a veces irreversibles. </p>
<p><img src="http://minalab.insitum.net/wp-content/uploads/2010/08/prototipos.png" alt="Rapid Prototyping" title="prototipos" width="286" height="243" class="size-full wp-image-642" /></p>
<h3>Ejemplo</h3>
<p>Si necesitáramos crear una maqueta de un sitio para entender cómo el usuario navegaría en una interfaz que aún no ha sido creada, el <em>rapid prototyping</em> es un primer acercamiento para aterrizar el concepto, la estructura y los contenidos preliminares con la ventaja de poder hacer cambios sin que afecten en costos de programación o diseño final. </p>
<p>También es importante señalar que el equipo de diseño o incluso el cliente está más abierto al cambio cuando las cosas se encuentran a nivel prototipo que cuando se está en los procesos casi finales. Deberíamos incluir esta técnica en todos los proyectos que necesiten propuestas de estructura y contenido a nivel de interfaz.</p>
]]></content:encoded>
			<wfw:commentRss>http://minalab.insitum.net/2010/08/que-es-el-rapid-prototyping/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Usabilidad en el cine</title>
		<link>http://minalab.insitum.net/2010/08/usabilidad-en-el-cine/</link>
		<comments>http://minalab.insitum.net/2010/08/usabilidad-en-el-cine/#comments</comments>
		<pubDate>Fri, 06 Aug 2010 00:31:37 +0000</pubDate>
		<dc:creator>Seth</dc:creator>
				<category><![CDATA[interfaces]]></category>
		<category><![CDATA[Usabilidad]]></category>

		<guid isPermaLink="false">http://minalab.insitum.net/?p=594</guid>
		<description><![CDATA[Acabo de comprar unos boletos para la película de &#8220;El Origen&#8221;, y vaya que me costó trabajo. Uno termina haciendo doble búsqueda para poder comprar: la primera para buscar la película a las 20:30hrs, y la segunda para intentar pagar esa película a las 20:30hrs. En fin, mi mayor sorpresa sucedió cuando veo que el [...]]]></description>
			<content:encoded><![CDATA[<p>Acabo de comprar unos boletos para la película de &#8220;El Origen&#8221;, y vaya que me costó trabajo. Uno termina haciendo doble búsqueda para poder comprar: la primera para buscar la película a las 20:30hrs, y la segunda para intentar pagar esa película a las 20:30hrs. En fin, mi mayor sorpresa sucedió cuando veo que el mensaje de confirmación de la compra dice algo muy divertido:</p>
<p><a href="http://minalab.insitum.net/wp-content/uploads/2010/08/cinemex.png"><img src="http://minalab.insitum.net/wp-content/uploads/2010/08/cinemex-300x78.png" alt="" title="cinemex" width="300" height="78" class="aligncenter size-medium wp-image-595" /></a></p>
<p><em>&#8220;Recuerda que debes pasar a recoger tus boletos en la taquilla de Cinemex, antes de que inicie la función &#8220;el miércoles 31/diciembre/1969 a las 18:00, para que disfrutes la película completa.&#8221;</em></p>
<p>Yo creo que a estas alturas ya no podré disfrutar de la película, pero en fin, ya imprimí mi boleto e iré de todos modos.</p>
<p><strong>La usabilidad existe, sólo que se nota cuando algo sale mal.</strong> </p>
]]></content:encoded>
			<wfw:commentRss>http://minalab.insitum.net/2010/08/usabilidad-en-el-cine/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Paper Prototyping &#8211; Prototipeando interfases a bajo costo</title>
		<link>http://minalab.insitum.net/2010/08/paper-prototyping-prototipeando-a-bajo-costo/</link>
		<comments>http://minalab.insitum.net/2010/08/paper-prototyping-prototipeando-a-bajo-costo/#comments</comments>
		<pubDate>Wed, 04 Aug 2010 16:54:23 +0000</pubDate>
		<dc:creator>Carlos</dc:creator>
				<category><![CDATA[Diseño de experiencias]]></category>
		<category><![CDATA[Diseño web]]></category>
		<category><![CDATA[insitum]]></category>
		<category><![CDATA[interacción]]></category>
		<category><![CDATA[interfaces]]></category>
		<category><![CDATA[Usabilidad]]></category>

		<guid isPermaLink="false">http://minalab.insitum.net/?p=543</guid>
		<description><![CDATA[El Paper Prototyping es una técnica empleada para testear la usabilidad de aplicaciones que están en una fase de desarrollo muy inicial, dándose en muchos casos como una herramienta de ideación sobre el camino y la funcionalidad que debe de tomar la aplicación. La mayor diferencia entre el Paper Prototyping y el Usability Test radica [...]]]></description>
			<content:encoded><![CDATA[<p>El <strong>Paper Prototyping</strong> es una técnica empleada para testear la usabilidad de aplicaciones que están en una fase de desarrollo muy inicial, dándose en muchos casos como una herramienta de ideación sobre el camino y la funcionalidad que debe de tomar la aplicación.</p>
<p><img class="aligncenter" src="http://www.nngroup.com/reports/prototyping/prototype_tabs.jpg" alt="" width="300" height="230" /></p>
<p>La mayor diferencia entre el <em>Paper Prototyping</em> y el <em>Usability Test</em> radica principalmente en el costo y en el momento de su empleo.</p>
<p>La diferencia de costo radica en los recursos que se necesitan para echarla a andar; mientras en el <em>Paper Prototyping</em> solo se necesita papel para representar la interfase y la persona que vaya administrando el flujo de &#8220;pantallas&#8221;, en el estudio de usabilidad convencional suele emplearse una versión &#8220;semifuncional&#8221; de la aplicación misma en su entorno real: la computadora.</p>
<p>A continuación, les dejo un video de para que puedan entender mejor el proceso en el que se conduce una sesión de usabilidad empleando la técnica de Paper Prototyping.</p>
<p><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/Bq1rkVTZLtU&amp;hl=en_US&amp;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Bq1rkVTZLtU&amp;hl=en_US&amp;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object> </p>
]]></content:encoded>
			<wfw:commentRss>http://minalab.insitum.net/2010/08/paper-prototyping-prototipeando-a-bajo-costo/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>El famoso Task Analysis</title>
		<link>http://minalab.insitum.net/2010/07/el-famoso-task-analysis/</link>
		<comments>http://minalab.insitum.net/2010/07/el-famoso-task-analysis/#comments</comments>
		<pubDate>Fri, 30 Jul 2010 22:37:07 +0000</pubDate>
		<dc:creator>Seth</dc:creator>
				<category><![CDATA[insitum]]></category>
		<category><![CDATA[interfaces]]></category>
		<category><![CDATA[Investigación]]></category>
		<category><![CDATA[Usabilidad]]></category>

		<guid isPermaLink="false">http://minalab.insitum.net/?p=546</guid>
		<description><![CDATA[Como verán estamos posteando algunas técnicas de investigación que usamos frecuentemente en nuestros proyectos, ahora a mí me toca hablar del tan usado Task Analysis o análisis de tareas. ¿Qué es el task analysis? Es una técnica de Usabilidad para medir la facilidad de uso de una interfaz a partir de cómo los usuarios realizan [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://minalab.insitum.net/wp-content/uploads/2010/07/Imagen-4.png" alt="" title="Imagen 4" width="596" height="53" class="alignnone size-full wp-image-562" /></p>
<p>Como verán estamos posteando algunas técnicas de investigación que usamos frecuentemente en nuestros proyectos, ahora a mí me toca hablar del tan usado <strong>Task Analysis o análisis de tareas</strong>.</p>
<h3>¿Qué es el task analysis?</h3>
<p>Es una técnica de <strong>Usabilidad</strong> para medir la <strong>facilidad de uso</strong> de una interfaz a partir de cómo los usuarios realizan tareas para lograr objetivos específicos en dicha interfaz.</p>
<p>Lo importante de un Task Analysis no es cuántos hacemos (cantidad), sino la elección de cada una de las tareas y nuestra capacidad de observación para ver cómo el usuario las ejecuta.</p>
<h3>¿Por qué hacer un Task Analysis?</h3>
<p>Porque para medir la facilidad de uso de una interfaz no es suficiente que el usuario nos diga su percepción (me gusta, no me gusta), es necesario saber si la gente puede completar los procesos o tareas que generan valor a las interfaces: Compra o venta de productos, llegar a información de contacto, configurar un dispositivo móvil, etc. Es decir el <strong>fin último y la razón de negocio</strong> de esa interfaz.</p>
<h3>¿Cómo se hace un Task Analysis?</h3>
<p>A partir de los objetivos de la interfaz se determinan las tareas principales que el usuario debería poder completar sin problemas. Teniendo las tareas identificadas, se registra la ruta ideal, es decir los pasos por los cual el usuario debería pasar.</p>
<p>Se genera un formato de registro de Task Analysis con las tareas y pasos ya definidos <a href="http://minalab.insitum.net/wp-content/uploads/2010/07/Task-Analysis-Formato.pdf">(Ver formato PDF de ejemplo)</a>.</p>
<p>El formato debe registrar si el usuario logró terminar la tarea o no, al igual que los tiempos y observaciones pertinentes.</p>
<p>Es recomendable que el Task se haga entre dos personas, el que va preguntando al usuario y el que toma las notas (El registro también se puede hacer con un Software especializado llamado: Morae, por dar un ejemplo).</p>
<h3>¿Y los resultados?</h3>
<p>Para sacar los resultados finales, a cada task se le debe asignar un puntaje, dependiendo la importancia de la tarea, el cual al final debe ser promediado. </p>
<p><strong>Finalmente el Task Analysis es una técnica cualitativa que facilita resultados numéricos para hacer que los clientes obtengan un punto de referencia con cual poder medir su situación actual. Pero repito, es una tècnica cualitativa.</strong> </p>
]]></content:encoded>
			<wfw:commentRss>http://minalab.insitum.net/2010/07/el-famoso-task-analysis/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Para los amantes de las interfaces de realidad aumentada: g-speak</title>
		<link>http://minalab.insitum.net/2009/08/para-los-amantes-de-las-interfaces-de-realidad-aumentada-g-speak/</link>
		<comments>http://minalab.insitum.net/2009/08/para-los-amantes-de-las-interfaces-de-realidad-aumentada-g-speak/#comments</comments>
		<pubDate>Wed, 19 Aug 2009 07:50:49 +0000</pubDate>
		<dc:creator>Seth</dc:creator>
				<category><![CDATA[Conceptos]]></category>
		<category><![CDATA[interacción]]></category>
		<category><![CDATA[interfaces]]></category>
		<category><![CDATA[MIT]]></category>
		<category><![CDATA[Ambientes]]></category>

		<guid isPermaLink="false">http://minalab.insitum.net/?p=445</guid>
		<description><![CDATA[Por si creían que Minority Report era pura ciencia ficción, tienen que ver la fuente original: g-speak. g-speak overview 1828121108 from john underkoffler on Vimeo. Oblong Industries es a gran medida la culpable de esta extraordinaria interfaz de realidad aumentada junto con los locos del MIT Media Laboratory de que g-speak se esté desarrollando desde [...]]]></description>
			<content:encoded><![CDATA[<p>Por si creían que Minority Report era pura ciencia ficción, tienen que ver la fuente original: <strong>g-speak</strong>. </p>
<p><object width="580" height="326"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=2229299&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=2229299&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="580" height="326"></embed></object>
<p><a href="http://vimeo.com/2229299">g-speak overview 1828121108</a> from <a href="http://vimeo.com/user922585">john underkoffler</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p><strong>Oblong Industries</strong> es a gran medida la culpable de esta extraordinaria interfaz de realidad aumentada junto con los locos del MIT Media Laboratory de que g-speak se esté desarrollando desde 1990. Pero ahora, tal como dicen en su página: con la ventaja de los pixeles son baratos y las computadoras rápidas, pueden crear espacios híbridos donde la gente tenga la capacidad de interactuar con objetos digitales y físicos usando lenguaje corporal tal como vemos en el cine.</p>
<p>Por lo que vi en la página de <a href="http://oblong.com/">Oblong</a>, g-speak es un producto que pueden ofrecer a empresas para cuestiones específicas, suena interesante sobre todo para dar ese pasito de manejar espacios virtuales como si fueran tangibles en esto de visualizar información y datos para el análisis, me lo imagino perfecto en algunos proyectos de <a href="http://www.insitum.com">insitum</a>. Bueno ya estoy debrayando.</p>
<p>Les dejo los siguientes enlaces por si quieren más detalles del proyecto:</p>
<p>La idustria atrás del desarrollo y diseño de g-speak: <a href="http://www.oblong.com/">Oblong</a></p>
<p>Una de las personas atrás este proyecto: <a href="http://www.vimeo.com/user922585">john underkoffler</a>. También tiene otras interfaces interesantes a nivel muy prototipo como: <a href="http://www.vimeo.com/2235474">luminous room demos</a></p>
<p>Y finalmente un análisis de Omar sobre este tipo de interfaces tomando de referencia Ironman: <a href="http://tzek-design.com/blog/2008/05/06/ironman-hci-y-algo-de-infodiseno/">Ironman, HCI y algo de infodiseño</a> (el culpable de que me haya enterado de g-speak)</p>
]]></content:encoded>
			<wfw:commentRss>http://minalab.insitum.net/2009/08/para-los-amantes-de-las-interfaces-de-realidad-aumentada-g-speak/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

