<?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>Smartsite &#187; interaccion</title>
	<atom:link href="http://www.smartsite.es/tag/interaccion/feed" rel="self" type="application/rss+xml" />
	<link>http://www.smartsite.es</link>
	<description>Smartsite el blog de los sitios inteligentes</description>
	<lastBuildDate>Wed, 08 Feb 2012 11:30:42 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>iPad: Más interacción implica una mayor responsabilidad</title>
		<link>http://www.smartsite.es/tablets/ipad-interaccion-en-tablets-multitactiles-887.html</link>
		<comments>http://www.smartsite.es/tablets/ipad-interaccion-en-tablets-multitactiles-887.html#comments</comments>
		<pubDate>Fri, 04 Jun 2010 07:29:40 +0000</pubDate>
		<dc:creator>elclerigo</dc:creator>
				<category><![CDATA[Tablets]]></category>
		<category><![CDATA[interaccion]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[seductor]]></category>
		<category><![CDATA[tablet]]></category>

		<guid isPermaLink="false">http://www.smartsite.es/?p=887</guid>
		<description><![CDATA[Como profesionales de la interacción imaginamos mundos multitáctiles, cosas que se arrastran, se mueven, fluídas transiciones que nos llevan suavemente al control del acelerómetro "Uffff todo lo que puedo hacer con esto"</p><p><span class="link" pag="http://www.smartsite.es/tablets/ipad-interaccion-en-tablets-multitactiles-887.html">Leer el resto de la entrada &#187;</span></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.smartsite.es%2Ftablets%2Fipad-interaccion-en-tablets-multitactiles-887.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.smartsite.es%2Ftablets%2Fipad-interaccion-en-tablets-multitactiles-887.html&amp;source=bikolabs&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>En dos palabras: <strong>Tablets multitáctiles</strong>. Llámense <strong>iPad</strong> o llámense como ustedes lo prefieran. Son la última moda, el gadget definitivo, como lo fueron los netbooks el año pasado, son cools, son seductores, son útiles, y nos gustan esas miradas de sorpresa y cierta envidia cuando lo sacamos en un parque, un avión, el tren o en una reunión de amigos. Nos hace ganar puntos, son ese descapotable con el que soñamos pasearnos por nuestra ciudad.</p>
<p><a rel="attachment wp-att-888" href="http://www.smartsite.es/tablets/ipad-interaccion-en-tablets-multitactiles-887.html/attachment/intel_meego_tablet"><img class="aligncenter size-medium wp-image-888" title="Intel_Meego_Tablet" src="http://www.smartsite.es/wp-content/uploads/2010/06/Intel_Meego_Tablet-535x350.jpg" alt="Tableta de Intel" width="535" height="350" /></a></p>
<p>Y como profesionales de la interacción imaginamos mundos multitáctiles, cosas que se arrastran, se mueven, fluídas transiciones que nos llevan suavemente al control del acelerómetro, -Uffff todo lo que puedo hacer con esto-  es como <a href="http://www.youtube.com/watch?v=b4o7YMWcqa8">el País del Chocolate para Homer Simpson</a>, otros piensan que han despertado en Wonderland y aún buscan al conejo con chaleco.<span id="more-887"></span></p>
<p>Pero <strong>tanta interacción conlleva una gran responsabilidad</strong>. Y entonces, es cuando decides volver la vista atrás, buscando antecedentes para no cometer los mismos errores. Y en la lejanía aún se aprecia la irrupción de Flash en la web, cuando todo eran etiquetas <a href="http://wonder-tonic.com/geocitiesizer/">blink parpadeantes y gif&#8217;s animados</a> surgió de la nada una tecnología que permitía hacer lo inimaginable. Y perdimos la cabeza. Decidimos sorprender tanto al usuario, que este se desesperaba esperando a algo, que no sabía donde pinchar, que se perdía con tanto movimiento y no lograba focalizar su atención. Que sí, que suena a primero de usabilidad y estándares web, pero o tenemos en cuenta los patrones de uso y comportamiento de los usuarios con aplicaciones multitáctiles, los escenarios de uso de las aplicaciones y las curvas de aprendizaje o nuestra flamante interacción no servirá de nada. La gente prefiere pagar un billete de avión que aprender a manejar su propio avión, salvo John Travolta claro.</p>
<p>Sí, <strong>he comparado el iPad con su archienemigo Flash</strong>, y esta noche pienso dormir muy tranquilo <img src='http://www.smartsite.es/wp-includes/images/smilies/icon_biggrin.gif' alt=':-D' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.smartsite.es/tablets/ipad-interaccion-en-tablets-multitactiles-887.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>La tableta de Apple es otra cosa</title>
		<link>http://www.smartsite.es/movilidad/la-tableta-de-apple-es-otra-cosa-660.html</link>
		<comments>http://www.smartsite.es/movilidad/la-tableta-de-apple-es-otra-cosa-660.html#comments</comments>
		<pubDate>Mon, 05 Apr 2010 15:24:56 +0000</pubDate>
		<dc:creator>diegocenzano</dc:creator>
				<category><![CDATA[Movilidad]]></category>
		<category><![CDATA[Tablets]]></category>
		<category><![CDATA[accesible]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[biko]]></category>
		<category><![CDATA[bikolabs]]></category>
		<category><![CDATA[interaccion]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[nuevas narrativas]]></category>
		<category><![CDATA[tableta]]></category>
		<category><![CDATA[usabilidad]]></category>

		<guid isPermaLink="false">http://www.smartsite.es/?p=660</guid>
		<description><![CDATA[Tengo que reconocer que en Biko también estamos alterados con la llegada del iPad. No tanto como para mandar a alguien a hacer cola en las tiendas americanas, donde estos días comienza su venta, pero sí como para que ya estemos trabajando en algunos proyectos para el mundo editorial y sanitario.

En pocos días dispondremos de alguna de estás máquinas para comenzar a probarla con nuestros propios dedos.

La tableta va a cambiar muchas cosas. Para los que estamos centrados en facilitar la interacción entre los usuarios y los ordenadores todavía no nos lo podemos imaginar. Aunque estos días hay un gran debate al respecto, algo que a Apple le va perfecto para que las ventas del Ipad se disparen.

Algunas industrias como la de medios ven en las tabletas el camino para salvar su negocio. </p><p><span class="link" pag="http://www.smartsite.es/movilidad/la-tableta-de-apple-es-otra-cosa-660.html">Leer el resto de la entrada &#187;</span></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.smartsite.es%2Fmovilidad%2Fla-tableta-de-apple-es-otra-cosa-660.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.smartsite.es%2Fmovilidad%2Fla-tableta-de-apple-es-otra-cosa-660.html&amp;source=bikolabs&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Tengo que reconocer que en Biko también estamos alterados con la llegada del iPad. No tanto como para mandar a alguien a hacer cola en las tiendas americanas, donde estos días comienza su venta, pero sí como para que ya estemos trabajando en algunos proyectos para el mundo editorial y sanitario.</p>
<p><ins datetime="2010-04-05T15:02:54+00:00"></ins><img src="http://www.smartsite.es/wp-content/uploads/2010/04/ipad-mail.jpg" alt="Ipad de Apple" /></p>
<p>En pocos días dispondremos de alguna de estás máquinas para comenzar a probarla con nuestros propios dedos.</p>
<p>La tableta va a cambiar muchas cosas. Para los que estamos centrados en facilitar la interacción entre los usuarios y los ordenadores todavía no nos lo podemos imaginar. Aunque estos días hay un gran debate al respecto, algo que a Apple le va perfecto para que las ventas del iPad se disparen.</p>
<p><span id="more-660"></span>Algunas industrias como la de medios ven en las tabletas el camino para salvar su negocio. Son dos las razones fundamentales:</p>
<p>1. Porque se presenta como un dispositivo ideal para emular y potenciar la experiencia de productos informativos como los que llevan tanto tiempo elaborando.</p>
<p>2. Porque el modelo planteado por Apple en su iPhone y ahora en el iPad de descarga de aplicaciones permite desarrollar un modelo de negocio basado en el cobro muy distinto del modelo extendido por la mayoría de empresas de comunicación en la web.</p>
<p>Muchas personas con un claro perfil técnico o tecnológico no creen que sea para tanto. Lo consideran un aparato imperfecto: que si el Ipad no es multitarea, que si no tiene cámara, que si carece de puerto USB…  funciones y posibilidades todas ellas que encontramos en cualquier ordenador, incluso en los tan difundidos <em>netbooks</em> que han hecho furor en las últimas navidades y que normalmente suponen una experiencia pobre.</p>
<p>Lo que pasa es que <strong>el iPad es otra cosa</strong>. OTRA COSA.</p>
<p>¿Y qué es? Algunas posibles respuestas:</p>
<p>Un <em>Kindle killer</em></p>
<p>Una videoconsola</p>
<p>Un media center, un soporte para nuestro ocio y entretenimiento, ideal para leer libros y revistas, ver películas, escuchar música…</p>
<p>Un lector de periódicos digitales</p>
<p>Un ordenador para usar tumbados en la cama o en nuestro sofá favorito…</p>
<p>Algunos reputados gurús piensan que estamos ante una nueva clase de producto electrónico y cada uno lo manifiesta a su manera.</p>
<p>“Don’t think of them as tablets. Think of them as windows that you carry”, dice<strong> Kevin Kelly</strong>, que piensa que las relaciones que genera el Ipad va en las dos direcciones, nos permitirá abrazar el mundo pero que éste también nos abrace a nosotros.</p>
<p>“Tablets can show media in a context worth paying for”, afirma<strong> Chris Anderson, director de Wired</strong>, o lo que es lo mismo, el Ipad y similares se presentan como una gran oportunidad para que el mundo de la prensa y revistas desarrolle modelos de negocio atractivos y con futuro.</p>
<p>“Being able to use your fingers for every aspect of the experience is something that&#8217;s really going to change computing”, asegura <strong>Jack Dorsey, fundador de Twitter.</strong></p>
<p><strong> </strong></p>
<p>“The iPad will transform the way journalism works. It will become a new way of storytelling.&#8221; <strong>Richard Stengel, </strong>managing editor de <strong>Time magazine</strong>.</p>
<p><strong> </strong></p>
<p>Algunos reputados periodistas internacionales facilitaron sus primeras opiniones utilizando el Ipad días antes de la comercialización de dicha tableta. Opiniones de todo tipo, pero en líneas generales coincidencia en que es un buen producto. La BBC reúne algunas de las impresiones más destacadas: <a href="http://www.bbc.co.uk/blogs/seealso/2010/04/apples_ipad.html">http://www.bbc.co.uk/blogs/seealso/2010/04/apples_ipad.html</a></p>
<p>Mientras tanto muchas empresas y profesionales  no le dan demasiadas vueltas y se lanzan a tumba abierta en el desarrollo de aplicaciones que ofrecer a través de la tableta de Apple.</p>
<p><strong>EL RETO. </strong>Son muchos los creadores con talento entusiasmados con las nuevas posibilidades que las tabletas en sectores como el de juegos, medios de comunicación (especial atención a las revistas), libros. Las tabletas se presentan como un espacio de grandes posibilidades para las <strong>nuevas narrativas</strong>. Al hablar con algunos de ellos, emociona  saber que su talento en marcha dará lugar a aplicaciones muy atractivas.</p>
<p>Porque no se trata de hacer más o menos lo mismo que hemos hecho hasta ahora, sino <strong>de parir nuevos conceptos</strong>. Así que nada de PDF de periódicos; o nada de pensar que ya tenemos todo resuelto a través del navegador que incorpora la tableta y su acceso a los contenidos de la web.</p>
<p>Aquí va un ejemplo de una iPad App que presenta una nueva experiencia incorporando recursos ya existentes pero que juntos suponen algo distinto.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="640" height="385" 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://www.youtube.com/v/uPUWbVLzVZI&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=es_ES&amp;feature=player_detailpage&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="640" height="385" src="http://www.youtube.com/v/uPUWbVLzVZI&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=es_ES&amp;feature=player_detailpage&amp;fs=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><strong>LA CLAVE. </strong>La relación entre la tableta y su dueño supera ampliamente a la que hemos tenido tradicionalmente con nuestro ordenador personal. Eso de que reaccione ante nuestros movimientos y gestos, algo que ya vemos en algunos <em>smartphones</em>, pone los pelos de punta, sobre todo para los expertos en usabilidad y los contadores de historias.</p>
<p><strong>PRIMEROS PASOS</strong></p>
<p>Son tiempos de crisis, sin duda. Pero parece necesario comenzar a <strong>experimentar </strong>con estos nuevos dispositivos. Hay poco que perder y mucho que ganar. Nuestros errores nos darán una información muy útil.</p>
<p>Conviene poner a trabajar <strong>equipos multidisciplinares</strong> con profesionales expertos en interacción y usabilidad, tecnólogos y personas creativas capaces de imaginar nuevos modelos de negocio.</p>
<p><strong>Midamos y recojamos resultados desde el primer día</strong>. No sólo es importante estar ahí; si algo hemos aprendido en estos años en la web es que un dispositivo conectado puede darnos información muy valiosa sobre el consumo de contenidos y los patrones de uso.</p>
<p><strong>Crucemos la mirada a otros sectores</strong>. Por poner un ejemplo, seguro que los medios de comunicación pueden aprender grandes cosas de los fabricantes de juegos.</p>
<p>Si realmente creemos que las tabletas y el modelo de negocio basado en la descarga de aplicaciones puede ser clave para nuestro conviene ponerse a tope con ello  y <strong>asegurarse de que nuestra oferta es distinta</strong> a la que ofrecemos en la web o a través de nuestros soportes más tradicionales.</p>
<p>Nosotros en Biko ya nos hemos puesto y pronto mostraremos algunos resultados.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.smartsite.es/movilidad/la-tableta-de-apple-es-otra-cosa-660.html/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Cómo hacer prototipos interactivos</title>
		<link>http://www.smartsite.es/usabilidad-y-arquitectura-de-la-informacion/como-hacer-prototipos-interactivos-98.html</link>
		<comments>http://www.smartsite.es/usabilidad-y-arquitectura-de-la-informacion/como-hacer-prototipos-interactivos-98.html#comments</comments>
		<pubDate>Wed, 25 Mar 2009 09:50:10 +0000</pubDate>
		<dc:creator>elclerigo</dc:creator>
				<category><![CDATA[Usabilidad y Arquitectura de la información]]></category>
		<category><![CDATA[arquitectura de información]]></category>
		<category><![CDATA[entregables]]></category>
		<category><![CDATA[interaccion]]></category>
		<category><![CDATA[prototipado]]></category>

		<guid isPermaLink="false">http://www.smartsite.es/?p=98</guid>
		<description><![CDATA[
			
				
			
		
Si nos atenemos a una definición formal de qué son los prototipos, &#8220;la representación mediante diagramas de la estructura, el funcionamiento y el comportamiento de objetos o procesos&#8221; (NoSoloUsabilidad), nos encontramos con que la mayoría de las veces no se cumple más que la representación de la estructura, olvidándonos del funcionamiento y del comportamiento.
Este &#8220;olvido&#8221;, ...</p><p><span class="link" pag="http://www.smartsite.es/usabilidad-y-arquitectura-de-la-informacion/como-hacer-prototipos-interactivos-98.html">Leer el resto de la entrada &#187;</span></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.smartsite.es%2Fusabilidad-y-arquitectura-de-la-informacion%2Fcomo-hacer-prototipos-interactivos-98.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.smartsite.es%2Fusabilidad-y-arquitectura-de-la-informacion%2Fcomo-hacer-prototipos-interactivos-98.html&amp;source=bikolabs&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Si nos atenemos a una definición formal de qué son los prototipos, &#8220;la representación mediante diagramas de <strong>la estructura</strong>, <strong>el funcionamiento</strong> y <strong>el comportamiento</strong> de objetos o procesos&#8221; (<a href="http://www.nosolousabilidad.com/articulos/diagramacion.htm">NoSoloUsabilidad</a>), nos encontramos con que la mayoría de las veces no se cumple más que la representación de la estructura, olvidándonos del funcionamiento y del comportamiento.</p>
<p>Este &#8220;olvido&#8221;, normalmente, se debe principalmente a dos motivos, el primero suele ser causado por el propio diseñador (entenderemos diseñador por la persona encargada de la generación de wireframes) habituado a representar únicamente la estructura. El segundo motivo sería más propio del medio, el papel, en el que se presentan los entregables, ya que resulta complejo representar interacción en algo plano y estático.</p>
<p>¿Qué podemos hacer para representar el funcionamiento y el comportamiento? <span id="more-98"></span></p>
<p>Vamos a tratar de dar un poco de luz y unas pequeñas pautas que pueden servirnos en nuestro día a día, aunque la mejor solución siempre es la imaginación de cada uno.</p>
<p><strong>Solución 1: Usar patrones</strong></p>
<p><a href="http://www.smartsite.es/files/2009/03/patrones.jpg"><img class="alignnone size-medium wp-image-99" src="http://www.smartsite.es/files/2009/03/patrones-300x263.jpg" alt="" width="300" height="263" /></a></p>
<p><em>Un patrón es un modelo que sirve de muestra para sacar otra cosa igual</em> (<a href="http://buscon.rae.es/draeI/SrvltGUIBusUsual?LEMA=patr%C3%B3n">RAE</a>). Un patrón siempre, o casi siempre, mantiene el mismo funcionamiento y comportamiento, y puede servirnos para entender de manera general qué interacción va a haber con el usuario.</p>
<p>Aunque no representará de manera específica y formal el funcionamiento exacto en un caso concreto, puede ser una guía útil, un punto de partida.</p>
<p>Podemos encontrar patrones en:</p>
<ul>
<li><a href="http://ui-patterns.com/patterns">UI Patterns</a>: con definición del problema que resuelve y cuándo usarlos.</li>
<li><a href="http://welie.com/patterns/index.php">Welie patterns</a>: igual pero con muchos más patrones, más completo.</li>
<li><a href="http://mockupstogo.net/">MockupsToGo</a> (patrones para la herramienta <a href="http://www.balsamiq.com/products/mockups">Balsamiq Mockups</a>)</li>
<li><a href="http://www.designingsocialinterfaces.com/patterns.wiki">Wiki Designing Social Interfaces</a>: Wiki con patrones de interfaces Sociales</li>
</ul>
<p><strong>Solución 2: Representar la interacción</strong></p>
<p><a href="http://www.smartsite.es/files/2009/03/full21.jpg"><img class="alignnone size-medium wp-image-100" src="http://www.smartsite.es/files/2009/03/full21-300x221.jpg" alt="" width="300" height="221" /></a></p>
<p>A través de:</p>
<ul>
<li> Iconos gestuales o que representen acción (flecha ratón, doble click, mouseover,…)</li>
<li>Símbolos: números, anotaciones,comentarios</li>
<li>Transiciones: Cambios de estado, flujo de interacción</li>
</ul>
<p>¿Cómo? Con stencils</p>
<ul>
<li><a href="http://www.kickerstudio.com/blog/2008/12/touchscreen-stencils/">Touchscreen Stencils</a>: representan gestos táctiles</li>
<li><a href="http://www.kickerstudio.com/blog/2008/12/touchscreen-stencils/">Konigi Stencils</a>: contienen muchos iconos de anotaciones</li>
</ul>
<p><strong>Solución 3: Crear prototipos interactivos</strong></p>
<p>Los prototipos interactivos están entre un prototipo plano en papel y una maqueta dinámica en HTML y, a veces, pueden generarse desde prototipos planos sin mucho esfuerzo por parte del diseñador y cuentan con la ventaja de que pueden usarse como entregables.</p>
<p>Por ejemplo, para <a href="http://office.microsoft.com/es-es/visio/FX100487863082.aspx">Microsoft Visio</a> tenemos <a href="http://visdynamica.com/">VisDynamica</a>, un addon que nos genera páginas web interactivas desde nuestro prototipo. Y también contamos con la posibilidad <a href="http://elclerigo.com/index.php/2008/04/17/como-crear-prototipos-interactivos-en-pdf-s-desde-visio/">de generar PDF’s dinamicos</a> desde la propia herramienta.</p>
<p>También podemos crear un prototipo interactivo con PowerPoint 2007 y <a href="http://www.istartedsomething.com/20071018/powerpoint-prototype-toolkit-01/">un toolkit</a>, o incluso <a href="http://www.alzado.org/articulo.php?id_art=648">desde Excel</a>. Aunque ambos estén quizás más enfocados a realizar test de usuarios sobre prototipos de manera ágil que a terminar como entregables para el cliente.</p>
<p><strong>Otras soluciones</strong></p>
<p>Existen otras soluciones para representar e incluso crear la interacción en nuestros prototipos, como puede ser el prototipado en papel, pero se trataba con este artículo de intentar representar la interacción en nuestros entregables, y a según que clientes parece dificil entregarles un boceto hecho con boli y post-its.</p>
<p>A parte de todo lo ya dicho, siempre nos queda nuestra propia imaginación : )</p>
]]></content:encoded>
			<wfw:commentRss>http://www.smartsite.es/usabilidad-y-arquitectura-de-la-informacion/como-hacer-prototipos-interactivos-98.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

