<?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>tentándote.com &#187; Desarrollo e investigación</title>
	<atom:link href="http://www.tentandote.com/category/desarrollo-e-investigacion/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.tentandote.com</link>
	<description>francisco tosete &#124; diseño de interacción, usabilidad, experiencia de usuario</description>
	<lastBuildDate>Mon, 16 Jan 2012 08:20:50 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.4</generator>

   <image>
    <title>tentándote.com</title>
    <url>http://1.gravatar.com/avatar/dccd532553e1d0034e04d0c0c5d49770?s=48&amp;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536</url>
    <link>http://www.tentandote.com</link>
   </image>
		<item>
		<title>Cell</title>
		<link>http://www.tentandote.com/2011/11/03/cell/</link>
		<comments>http://www.tentandote.com/2011/11/03/cell/#comments</comments>
		<pubDate>Thu, 03 Nov 2011 08:30:25 +0000</pubDate>
		<dc:creator>tentandote</dc:creator>
				<category><![CDATA[Desarrollo e investigación]]></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[Diseño emocional]]></category>
		<category><![CDATA[Experiencia de usuario]]></category>
		<category><![CDATA[Innovación]]></category>
		<category><![CDATA[Realidad Aumentada - Augmented Reality]]></category>
		<category><![CDATA[Visualización de información]]></category>
		<category><![CDATA[Cell]]></category>
		<category><![CDATA[emociones]]></category>
		<category><![CDATA[personalidad digital]]></category>

		<guid isPermaLink="false">http://www.tentandote.com/?p=1721</guid>
		<description><![CDATA[Alucinado me he quedado al ver el proyecto de James Alliban y Keiichi Matsuda en el que además han participado entre otros, Microsoft, no sólo por la espectacularidad de su concepción sino también por la potencialidad de sus posibles aplicaciones que nos acercan un poco más a ese otro futuro aumentado y ubicuo con el [...]]]></description>
			<content:encoded><![CDATA[<p>Alucinado me he quedado al ver el proyecto de <a title="James Alliban" href="http://jamesalliban.wordpress.com/">James Alliban</a> y <a title="Keiichi Matsuda" href="http://keiichimatsuda.com/">Keiichi Matsuda</a> en el que además han participado entre otros, Microsoft, no sólo por la espectacularidad de su concepción sino también por la potencialidad de sus posibles aplicaciones que nos acercan un poco más a ese otro <a title="Future vision by Microsoft" href="http://www.microsoft.com/office/vision">futuro aumentado y ubicuo con el que hace dos días Microsoft nos hacía soñar</a>.</p>
<p>Mejor que lo veáis por vosotros mismos después de leer el <a title="About the Cell project" href="http://jamesalliban.wordpress.com/2011/10/27/cell/">post en el que Alliban presenta el proyecto</a>.</p>
<p style="text-align: center;"><a title="Cell Project" href="http://www.installcell.com/">Proyecto Cell</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.tentandote.com/2011/11/03/cell/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Modelo de interacción mixto con dedos y puntero para superficies táctiles de Microsoft</title>
		<link>http://www.tentandote.com/2011/07/30/modelo-de-interaccion-mixto-con-dedos-y-puntero-para-superficies-tactiles-de-microsoft/</link>
		<comments>http://www.tentandote.com/2011/07/30/modelo-de-interaccion-mixto-con-dedos-y-puntero-para-superficies-tactiles-de-microsoft/#comments</comments>
		<pubDate>Sat, 30 Jul 2011 16:55:14 +0000</pubDate>
		<dc:creator>tentandote</dc:creator>
				<category><![CDATA[Desarrollo e investigación]]></category>
		<category><![CDATA[Diseño de interacción]]></category>
		<category><![CDATA[Innovación]]></category>
		<category><![CDATA[Interacción háptica y táctil]]></category>
		<category><![CDATA[dedos]]></category>
		<category><![CDATA[estilo]]></category>
		<category><![CDATA[interacción táctil]]></category>
		<category><![CDATA[mano]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[patente]]></category>
		<category><![CDATA[puntero]]></category>
		<category><![CDATA[ratón]]></category>

		<guid isPermaLink="false">http://www.tentandote.com/?p=1595</guid>
		<description><![CDATA[Microsoft acaba de obtener una patente que abarca una amplia variedad de nuevos patrones de interacción gestuales con interfaces táctiles. La novedad es que en ella propone y describe un modelo de interacción mixto en el que se combina el uso simultáneo (o no) de los dedos de las manos con el de un dispositivo [...]]]></description>
			<content:encoded><![CDATA[<p>Microsoft acaba de <a title="Microsoft patent about touch interaction: Brush, carbon-copy and fill gestures" href="http://appft1.uspto.gov/netacgi/nph-Parser?Sect1=PTO2&amp;Sect2=HITOFF&amp;u=%2Fnetahtml%2FPTO%2Fsearch-adv.html&amp;r=10&amp;p=1&amp;f=G&amp;l=50&amp;d=PG01&amp;S1=%28%40PD%3E%3D20110701%3C%3D20110729+AND+Microsoft.AS.%29&amp;OS=PD/7/1/2011-%3E7/29/2011+AND+AN/Microsoft&amp;RS=%28PD/20110701-%3E20110729+AND+AN/Microsoft%29">obtener una patente</a> que abarca una amplia variedad de nuevos patrones de interacción gestuales con interfaces táctiles. La novedad es que en ella propone y describe un modelo de interacción mixto en el que se combina el uso simultáneo (o no) de los dedos de las manos con el de un dispositivo apuntador tipo lápiz.</p>
<p><object width="600" height="480"><param name="movie" value="http://www.youtube.com/v/9sTgLYH8qWs?version=3&amp;hl=en_US" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed type="application/x-shockwave-flash" width="650" height="517" src="http://www.youtube.com/v/9sTgLYH8qWs?version=3&amp;hl=en_US" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>El <a title="Microsoft Surface, trackpad de MacBook, bolígrafos, manos y las interfaces táctiles" href="http://tentandole.blogsome.com/2008/11/16/microsoft-surface/">uso del ratón o de estilos o punteros</a> como unos de los principales medios de interacción con los ordenadores tiene algunas importantes desventajas, entre otras:</p>
<ul>
<li>Son <a title="Artefactos para el desarrollo cognitivo e intelectual y superficies interactivas: Por qué triunfa el Asus EEE PC" href="http://tentandole.blogsome.com/2008/06/02/thinkepi-artefactos-para-el-desarrollo-cognitivo-e-intelectual-y-superficies-interactivas-por-que-triunfa-el-asus-eee-pc/">herramientas</a> que limitan más que expanden las capacidades naturales de la principal interfaz que como humanos tenemos -nuestro cuerpo- y concretamente, de nuestras manos.</li>
<li>Las limitan porque concentran toda la interacción en único punto que &#8220;toca&#8221; e interactúa con la superficie táctil -el puntero del ratón-  la superficie, frente a los cinco focos potenciales de interacción que tenemos por mano -nuestros dedos-.</li>
<li>Son herramientas especializadas cuyo uso es lento.</li>
<li>Son herramientas que tenemos que portar siempre encima con nosotros o tener anexas al dispositivo. Con los dedos no tenemos ese problema de portabilidad y disponibilidad en cualquier momento.</li>
<li>Son herramientas que requieren un cierto grado de destreza motriz para su correcto uso.</li>
</ul>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://www.tentandote.com/wp-content/uploads/2011/07/EscherHand.jpg"><img class="aligncenter size-full wp-image-1603" title="EscherHand" src="http://www.tentandote.com/wp-content/uploads/2011/07/EscherHand.jpg" alt="Las manos, instrumentos ágiles y flexibles para la interacción sujetando un estilo, una pluma para ejecutar una tarea especializada con precisión" width="500" height="440" /></a>Las manos, instrumentos ágiles y flexibles para la interacción, limitadas al sujetar un estilo,<br />
una pluma que permite ejecutar una tarea especializada con precisión (copyright de la foto <a title="Fotomontaje de las manos que se dibujan a si mismas de Escher" href="http://www.flickr.com/photos/doozzle/149885028/">Doozzle</a>. Flickr)</p>
<p>&nbsp;</p>
<p>Hasta ahí las desventajas. Ahora bien, el <a title="Estilo o estilete. Wikipedia" href="http://es.wikipedia.org/wiki/Estilete">estilo</a>, el <a title="Cálamo. Wikipedia" href="http://es.wikipedia.org/wiki/C%C3%A1lamo_%28escritura%29">cálamo</a>, el lápiz, el bolígrafo u otras herramientas escriptóreas surgieron desde la antiguedad para solucionar algunos de los principales problemas que se les presentaban a nuestros antepasados cuando querían dejar su <a title="Historia de la escritura. Wikipedia" href="http://es.wikipedia.org/wiki/Escritura">legado escrito</a>:</p>
<ul>
<li>Los dedos son gordos. No son precisos.</li>
<li>La yema de los dedos, que es la superficie del cuerpo humano que toca la interfaz táctil- es roma, achatada, ancha y de superficie y forma variable en función de la presión que se aplique al tocar. No pueden hacer trazo precisos ni delgados ni una escritura fluida.</li>
<li>No pueden hacer selecciones de gran precisión de elementos pequeños a menos que se utilicen técnicas aumentadoras.</li>
<li>Los dedos y la mano tapan la superficie táctil cuando estamos interactuando con ella ocultando los elementos objeto de la acción. El uso de un estilo, bolígrafo, lápiz, etc, aumenta la distancia entre el punto de interacción que toca la pantalla y nuestros dedos ocupando menos espacio y dejando mayor superficie visible.</li>
</ul>
<p>Apple resuelve estos problemas en el iPhone (iOS) aplicando la metáfora de la &#8220;gota de agua&#8221; utilizando varias técnicas:</p>
<ul>
<li>Hace un zoom local sobre el área sobre la que se está interactuando mostrando magnificados los elementos u objetos digitales sobre los que se interactúa.</li>
<li>Transforma la superficie del dedo en un &#8220;cursor apuntador&#8221; (en el caso de la imagen inferior una barra vertical que marca el punto de acción para la insercción de un carácter o su borrado a través del teclado virtual).</li>
<li>Desplaza la superficie magnificada fuera del área que tapa la yema del dedo para que se pueda visualizar correctamente.</li>
</ul>
<p>&nbsp;</p>
<p><a href="http://www.tentandote.com/wp-content/uploads/2011/07/Mano-iPhone.png"><img class="aligncenter size-full wp-image-1609" title="Magnificación de una zona de la pantalla del iPhone al tocarla con un dedo" src="http://www.tentandote.com/wp-content/uploads/2011/07/Mano-iPhone.png" alt="Magnificación de una zona de la pantalla del iPhone al tocarla con un dedo" width="500" height="694" /></a></p>
<p>&nbsp;</p>
<p>De forma análoga, y por todo ello, es interesante el modelo mixto de interacción que propone Microsoft en su patente ya que:</p>
<ul>
<li>El estilo -lápiz, puntero&#8230;- aporta la precisión necesaria para aquellas operaciones que lo requieran a coste de concentrar y transformar cinco puntos de interacción (los dedos de una mano) en tan sólo uno. Con ello se gana en especialización y precisión y se sacrifica flexibilidad.</li>
<li>Los dedos de la otra mano permiten una interacción natural con la interfaz.</li>
</ul>
<p>Echarle una ojeada al <a title="Microsoft patents reveal touch+pen plans, Windows 8 tablet future?" href="http://www.winrumors.com/microsoft-patents-reveal-new-windows-8-tablet-gestures/">resumen que hacen en Winrumors</a> sobre los distintos tipos de interacción que ha patentado Microsoft.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tentandote.com/2011/07/30/modelo-de-interaccion-mixto-con-dedos-y-puntero-para-superficies-tactiles-de-microsoft/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Paperphone y Snaplet: móviles, ordenadores y dispositivos flexibles</title>
		<link>http://www.tentandote.com/2011/05/09/paperphone-y-snaplet-moviles-ordenadores-y-dispositivos-flexibles/</link>
		<comments>http://www.tentandote.com/2011/05/09/paperphone-y-snaplet-moviles-ordenadores-y-dispositivos-flexibles/#comments</comments>
		<pubDate>Mon, 09 May 2011 09:18:01 +0000</pubDate>
		<dc:creator>tentandote</dc:creator>
				<category><![CDATA[Controles de interfaz]]></category>
		<category><![CDATA[Desarrollo e investigación]]></category>
		<category><![CDATA[Diseño de interacción]]></category>
		<category><![CDATA[Diseño de interfaces]]></category>
		<category><![CDATA[Dispositivos]]></category>
		<category><![CDATA[Ergonomía]]></category>
		<category><![CDATA[Experiencia de usuario]]></category>
		<category><![CDATA[Innovación]]></category>
		<category><![CDATA[Interacción háptica]]></category>
		<category><![CDATA[Interacción háptica y táctil]]></category>
		<category><![CDATA[Interfaz]]></category>
		<category><![CDATA[Investigación]]></category>
		<category><![CDATA[movilidad]]></category>
		<category><![CDATA[Usabilidad]]></category>

		<guid isPermaLink="false">http://www.tentandote.com/?p=1496</guid>
		<description><![CDATA[De momento no son más que prototipos pero abren todo un amplio abanico de posibilidades en cuanto a interacción y usabilidad se refiere. Investigadores del Human Media Lab de la Queen&#8217;s University de Ontario, Canadá, van a presentar mañana en CHI2011 un prototipo de teléfono móvil flexible al que llaman Paperphone basado en tecnología de [...]]]></description>
			<content:encoded><![CDATA[<p>De momento no son más que prototipos pero abren todo un amplio abanico de posibilidades en cuanto a interacción y usabilidad se refiere. Investigadores del <a title="http://www.humanmedialab.org/" href="http://www.humanmedialab.org/"><strong>Human Media Lab</strong></a> de la <strong><a title="Paperphone y Snaplet: Prototipos de móviles y ordenadores flexibles del Human Media Lab de la Queen's University " href="http://www.queensu.ca/news/articles/revolutionary-new-paper-computer-shows-flexible-future-smartphones-and-tablets">Queen&#8217;s University</a></strong> de Ontario, Canadá, van a presentar mañana en <strong><a title="ACM CHI Conference on Human Factors in Computing Systems" href="http://www.chi2011.org/">CHI2011</a></strong> un prototipo de teléfono móvil flexible al que llaman <strong>Paperphone</strong> basado en tecnología de tinta electrónica y sensores que detectan la curvatura y presión que se está aplicando sobre un punto de una superficie flexible. Gracias a ello se puede interactuar con el dispositivo mediante dobleces, presión y tacto:</p>
<p><a href="http://www.tentandote.com/wp-content/uploads/2011/05/paperphone-gestos-interaccion.png"><img class="aligncenter size-full wp-image-1499" title="paperphone-gestos-interaccion" src="http://www.tentandote.com/wp-content/uploads/2011/05/paperphone-gestos-interaccion.png" alt="Paperphone - Interacción a través de gestos y curvatura de la superficie flexible" width="600" height="231" /></a></p>
<p><object width="640" height="390"><param name="movie" value="http://www.youtube.com/v/Rl-qygUEE2c&amp;hl=es_ES&amp;feature=player_embedded&amp;version=3" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><embed type="application/x-shockwave-flash" width="640" height="390" src="http://www.youtube.com/v/Rl-qygUEE2c&amp;hl=es_ES&amp;feature=player_embedded&amp;version=3" allowfullscreen="true" allowscriptaccess="always"></embed></object></p>
<p>Asimismo han desarrollado un prototipo de ordenador flexible:</p>
<p><object width="425" height="349"><param name="movie" value="http://www.youtube.com/v/ol_uu5pMmq8?fs=1&amp;hl=en_US&amp;rel=0" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed type="application/x-shockwave-flash" width="640" height="390" src="http://www.youtube.com/v/ol_uu5pMmq8?fs=1&amp;hl=en_US&amp;rel=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>Aunque en el artículo del paperphone que van a presentar reconocen que todavía queda mucho trabajo por hacer para alcanzar el grado de usabilidad con el que cuentan actualmente las pantallas rígidas, manifiestan que el futuro pasa por interficies flexibles que nos permitan interactuar de una manera más próxima a la interacción que mantenemos con los documentos de papel (p. 2 del artículo) y que tienen entre otras ventajas el:</p>
<ol>
<li>Ser muy delgadas y ligeras pero resistentes, lo que permite una portabilidad superior frente a la forma de cualquier ordenador móvil actual.</li>
<li>Tener múltiples formas. Esto facilita diferentes affordances físicos que se relacionan con funcionalidades específicas: leer un periódico responde a un propósito diferente que leer la etiqueta de un producto, e implica un estado físico o forma distinto.</li>
<li>Proporcionar un espacio de pantalla variable real en el que se enmarca el contexto actual de uso.</li>
<li>Tener muchas páginas físicas, cada una de ellas pertenece sólo a una tarea y a un contexto físico delimitado.</li>
<li>Usar gestos físicos con una gran respuesta cinestésica y táctil para una navegación eficiente.</li>
</ol>
<p>Estos aspectos son algunos de los críticos (además de muchos otros) de los que adolecen los actuales libros electrónicos para su adopción y popularización masivas y esta investigación abre la vía comercial al desarrollo de dispositivos que permitan una interacción háptica más natural con nuestros objetos cotidianos.</p>
<p>Combinando estas investigaciones con las que parece que se están llevando a cabo en otros laboratorios como los de Nokia sobre el desarrollo de superficies capaces de adoptar texturas y formas de acuerdo a la interacción háptica que se mantenga con las mismas, se plantea un <a title="Concepto de móvil - reloj flexible" href="http://mobilesyrup.com/2011/03/23/concept-the-rollerphone-has-a-flexible-display-and-should-be-in-the-movie-tron/">futuro de dispositivos ciertamente espectaculares</a>:</p>
<p><a href="../wp-content/uploads/2011/05/roller_phone1.jpg"><br />
</a><a href="http://www.tentandote.com/wp-content/uploads/2011/05/roller_phone41.jpg"><br />
</a><a href="http://www.tentandote.com/wp-content/uploads/2011/05/roller_phone11.jpg"><img class="aligncenter size-full wp-image-1518" title="roller_phone1" src="http://www.tentandote.com/wp-content/uploads/2011/05/roller_phone11.jpg" alt="Concepto de móvil - reloj de muñeca flexible - Vista del reloj" width="600" height="450" /></a></p>
<p><a href="http://www.tentandote.com/wp-content/uploads/2011/05/roller_phone31.jpg"><img class="aligncenter size-full wp-image-1507" title="roller_phone31" src="http://www.tentandote.com/wp-content/uploads/2011/05/roller_phone31.jpg" alt="Concepto de móvil - reloj de muñeca flexible - Vista de funcionalidades" width="600" height="452" /></a></p>
<p><a href="../wp-content/uploads/2011/05/roller_phone41.jpg"></a><a href="http://www.tentandote.com/wp-content/uploads/2011/05/roller_phone411.jpg"><img class="aligncenter size-full wp-image-1521" title="roller_phone41" src="http://www.tentandote.com/wp-content/uploads/2011/05/roller_phone411.jpg" alt="Concepto de móvil - reloj de muñeca flexible - Vista del teclado del móvil" width="600" height="452" /></a></p>
<p>&nbsp;</p>
<p><strong>¿Tendremos que comenzar a adoptar un <a title="Information Interaction Design: A Unified Field Theory of Design" href="http://www.nathan.com/thoughts/unified/">enfoque más integral para el Diseño de Interacción e Información y la Experiencia de Usuario</a>?</strong></p>
<p style="text-align: center;"><strong>La respuesta es sí</strong></p>
<p style="text-align: left;">Podéis descargaros los artículos del Paperphone y del Snaplet y ver la información original de la noticia en la <a title="Press Release: Revolutionary new paper computer shows flexible future for smartphones and tablets" href="http://www.humanmedialab.org/paperphone/">nota de prensa publicada por el Human Media Lab</a> de la Universidad de Queen o de los siguientes enlaces:</p>
<ul>
<li><a title="PaperPhone ACM CHI 2011 Scientific Article" href="http://www.humanmedialab.org/files/chi2011LaheyGestureFlexDisplay38%20FINAL%20FINAL.pdf">Artículo científico del Paperphone para CHI 2011</a> (pdf)</li>
<li><a title="Snaplet ACM CHI 2011 Scientific Article" href="http://www.humanmedialab.org/files/Final%20CRC%203.pdf">Artículo cientifico del Snaplet para CHI 2011</a> (pdf)</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.tentandote.com/2011/05/09/paperphone-y-snaplet-moviles-ordenadores-y-dispositivos-flexibles/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Atención y Locus de Atención: Implicaciones de usabilidad y repensar el diseño de las interfaces</title>
		<link>http://www.tentandote.com/2011/05/03/atencion-y-locus-de-atencion-implicaciones-de-usabilidad-y-repensar-el-diseno-de-las-interfaces/</link>
		<comments>http://www.tentandote.com/2011/05/03/atencion-y-locus-de-atencion-implicaciones-de-usabilidad-y-repensar-el-diseno-de-las-interfaces/#comments</comments>
		<pubDate>Tue, 03 May 2011 09:28:06 +0000</pubDate>
		<dc:creator>tentandote</dc:creator>
				<category><![CDATA[Desarrollo e investigación]]></category>
		<category><![CDATA[Diseño de información]]></category>
		<category><![CDATA[Diseño de interfaces]]></category>
		<category><![CDATA[Reflexiones]]></category>
		<category><![CDATA[Usabilidad]]></category>
		<category><![CDATA[atención]]></category>
		<category><![CDATA[interfaces humanas]]></category>
		<category><![CDATA[interfaces usables]]></category>
		<category><![CDATA[locus de atención]]></category>

		<guid isPermaLink="false">http://www.tentandote.com/?p=1431</guid>
		<description><![CDATA[UN CASO DE ESTUDIO Hace poco estaba prototipando una interfaz que permitía al usuario gestionar las etiquetas asociadas a una imagen. Concretamente estaba pensada y diseñada para que el usuario pudiese llevar a cabo dos tareas: Borrar una etiqueta concreta Visualizar las imágenes asociadas a una etiqueta para, con posterioridad, añadir más etiquetas a dichas [...]]]></description>
			<content:encoded><![CDATA[<h3>UN CASO DE ESTUDIO</h3>
<p>Hace poco estaba prototipando una interfaz que permitía al usuario gestionar las etiquetas asociadas a una imagen. Concretamente estaba pensada y diseñada para que el usuario pudiese llevar a cabo dos tareas:</p>
<ul>
<li>Borrar una etiqueta concreta</li>
<li>Visualizar las imágenes asociadas a una etiqueta para, con posterioridad, añadir más etiquetas a dichas imágenes o realizar otras operaciones sobre ellas.</li>
</ul>
<p>Después de un rato salieron dos opciones:</p>
<p>&nbsp;</p>
<p><strong>Alternativa A:</strong></p>
<p><a href="http://www.tentandote.com/wp-content/uploads/2011/04/GestionarEtiquetas_ListadoOriginalconMayusculas.png"><img class="aligncenter size-full wp-image-1436" title="Interfaz para la gestión de etiquetas - Listado de etiquetas agrupadas en conjuntos por letrás mayúsculas" src="http://www.tentandote.com/wp-content/uploads/2011/04/GestionarEtiquetas_ListadoOriginalconMayusculas.png" alt="Interfaz para la gestión de etiquetas - Listado de etiquetas agrupadas en conjuntos por letrás mayúsculas" width="600" height="769" /></a></p>
<p>&nbsp;</p>
<p><strong>Alternativa B:</strong></p>
<p><a href="http://www.tentandote.com/wp-content/uploads/2011/04/GestionarEtiquetas_ListadoOriginalsinMayusculas.png"></a><a href="http://www.tentandote.com/wp-content/uploads/2011/04/GestionarEtiquetas_ListadoOriginalsinMayusculas1.png"><br />
</a><a href="http://www.tentandote.com/wp-content/uploads/2011/04/GestionarEtiquetas_ListadoOriginalsinMayusculas2.png"><img class="aligncenter size-full wp-image-1438" title="Interfaz para la gestión de etiquetas sin agrupar en conjuntos por letras mayúsculas" src="http://www.tentandote.com/wp-content/uploads/2011/04/GestionarEtiquetas_ListadoOriginalsinMayusculas2.png" alt="Interfaz para la gestión de etiquetas sin agrupar en conjuntos por letras mayúsculas" width="600" height="705" /></a></p>
<p>&nbsp;</p>
<p>En la alternativa A las etiquetas se agrupan alfabéticamente por la primera letra. El objetivo es facilitar la búsqueda de una etiqueta concreta para lo que se recurre a una doble solución:</p>
<ul>
<li> Por un lado se utiliza el espacio en blanco para introducir una separación visual entre letras que sea lo suficientemente significativa para que rápidamente se perciba la &#8220;ruptura&#8221; de cada bloque,</li>
<li>Por otro, se añaden las letras del alfabeto en mayúsculas, agrupando en conjuntos las etiquetas que empiezan por la misma. Con ello se pretende crear un punto focal sobre las letras mayúsculas de inicio de cada bloque para facilitar la búsqueda de las etiquetas una vez localizado rápidamente el grupo.</li>
</ul>
<p>&nbsp;</p>
<p>En la alternativa B por el contrario se eliminan las letras mayúsculas agrupadoras y se usa el espacio en blanco como único recurso para separar los conjuntos de etiquetas.</p>
<p>Aunque lo mejor para un escaneado más rápido y una lectura óptima es tener una  sola columna con la relación de todas las etiquetas, se optó por distribuirlas en tres paralelas con el fin de evitar un excesivo scroll vertical.</p>
<p>El caso es que después de estar un rato mirándolas se me planteó la pregunta de cual de las dos opciones sería la mejor por usabilidad.</p>
<p style="text-align: center;">¿?</p>
<p>&nbsp;</p>
<h3><strong>ATENCIÓN, LOCUS DE ATENCIÓN E IMPLICACIONES PARA LA USABILIDAD</strong> DE LAS INTERFACES</h3>
<p>En su libro <a title="Jef Raskin: New Directions for Designing Interactive Systems" href="http://books.google.com/books?id=D39vjmLfO3kC&amp;lpg=PP1&amp;dq=the%20humane%20interface&amp;pg=PP1#v=onepage&amp;q&amp;f=false">The Humane Interface</a> (me encanta este libro y lo voy a seguir utilizando como fuente de inspiración para futuros posts) Jef Raskin reflexiona sobre dos conceptos que vienen al caso, la <strong>atención</strong> y el <strong>Locus de Atención.</strong></p>
<p>En cuanto a la <strong>atención</strong> Fernández-Abascal, Dolores Martín y Domínguez Sánchez (1) (2009, p. 52)<strong> la definen como</strong>:</p>
<ul>
<li><strong>Un estado de concentración en algo.</strong></li>
<li><strong>Capacidad de procesamiento que puede distribuirse o compartirse en el tiempo entre las diversas tareas y estímulos que exigen atención.</strong></li>
</ul>
<p>Ahondando en la definición, Tejero (2) menciona que:</p>
<blockquote><p>&#8220;La atención puede definirse como el mecanismo cognitivo mediante el que ejercemos control voluntario sobre nuestra actividad perceptiva, cognitiva y conductual, entendiendo por ello que activa/inhibe y organiza las diferentes operaciones mentales requeridas para llegar a obtener el objetivo que pretendemos y cuya intervención es necesaria cuando y en la medida en que estas operaciones no pueden desarrollarse automáticamente&#8221;.</p></blockquote>
<p>Los procesos en los que media nuestra atención son procesos conscientes. La atención nos permite centrarnos en parte de la información que recibimos a través de nuestros órganos sensoriales y controla y orienta nuestra actividad de forma consciente para conseguir un objetivo concreto. Por el contrario hay ocasiones en que las tareas las llevamos a cabo guiadas por un hábito, las hacemos de forma automática o insconciente.</p>
<p>No obstante, ambos procesos, no se dan plenamente por separado sino que puede haber un cierto grado de interacción entre los mismos.</p>
<p>Un buen ejemplo es el el de escribir en el ordenador. Si hemos aprendido mecanografía ejecutamos esta acción de manera inconsciente. Una vez que posamos las manos sobre el teclado no sómos conscientes de dónde se encuentran posicionadas las teclas que corresponden a los caracteres del alfabeto. Cuando pensamos en una palabra nuestros dedos se mueven de manera automática presionando las que hagan falta y como resultado aparece la palabra en pantalla. El proceso de escribir está guiado por nuestro hábito adquirido a través de un proceso de aprendizaje. Y si el hábito está mal adquirido, los errores tenderán a repetirse.</p>
<p>Por el contrario,si tuviésemos que pensar en los caracteres que conforman una palabra determinada, por ejemplo -g-a-z-p-a-c-h-o- y decidiéramos escribirlos uno a uno, en el proceso entraría en juego nuestra consciencia: En tal caso las operaciones serían:</p>
<ul>
<li>¿Cuál es el primer carácter de la palabra que estamos escribiendo? &#8211;&gt; la &#8220;g&#8221;</li>
<li>¿Dónde está la tecla que se corresponde con el carácter &#8220;g&#8221;&#8211; &gt; en la parte central del teclado, la localizamos &#8211;&gt; y la presionamos continuando la tarea con el resto de caracteres en un proceso recursivo hasta completar la palabra.</li>
</ul>
<p>Raskin sumariza las <strong>diferencias entre los procesos cognitivos conscientes e inconscientes</strong> de la siguiente forma (3):</p>
<table class="aligncenter" border="0" cellspacing="0" cellpadding="10" width="600">
<tbody>
<tr>
<td width="200" bgcolor="#cccccc"><strong>Propiedad</strong></td>
<td width="200" bgcolor="#cccccc"><strong>Cognitivos conscientes</strong></td>
<td width="200" bgcolor="#cccccc"><strong>Cognitivos inconscientes</strong></td>
</tr>
<tr>
<td width="200">Guiados por</td>
<td width="200">La novedad&nbsp;</p>
<p>Emergencias</p>
<p>Peligro</td>
<td width="200">Repetición&nbsp;</p>
<p>Eventos esperados</p>
<p>Seguridad</td>
</tr>
<tr>
<td width="200">Usados en</td>
<td width="200">Nuevas circunstancias</td>
<td width="200">Situaciones rutinarias</td>
</tr>
<tr>
<td width="200">Puede manejar</td>
<td width="200">Decisiones</td>
<td width="200">Tareas no ramificadas</td>
</tr>
<tr>
<td width="200">Admiten</td>
<td width="200">Proposiciones lógicas</td>
<td width="200">Lógica o incosistencias</td>
</tr>
<tr>
<td width="200">Opera</td>
<td width="200">Secuencialmente</td>
<td width="200">Simultáneamente</td>
</tr>
<tr>
<td>Los controla</td>
<td>La voluntad</td>
<td>Hábitos</td>
</tr>
<tr>
<td>Capacidad</td>
<td>Pequeña</td>
<td>Grande</td>
</tr>
<tr>
<td width="200">Persistencia durante</td>
<td width="200">décimas de segundos</td>
<td width="200">Décadas (toda la vida)</td>
</tr>
</tbody>
</table>
<p>Por último, en cuanto al concepto de <strong>Locus de atención</strong> comenta que (4):</p>
<blockquote><p>&#8220;Uso el término <strong>locus </strong>porque significa un <strong>lugar, o en el sitio</strong>. El término foco, que a veces se utiliza de forma similar, se puede entender como un verbo, por lo que transmite una falsa impresión sobre cómo trabaja la atención. <strong>Cuando uno está despierto y consciente, el Locus de Atención es una característica, un rasgo de, o un objeto en el mundo físico, o una idea sobre la que está pensando activamente y con atención&#8221;</strong></p></blockquote>
<p><strong>¿Cómo influye la atención y el locus de atención en el desempeño de las tareas que acometemos cuando interactuamos con el ordenador?</strong></p>
<p>Volvamos a la interfaces planteadas al principio del post.</p>
<p>Considerando el ejemplo A, cuando el usuario busca una etiqueta específica como por ejemplo &#8220;invertebrado&#8221; el locus de atención se centra en la búsqueda de palabras que empiecen por &#8220;i&#8221;. Este proceso lo ejecutamos en un primer momento de manera inconsciente. La separación de las etiquetas en grupos usando el espacio en blanco no interfiere con la tarea, no añade <strong>&#8220;ruido&#8221;,</strong> ni visual, ni cognitivo, sino más bien lo contrario, aporta una pista sutil y que, de manera insconsciente, nos ayuda a diferenciar unos grupos de otros rápidamente.</p>
<p>El problema se presenta cuando la persona se topa con la letra mayúscula que abre cada grupo de etiquetas. -¿?- -¿Qué es esto&#8230;?- piensa. En ese momento se rompe el proceso inconsciente al encontrarse el usuario con algo inesperado que le lleva a tener que razonar e interpretar lo que está viendo. A partir de ahí el proceso requiere de su consciencia y atención:</p>
<ul>
<li>¿Una letra mayúscula? ¿? &#8211;&gt; ha de interpretar que las letras mayúsculas agrupan conjuntos de etiquetas que empiezan por las mismas.</li>
<li> A continuación pasa a preguntarse por qué letra empieza la etiqueta buscada &#8211;&gt; por &#8220;i&#8221; &#8211;&gt; pasa a buscar el grupo de la &#8220;I&#8221; mayúscula &#8211;&gt;una vez que lo ha localizado &#8211;&gt;</li>
<li>¿Qué etiqueta estaba buscando y cuál es el siguiente carácter de la misma? &#8211;&gt; &#8220;invertebrados&#8221; &#8211;&gt; busca la palabra invertebrados en el conjunto de etiquetas identificado.</li>
</ul>
<p>El diseño con letras mayúsculas para separar los grupos de etiquetas rompre nuestro locus de atención e interfiere directamente con la acción que se está llevando a cabo.</p>
<p>La altenativa de diseño B es más óptima dado que se juega con los espacios en blanco y no se incluyen terceros elementos como las letras mayúsculas que desencadenen un proceso de razonamiento consciente. La mirada fluye de manera natural por el listado, los espacios en blanco organizan las letras marcando los diferentes conjuntos de etiquetas y el locus de atención no se rompe, siendo el proceso mucho más rápido. La interfaz es más óptima.</p>
<p>&nbsp;</p>
<h3>REPENSAR LA INTERACCIÓN Y LAS METÁFORAS DE LOS SISTEMAS OPERATIVOS: DECONSTRUIRLOS</h3>
<p>Las metáforas que utilizamos para dar forma a, y modelar los espacios de información, y los procesos de interacción de los actuales sistemas operativos requieren de un importante esfuerzo por parte del usuario para comprenderlos o llevarlos a cabo.</p>
<p>Las interrupciones son parte inherente de cualquier actividad. No obstante podemos optimizar los flujos de interacción de los actuales sistemas operativos para disminuir el esfuerzo cognitivo necesario para realizar las tareas que ejecutamos con ellos.</p>
<p>Si quiero modificar una imagen que estoy viendo en el navegador antes, tengo que llamar a una aplicación para llevar a cabo dicha actividad rompiéndose nuestro locus de atención ¿Por qué tenemos que usar una &#8220;aplicación&#8221; para editar una imagen si mi tarea es modificar una imagen, no lanzar una aplicación? ¿? A continuación tengo que pensar qué aplicación he de utilizar para ello. Ésta podría ser por citar una Photoshop. La siguiente tarea para conseguir nuestro objetivo sería dilucidar cómo lanzarla ¿Tendría que acudir al escritorio o al menú de inicio? En el menú de inicio, en Windows ¿debería buscarla en el box de búsqueda o ir a la lista de &#8220;Todos los programas&#8221; para localizarla. Si opto por esta última opción&#8230; ¿bajo qué carpeta -grupo de programas- la encontraría? ¿Carpeta? ¿? ¿Por qué usamos la metáfora de una carpeta del mundo real para representar algo que guarda una &#8220;aplicación&#8221; utilizando la misma metáfora para agrupar aplicaciones y documentos? ¿? Cuando he localizado la carpeta con la aplicación tengo que hacer clic en el icono que la abre, esperar a que se abra lo cual lleva un tiempo variable de ¿15 &#8211; 40 segundos&#8230;? ¿más? con la consiguiente distracción del usuario hasta que se abre. A continuación he de abrir la imagen que previamente debería haber salvado en el disco duro haciendo clic con el botón derecho del ratón sobre la misma en el navegador, de seleccionar la &#8220;carpeta&#8221; donde guardarla, y de pulsar el botón &#8220;Guardar&#8221; del correspondiente cuadro de diálogo.</p>
<p>El proceso y el tiempo que media desde que el usuario decide modificar la imagen que está viendo en el navegador hasta que empieza a editarla puede ser de&#8230; ¿3 minutos? ¿5? El proceso de modificar la imagen que estamos viendo en un navegador se termina subdividiendo en multitud de tareas con constantes interrupciones para llevar a cabo toda la serie de pasos intermedios que finalmente nos permitan dar cumplimiento a lo que queremos.</p>
<p style="text-align: center;"><a href="http://www.tentandote.com/wp-content/uploads/2011/04/Windows_MenuSecundarioImagen_Subopciones.png"><img class="aligncenter size-full wp-image-1484" title="Windows menú secundario de imagen" src="http://www.tentandote.com/wp-content/uploads/2011/04/Windows_MenuSecundarioImagen_Subopciones.png" alt="Opciones del menú secundario de Windows 7 de una imagen" width="641" height="716" /></a>Opciones del menú secundario que se abre al pulsar el botón derecho del ratón sobre el icono de una imagen en el escritorio de Windows 7. <strong>Un total de 27 tareas posibles sin contar las que hay detrás de los submenús</strong> como el de la opción &#8220;Abrir con&#8221; de la captura de la imagen. El usuario tiene que hacer el ejercicio de identificar cuál es la tarea adecuada para modifica la imagen: &#8220;Abrir&#8221; &#8220;Edita con Fireworks&#8221; &#8220;Editar&#8221; &#8220;Abrir con&#8221; &gt; &#8220;Adobe Fireworks CS4&#8243;, &#8220;Adobe Photoshop CS4&#8243;,  &#8220;Microsoft Picture Manager&#8221;, &#8220;Paint&#8221;, &#8220;Snagit Editor&#8221; ¿Cuál elijo y a qué coste cognitivo? ¿?</p>
<p><a href="http://www.tentandote.com/wp-content/uploads/2011/05/Windows_MenuSecundarioImagen_Subopciones_RuidoCognitivo.png"><img class="aligncenter size-full wp-image-1490" title="Windows 7. Menú secundario del ratón" src="http://www.tentandote.com/wp-content/uploads/2011/05/Windows_MenuSecundarioImagen_Subopciones_RuidoCognitivo.png" alt="Windows 7. Opciones que aparecen cuando se posiciona el cursor encima de una imagen y se pulsa en el botón derecho del ratón " width="641" height="716" /></a></p>
<p style="text-align: center;">De todas las opciones que se me ofrecen sólo me interesa una: la editar.</p>
<p>¿Cómo podemos diseñar interfaces más optimizadas? ¿Interfaces más orientadas al modelo mental de las personas y no condicionadas por las limitaciones impuestas por el software o el Sistema Operativo?</p>
<p>Una <strong>posible solución</strong><strong> </strong><strong> </strong>es lo que <strong>Donald Norman denomina&#8221;Informática basada en actividades&#8221; (Activity-Based Computing, ABC) </strong><strong> </strong><strong> (5) </strong>:</p>
<blockquote><p>&#8220;La idea básica es sencilla: tener a mano todo el material necesario para una tarea, con poco o ningún esfuerzo mental&#8221;</p></blockquote>
<p style="text-align: center;"><strong>Sencillo de explicar, muy difícil hacerlo realidad&#8230;</strong></p>
<p>Al menos hasta hoy día sólo se ha conseguido en parte, y sólo ahora comienzan a verse interfaces más centradas en las personas que en la propia tecnología.</p>
<p style="text-align: center;"><a href="http://www.tentandote.com/wp-content/uploads/2011/04/iPhone_ControporVoz.png"><img class="aligncenter size-full wp-image-1483" title="iPhone - Control por voz" src="http://www.tentandote.com/wp-content/uploads/2011/04/iPhone_ControporVoz.png" alt="iPhone - Control por voz" width="400" height="600" /></a>Captura de pantalla del &#8220;Control por voz&#8221; del iPhone<br />
Ahora&#8230; ¡¡podemos hablar con nuestros móviles para decirles lo que queremos que hagan&#8230;!! Ya iba siendo hora de que por fin podamos comunicarnos por voz con un dispositivo pensado para hablar por voz con otras personas&#8230; y aún así&#8230; ¿por qué se rotula la pantalla como &#8220;Control por voz&#8221;?<br />
<strong>¿Por qué no mejor algo como&#8230; ¿Qué quieres hacer?</strong>? ¿? &#8230; La complejidad se carga en la tecnología, no en la interfaz.<br />
También se puede prescindir del botón de &#8220;Cancelar&#8221; dado que ya tenemos el propio del teléfono para volver a la &#8220;Home&#8221; o &#8220;escritorio&#8221;.</p>
<p>&nbsp;</p>
<p>Todavía hoy estamos anclados por el paradigma de las interfaces de unas máquinas y unos lenguajes de programación conceptualizados hace tres décadas y unos modelos de negocio empresariales orientados a maximizar la obtención de beneficios económicos antes que el beneficio para las personas, ejemplo del cual, por citar tan sólo uno, es el actual modelo de aplicaciones que se ha desarrollado para los nuevos móviles &#8220;inteligentes&#8221;, una oportunidad de oro perdida para centrar de verdad la informática en donde tiene que estar centrada, en las personas, no en la forma de hacer dinero.</p>
<p>Norman (6) establece una jerarquía en los procesos que está conformada por (desde la más alta a las más bajas):</p>
<ul>
<li><strong>Actividades:</strong> conjunto de tareas dirigidas a unos objetivos concretos -poner al día las cuentas de casa- -llamar a un amigo- son dos posibles ejemplos de actividades.</li>
<li><strong>Tareas:</strong> aquellos pasos que seguimos para llevar a cabo los objetivos subordinados de las actividades.</li>
<li><strong>Acciones:</strong> conjunto de operaciones que llevamos a cabo para ejecutar una tarea, por ejemplo, una operación al escribir una palabra puede ser teclear un carácter y la acción, escribir la palabra.</li>
</ul>
<p><strong>La Interfaz Humana (prefiero éste término al de Sistema Operativo, ajeno a las personas) ha de estar centrada en las actividades, no en las tareas. No en </strong>tener que pensar en qué <strong>programas o aplicaciones &#8220;estancas&#8221;</strong> necesito para llevarlas cabo<strong>.</strong></p>
<p style="text-align: center;"><strong>No en algo llamado Mozilla Thunderbird sino en escribir un mensaje y en mandárselo a mi hermana.</strong></p>
<p style="text-align: left;">Aza Raskin explica muy bien <strong><a href="http://tentandole.blogsome.com/2009/03/30/articulo-de-aza-raskin-sobre-la-linea-linguistica-de-comandos-y-el-nuevo-paradigma-de-interaccion/">un nuevo modelo de negocio</a> que podría convertirse en una alternativa al</strong> de la informática <strong>actual</strong> (que está basado en aplicaciones y programas, algo que entra en constante conflicto con nuestro modelo mental que tenemos como personas que somos) <strong>y que es igualmente viable desde un punto de vista económico y más centrado en las personas.</strong></p>
<p>Un ejemplo de ello es la evolución que están sufriendo los navegadores. El navegador se está transformando en una capa que está envolviendo a los sistemas operativos convirtiéndolos en interfaces &#8220;más humanas&#8221; orientadas a responder nuestras actividades cotidianas:</p>
<ul>
<li>las <strong>necesidades de interrelación social </strong>-redes sociales &#8211;&gt; Facebook, Tuenti-</li>
<li>las necesidades de <strong>comunicación</strong> &#8211;&gt; Twitter, Skype, Google Voice, GMail, Hotmail&#8230;-</li>
<li>las de <strong>productividad </strong>-búsqueda y localización de información &#8211;&gt; Google, Bing-<strong> </strong></li>
<li><strong>para servirnos como memoria</strong> &#8211;&gt;almacenamiento en la nube &#8211;&gt; Google Docs, Dropbox-</li>
<li>y para la <strong>recuperación, gestión y aprovechamiento de la información</strong> &#8211;&gt; Google, Bing, Google Docs&#8230;</li>
</ul>
<p style="text-align: left;"><strong>Y lo están empezando a hacer de forma bastante más eficaz que los sistemas operativos. Integrando todo ello en una interfaz deconstruida que se centraliza en un campo de entrada de texto que está dejando de ser &#8220;barra de navegación&#8221; para convertirse en &#8220;barra de interacción&#8221;:</strong></p>
<p style="text-align: center;"><strong><a href="http://www.tentandote.com/wp-content/uploads/2011/04/AwesomeBar-HD.png"><img class="aligncenter size-full wp-image-1488" title="AwesomeBar HD" src="http://www.tentandote.com/wp-content/uploads/2011/04/AwesomeBar-HD.png" alt="AwesomeBar HD, nuevo proyecto de MozillaLabs" width="600" height="125" /></a></strong>La <a title="MozillaLabs - AwesomeBar HD: Find what you want" href="https://mozillalabs.com/prospector/2011/04/27/awesomebar-hd-find-what-you-want/"><strong>AwesomeBar HD</strong></a> permite seleccionar un comando para, a continuación, escribir la necesidad de información.<br />
Pulsando a continuación retorno se ejecuta la acción (por ejemplo, se presenta la página de resultados de Amazon<br />
con los títulos de los libros que coinciden con las palabras escritas<strong><br />
</strong></p>
<p style="text-align: left;"><strong> El binomio Web-navegador está reemplazando a los sistemas operativos por algo más cercano a nosotros y ha de seguir evolucionando.<br />
</strong></p>
<p>Un posible camino para ello y hacia una interfaz más humana puede ser el proyecto en el que está trabajando MozillaLabs &#8211;&gt; <strong><a title="MozillaLabs: AwesomeBar HD: Find what you want" href="https://mozillalabs.com/prospector/2011/04/27/awesomebar-hd-find-what-you-want/">AwesomeBar HD</a> que no es sino una pequeña adaptación de algo mucho más potente, Ubiquity, una metainterfaz que se sitúa por encima del sistema operativo</strong> y que se integra plenamente en el navegador. La comunicación tanto con la AwesomeBar HD como con Ubiquity se da mediante palabras escritas y comandos muy específicos aunque el día de mañana quizá podra darse también a través de la voz y en un lenguaje natural. Una interfaz como Ubiquity permitiría simplificar el proceso de editar una imagen para que fuese algo así como seleccionarla en el navegador, hacer clic en la barra de navegación, escribir &#8220;modificar&#8221;, y lanzar la interfaz en la misma ventana para llevar a cabo la acción. Compararlo con el anterior proceso descrito&#8230;</p>
<p style="text-align: center;"><strong>Desde un punto de vista cognitivo mucho mejor.</strong></p>
<p>La AwesomeBar HD da continuidad al <a title="Introducing Ubiquity:  An experiment into connecting the Web with language" href="https://mozillalabs.com/blog/2008/08/introducing-ubiquity/">proyecto Ubiquity</a><strong>, un éxito tan rotundo y algo tan innovador e importante que posiblemente lo estarán desarrollando internamente. La AwesomeBar HD no es más que un vistazo a lo que veremos a medio plazo.<br />
</strong></p>
<p><strong>Google</strong> podría hacer algo similar y la verdad, es que es sorprendente que todavía no lo hayan hecho,<strong> evolucionar su interfaz para pasar de un buscador a un asistente personal que guíe al usuario en su interacción con la Web</strong>. Medio trabajo ya lo tienen hecho, la pregunta que deberían plantearse los ingenieros de Google es la de <strong>cómo podrían unificar las funcionalidades de los diferentes box de <del>búsqueda</del>-interacción de los distintos servicios que ofrecen: Gmail, Google Docs, Google Calendar, Google Translate&#8230; en el box del buscador principal.</strong></p>
<p style="text-align: center;">Recuperar la idea del <a title="Thinkepi: Thinkepi: Rediseñando Google: Propuesta base para el desarrollo de un sistema operativo multimodal ubicuo" href="http://tentandole.blogsome.com/2009/03/07/thinkepi-redisenando-google-propuesta-base-para-el-desarrollo-de-un-sistema-operativo-multimodal-ubicuo/">sistema operativo, ubicuo, multimodal y humano</a>, vamos</p>
<p><strong>Quizá mañana, Mozilla, Google, Microsoft o Apple vuelvan a sorprendernos.</strong></p>
<p style="text-align: center;"><strong>Seguro que sí.</strong></p>
<p style="text-align: center;"><strong><br />
</strong></p>
<p style="text-align: center;"><strong>&#8211;O&#8211;<br />
</strong></p>
<p style="text-align: left;"><strong>BIBLIOGRAFÍA:</strong></p>
<ol>
<li>Fernández Abascal, Enrique G.; Martín Díaz, María Dolores; Domínguez Sánchez; Javier. Procesos psicológicos. Madrid : Ediciones Pirámide, p. 52. ISBN 978-84-368-1605-1</li>
<li>&#8211; Ibid. p. 36.</li>
<li>Raskin, Jef. The Humane Interface: New directions for designing interactive systems. Boston : Addison Wesley, p. 16, ISBN: 0-201-37937-6</li>
<li>&#8211; Ibid. p. 17.</li>
<li>Norman, Donald. El ordenador invisible. Paidós : Barcelona, p. 101. ISBN 84-493-1089-X</li>
<li>&#8211;Ibid, p. 102.</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.tentandote.com/2011/05/03/atencion-y-locus-de-atencion-implicaciones-de-usabilidad-y-repensar-el-diseno-de-las-interfaces/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Negroponte y el cambio humano y tecnológico</title>
		<link>http://www.tentandote.com/2010/11/09/negroponte-y-el-cambio-humano-y-tecnologico/</link>
		<comments>http://www.tentandote.com/2010/11/09/negroponte-y-el-cambio-humano-y-tecnologico/#comments</comments>
		<pubDate>Tue, 09 Nov 2010 13:40:03 +0000</pubDate>
		<dc:creator>tentandote</dc:creator>
				<category><![CDATA[Desarrollo e investigación]]></category>
		<category><![CDATA[Diseño de interacción]]></category>
		<category><![CDATA[Diseño de interfaces]]></category>
		<category><![CDATA[Dispositivos]]></category>
		<category><![CDATA[Innovación]]></category>
		<category><![CDATA[Interacción háptica y táctil]]></category>
		<category><![CDATA[movilidad]]></category>
		<category><![CDATA[Prospectiva de la información]]></category>
		<category><![CDATA[Realidad Aumentada - Augmented Reality]]></category>
		<category><![CDATA[Reflexiones]]></category>
		<category><![CDATA[Sociedad de la Información]]></category>
		<category><![CDATA[Tendencias]]></category>
		<category><![CDATA[Visualización de información]]></category>
		<category><![CDATA[entrevista]]></category>
		<category><![CDATA[Nicholas Negroponte]]></category>
		<category><![CDATA[Realidad Aumentada]]></category>

		<guid isPermaLink="false">http://www.tentandote.com/?p=1117</guid>
		<description><![CDATA[No es que diga mucho nuevo pero siempre es interesante leer a gente como Negroponte ¿Por qué? Pues entre otras razones porque personas cómo él no sólo son los espectadores de primera fila del mundo tecnológico sino porque además son los actores que impulsan y controlan el cambio tecnológico con lo cual lo que dicen [...]]]></description>
			<content:encoded><![CDATA[<p>No es que diga mucho nuevo pero siempre es interesante leer a gente como Negroponte ¿Por qué? Pues entre otras razones porque personas cómo él no sólo son los espectadores de primera fila del mundo tecnológico sino porque además <strong>son los actores que impulsan y controlan el cambio tecnológico</strong> con lo cual lo que dicen se puede tomar como referencia muy válida para determinar las tendencias de por donde evolucionarán las tecnologías en los próximos años:</p>
<p style="text-align: center;"><a title="Entrevista en ElPaís.com a Nicholas Negroponte" href="En las últimas semanas he visto el mayor cambio en mucho tiempo. Pusieron una fotografía de papel delante de una niña de tres años. Para verla mejor, dio un pellizco en ella, como si fuera una pantalla, pero se dio cuenta de que no tenía efecto sobre el papel. La manera de entender el mundo de esa niña no tiene nada que ver con la nuestra. Cuando tenga que votar habrá sido mucho más activa durante toda su vida. Hablarán diferente, se comunicarán de otra manera. En los últimos años la ciudadanía se ha hecho más activa. Da igual que se haga una declaración en una universidad o en un gran acto porque se difunde por Twitter, Facebook, blogs. Cualquier acto público pasa a ser relevante. Es todo un mundo nuevo.">Entrevista en El País a Nicholas Negroponte</a></p>
<p>De la entrevista me quedo con una cita:</p>
<blockquote><p>&#8220;En las últimas semanas he visto el mayor cambio en mucho tiempo.  Pusieron una fotografía de papel delante de una niña de tres años. Para  verla mejor, dio un pellizco en ella, como si fuera una pantalla, pero  se dio cuenta de que no tenía efecto sobre el papel. La manera de  entender el mundo de esa niña no tiene nada que ver con la nuestra.  Cuando tenga que votar habrá sido mucho más activa durante toda su vida.  Hablarán diferente, se comunicarán de otra manera. En los últimos años  la ciudadanía se ha hecho más activa. Da igual que se haga una  declaración en una universidad o en un gran acto porque se difunde por  Twitter, Facebook, <em>blogs</em>. Cualquier acto público pasa a ser relevante. Es todo un mundo nuevo&#8221;.</p></blockquote>
<p>Hace muy poco <a href="http://twitter.com/#!/interacciones">Ariel contaba lo mismo en un tweet</a> pero con otro dispositivo, la televisión:</p>
<blockquote><p>&#8220;He visto niños que tocaban la pantalla de la tv para cambiar de canal, pero que no lo hacían con una foto de papel, eran listos&#8221;</p></blockquote>
<p>No obstante el cambio no se limita sólo a los niños, es ambiental y aun cuando no en igual medida, nos alcanza a todas las generaciones. Mi madre el pasado fin de semana, para pulsar el botón de &#8220;Ok&#8221; para aceptar la conexión de la cámara digital al ordenador y sincronizar las fotos sin dudarlo un segundo presionó sobre la pantalla la imagen de dicho botón en lugar de pulsar el botón físico que estaba 3 centímetros más allá. La extrañeza y la sorpresa que mostraba su cara ante la falta de respuesta del dispositivo era para haberla grabado, el dispositivo no funcionaba conforme a lo esperado, a su modelo mental y eso que mi madre es de todo menos una &#8220;early adopter&#8221;.</p>
<p>La tecnología modela el cerebro humano. La World Wide Web, los buscadores, los dispositivos multimodales, táctiles y ubicuos, los navegadores, los sistemas operativos, las redes sociales, <strong>el copiar y pegar, el compartir,</strong> y todas las posibilidades que nos brindan nos están haciendo más inteligentes como especie y quizá lo más llamativo, lo que no tiene parangón con ninguna otra época anterior de la Humanidad es la tremenda rapidez con que está sucediendo esta transformación y los espectaculares cambios que ello conlleva, en nuestro entorno y en nuestro cerebro.</p>
<p>Y eso que todavía no estamos sino en ciernes de la próxima gran revolución que cualquier día de estos nos caerá encima: la computación ambiental, la interacción ambiental y multimodal. Y las bases para la apertura hacia este nuevo entorno natural humano-dispositivo-ambiente van a venir de la mano de cuatro tipos dispositivos:</p>
<ul>
<li>La televisión (próxima generación de ¿televisores? ¿será correcto llamarlos ya así?</li>
<li>Los móviles inteligentes.</li>
<li>Los tablets (que se van a convertir en los nuevos soportes del libro, revistas y documentos personales y de trabajo).</li>
<li>Las consolas que van a ser uno de los campos por excelencia para la experimentación de la interacción humano-ambiente-dispositivo más importantes en el corto plazo.</li>
</ul>
<p>Mencionar estas tendencias y dispositivos no tiene mucho mérito, al fin y al cabo son los que están ya en el mercado. Quizá lo más interesante es tratar de averiguar lo que está por venir y ante ello se pueden mencionar:</p>
<ul>
<li>La aparición de un nuevo tipo de soporte mucho más dúctil, engorroso y manejable que los anteriores <strong>y que se pueda doblar</strong>, uno de los grandes desafíos que tiene el hardware actual: el papel digital.</li>
<li>La aparición de dispositivos capaces de mostrar hologramas en 3D sin necesidad de gafas especiales de visión.</li>
<li>La explosión de los servicios y aplicaciones de Realidad Aumentada que actualmente se están desarrollando.</li>
<li>Los ordenadores que llevaremos puestos, <a href="http://www.microsiervos.com/archivo/ordenadores/ordenador-de-bolsillo-bolsillo-es-ordenador.html"><em>wearable computer</em></a>.</li>
</ul>
<p>Lo que está llegando son <a href="http://www.tinmith.net/index.htm">aplicaciones y hardware</a> que permiten realizar simulaciones militares, visualizaciones para la agricultura o la minería y la sanidad interactuando directamente con el mundo real:</p>
<p align="center"><object width="640" height="390"><param name="movie" value="http://www.youtube.com/v/iH3B0WWOzq8&#038;rel=0&#038;hl=en_US&#038;feature=player_embedded&#038;version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/iH3B0WWOzq8&#038;rel=0&#038;hl=en_US&#038;feature=player_embedded&#038;version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="390"></embed></object></p>
<p><a href="http://wearables.unisa.edu.au/projects/arquake/">Aplicaciones orientadas al entretenimiento</a> para hacer un poco más interesante nuestro mundo real:</p>
<p align="center"><object width="640" height="390"><param name="movie" value="http://www.youtube.com/v/yNYfkxqiB6g&#038;hl=en_US&#038;feature=player_embedded&#038;version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/yNYfkxqiB6g&#038;hl=en_US&#038;feature=player_embedded&#038;version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="390"></embed></object></p>
<p>O que simplemente (y aunque ya lo he posteado con anterioridad) te permitan que el día de mañana construyas tus propios mundos para tu gente más querida:</p>
<p align="center"><object width="640" height="390"><param name="movie" value="http://www.youtube.com/v/VzFpg271sm8&#038;hl=en_US&#038;feature=player_embedded&#038;version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/VzFpg271sm8&#038;hl=en_US&#038;feature=player_embedded&#038;version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="390"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.tentandote.com/2010/11/09/negroponte-y-el-cambio-humano-y-tecnologico/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>El amanecer de un nuevo día</title>
		<link>http://www.tentandote.com/2010/10/31/el-amanecer-de-un-nuevo-dia/</link>
		<comments>http://www.tentandote.com/2010/10/31/el-amanecer-de-un-nuevo-dia/#comments</comments>
		<pubDate>Sun, 31 Oct 2010 12:52:06 +0000</pubDate>
		<dc:creator>tentandote</dc:creator>
				<category><![CDATA[Desarrollo e investigación]]></category>
		<category><![CDATA[Diseño de interacción]]></category>
		<category><![CDATA[Diseño de interfaces]]></category>
		<category><![CDATA[Dispositivos]]></category>
		<category><![CDATA[Innovación]]></category>
		<category><![CDATA[Interacción háptica y táctil]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Tendencias]]></category>
		<category><![CDATA[canesta]]></category>
		<category><![CDATA[multimodalidad]]></category>
		<category><![CDATA[ubicuidad]]></category>

		<guid isPermaLink="false">http://www.tentandote.com/?p=1094</guid>
		<description><![CDATA[“Los dispositivos conectados más allá de los PC se incrementarán llegando en un impresionante número de formas y tamaños preparados para una amplia variedad de tareas de comunicación, creación y consumo. Cada persona interactuará en su vida diaria con un gran número de ellos -su teléfono / su compañero de Internet, su coche, una pantalla [...]]]></description>
			<content:encoded><![CDATA[<blockquote><p>“Los dispositivos conectados más allá de los PC se incrementarán  llegando en un impresionante número de formas y tamaños preparados para  una amplia variedad de tareas de comunicación, creación y consumo. Cada  persona interactuará en su vida diaria con un gran número de ellos -su teléfono / su compañero de Internet, su  coche, una pantalla pública compartida en la sala de conferencias, en  el cuarto de estar, o en la pared del pasillo. De hecho, algunos podrán incluso llegar a tener un cierto  parecido a los PC de escritorio de hoy o a los portátiles. Pero hay una  diferencia clave en los dispositivos del mañana: son relativamente  sencillos y diseñados fundamentalmente como tales por cómo serán concebidos desde su nacimiento. Se podrán utilizar instantáneamente, intercambiar o  reemplazar de manera trivial sin pérdidas. Pero esto no  significa que no tengan buena capacidad en términos de almacenamiento,  sólo, que dicho almacenamiento tenderá a estar más centrado en la nube que  en el dispositivo. Un mundo de contenido -personal y publicado &#8211;  transmitido, cacheado o sincronizado con un mundo de servicios ubicuos  en la nube…</p>
<p>Hemos  ido demasiado lejos incluso antes de rayar la superficie de lo que ahora  es posible. Todos estos nuevos servicios estarán &#8220;permanentemente disponibles&#8221; centrados en la nube y construidos de manera  que podamos confiar en ellos. La computación en la nube será la  dominante para desarrolladores e ingenieros tecnológicos- un cambio  que será el catalizador para la transformación de la infraestructura,  los sistemas y los procesos de negocio de las principales compañías de  todo el mundo. Y todos estos nuevos servicios funcionarán mano a mano  con un inimaginable y fascinante mundo de dispositivos que están por  llegar. Los PCs de hoy en día, los teléfonos y los tablets son sólo el comienzo del  principio; vamos a ver décadas de increíble innovación de las que  surgirán todo tipo de &#8220;asistentes conectados&#8221; que vestiremos,  llevaremos y utilizaremos en nuestros escritorios y paredes y en todo  nuestro entorno.</p>
<p>Dispositivos con servicios conectados  que irán mucho más allá de la &#8220;pantalla, el teclado y el ratón&#8221;.  Dispositivos con una conciencia humana-natural que verán, reconocerán,  escucharán y entenderán para usted, acerca de lo que le rodea, que van a sentir su tacto, los gestos y su movimiento, que detectarán su  proximidad a otros; que determinarán su ubicación, dirección, altitud,  temperatura, ritmo cardíaco y su salud.”</p>
<p><b>Ray Ozzie, ex-arquitecto jefe de software de Microsoft</b> en <a title="El amanecer de un nuevo día - Ray Ozzie" href="http://ozzie.net/docs/dawn-of-a-new-day/" mce_href="http://ozzie.net/docs/dawn-of-a-new-day/">El amanecer de un nuevo día</a></p>
<p></p>
</blockquote>
<p style="text-align: center;">&#8211;0&#8211;</p>
<p></p>
<blockquote>
<p>“Connected devices beyond the PC will increasingly come in a breathtaking number of shapes and sizes, tuned for a broad variety of communications, creation &amp; consumption tasks.&nbsp; Each individual will interact with a fairly good number of these connected devices on a daily basis – their phone / internet companion; their car; a shared public display in the conference room, living room, or hallway wall.&nbsp; Indeed some of these connected devices may even grow to bear a resemblance to today’s desktop PC or clamshell laptop.&nbsp; But there’s one key difference in tomorrow’s devices: they’re relatively simple and fundamentally appliance-like by design, from birth.&nbsp; They’re instantly usable, interchangeable, and trivially replaceable without loss.&nbsp; But being appliance-like doesn’t mean that they’re not also quite capable in terms of storage; rather, it just means that storage has shifted to being more cloud-centric than device-centric.&nbsp; A world of content – both personal and published – is streamed, cached or synchronized with a world of cloud-based continuous services.</p>
<p>We’ve got so far to go before we even scratch the surface of what’s now possible.&nbsp; All these new services will be cloud-centric ‘continuous services’ built in a way that we can all rely upon.&nbsp; As such, cloud computing will become pervasive for developers and IT – a shift that’ll catalyze the transformation of infrastructure, systems &amp; business processes across all major organizations worldwide.&nbsp; And all these new services will work hand-in-hand with an unimaginably fascinating world of devices-to-come.&nbsp; Today’s PC’s, phones &amp; pads are just the very beginning; we’ll see decades to come of incredible innovation from which will emerge all sorts of ‘connected companions’ that we’ll wear, we’ll carry, we’ll use on our desks &amp; walls and the environment all around us.</p>
<p>Service-connected devices going far beyond just the ‘screen, keyboard and mouse’:&nbsp; humanly-natural ‘conscious’ devices that’ll see, recognize, hear &amp; listen to you and what’s around you, that’ll feel your touch and gestures and movement, that’ll detect your proximity to others; that’ll sense your location, direction, altitude, temperature, heartbeat &amp; health.”</p>
<p><b>Ray Ozzie, ex-chief software architect of Microsoft</b> in <a title="El amanecer de un nuevo día - Ray Ozzie" href="http://ozzie.net/docs/dawn-of-a-new-day/" mce_href="http://ozzie.net/docs/dawn-of-a-new-day/">Dawn of a new day</a><br mce_bogus="1"></p>
</blockquote>
<p style="text-align: center;">&#8211;0&#8211;</p>
<p>Microsoft acaba de comprar la <a href="http://canesta.com/" mce_href="http://canesta.com/">compañía de software Canesta</a> que desarrolla un sensor para la interacción 3d con nuestro entorno y con todo tipo de dispositivos (incluyendo el ordenador). Ray Ozzie se marcha de la compañía marcando el camino de hacia donde debe (y va) a evolucionar la informática y hacia donde debería orientar Microsoft a partir de ahora todos sus esfuerzos. Un modelo de interacción humano-dispositivo-ambiente mucho más natural para superar las tremendas limitaciones impuestas por los actuales periféricos de entrada/salida (pantallas, teclado y ratón). Un modelo de interacción multimodal y ubicuo.</p>
</p>
<p><center><object width="640" height="390"><param name="movie" value="http://www.youtube.com/v/5_PVx1NbUZQ&#038;hl=en_US&#038;feature=player_embedded&#038;version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/5_PVx1NbUZQ&#038;hl=en_US&#038;feature=player_embedded&#038;version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="390"></embed></object></center>
</p>
<p>Me llama mucho la atención el hecho de que parece que codifican la profundidad mediante colores, un sistema que emula la percepción visual humana.</p>
</p>
<p><center><object width="640" height="390"><param name="movie" value="http://www.youtube.com/v/I36Aqk1A6vY&#038;hl=en_US&#038;feature=player_embedded&#038;version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/I36Aqk1A6vY&#038;hl=en_US&#038;feature=player_embedded&#038;version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="390"></embed></object></center>
</p>
<p><center><object width="640" height="390"><param name="movie" value="http://www.youtube.com/v/uR27dPHI7dQ&#038;hl=en_US&#038;feature=player_embedded&#038;version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/uR27dPHI7dQ&#038;hl=en_US&#038;feature=player_embedded&#038;version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="390"></embed></object></center>
</p>
<p>Y aunque ya lo he posteado otras veces con anterioridad no hay que olvidar que son las ideas, los conceptos y los sueños los que mueven a la innovación y a la creación así que, queridos lectores&#8230;</p>
<p>&#8230;a soñar :)</p>
</p>
<p><center><iframe src="http://player.vimeo.com/video/14968246" mce_src="http://player.vimeo.com/video/14968246" frameborder="0" height="225" width="400"></iframe><br /><a href="http://vimeo.com/14968246" mce_href="http://vimeo.com/14968246">El futuro de la tecnología, según Microsoft</a><br mce_bogus="1"></center></p>
]]></content:encoded>
			<wfw:commentRss>http://www.tentandote.com/2010/10/31/el-amanecer-de-un-nuevo-dia/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Simular procesos de interacción y animar interfaces con Microsoft Visio</title>
		<link>http://www.tentandote.com/2010/09/14/simular-procesos-de-interaccion-y-animar-interfaces-con-microsoft-visio/</link>
		<comments>http://www.tentandote.com/2010/09/14/simular-procesos-de-interaccion-y-animar-interfaces-con-microsoft-visio/#comments</comments>
		<pubDate>Tue, 14 Sep 2010 08:39:30 +0000</pubDate>
		<dc:creator>tentandote</dc:creator>
				<category><![CDATA[Desarrollo e investigación]]></category>
		<category><![CDATA[Diseño de interacción]]></category>
		<category><![CDATA[Diseño de interfaces]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Innovación]]></category>
		<category><![CDATA[Metodologías y técnicas]]></category>
		<category><![CDATA[Mozilla]]></category>
		<category><![CDATA[Navegadores - browsers]]></category>
		<category><![CDATA[animación]]></category>
		<category><![CDATA[cinestesia]]></category>
		<category><![CDATA[Microsoft Visio]]></category>
		<category><![CDATA[movimiento]]></category>
		<category><![CDATA[prototipado]]></category>
		<category><![CDATA[prototipos]]></category>
		<category><![CDATA[técnicas]]></category>
		<category><![CDATA[vídeo]]></category>

		<guid isPermaLink="false">http://www.tentandote.com/?p=922</guid>
		<description><![CDATA[Nota: Si no te has leido el primer libro de la trilogía de Milleniun &#8220;Los hombres que no amaban a las mujeres&#8221; y tienes pensado hacerlo, cosa que te recomiendo, sáltate los párrafos entrecomillados que vienen a continuación y sigue leyendo más abajo ya que la cita es un pasaje importante del mismo: &#8211;0&#8211; &#8220;Kurt [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Nota:</strong></p>
<p><strong>Si no te has leido el primer libro de la trilogía de Milleniun &#8220;Los hombres que no amaban a las mujeres&#8221; </strong>y tienes pensado hacerlo<strong>, cosa que te recomiendo, sáltate los párrafos entrecomillados que vienen a continuación</strong> y sigue leyendo más abajo ya que la cita es un pasaje importante del mismo:</p>
<p style="text-align: center;">&#8211;0&#8211;</p>
<blockquote><p>&#8220;Kurt Nylund había hecho en total dieciocho fotografías desde la ventana de la segunda planta de Sundströms Herrmode. En diecisiete de ellas, se veía a Harriet Vanger.</p>
<p>Harriet y sus compañeras de clase llegaron a Järnvägsgatan justo en el mismo instante en que Kurt Nylund empezó a hacer fotografías. Maikel estimó que las fotos se hicieron en un lapso de unos cinco minutos. En la primera, Harriet y sus compañeras estaban bajando la calle en dirección al fotógrafo. En las fotos que iban de la dos a la siete se las veía de pie mirando el desfile. En otra, ya se habían desplazado unos seis metros más abajo. En la última, posiblemente sacada un poco más tarde, el grupo ya había desaparecido.</p>
<p>Mikael agrupó una serie de instantáneas en las que cortó a Harriet por la cintura y las manipuló hasta conseguir el mejor contraste posible. Las guardó en un archivo aparte, abrió el programa Graphic Converter y activó la función diaporama. El resultado fue similar a una película muda entrecortada, con saltos de fotogramas, donde cada imagen se mostraba durante dos segundos.</p>
<p>Harriet llega, imagen de perfil. Harriet se detiene y mira calle abajo. Harriet vuelve la vista hacia la calle. Harriet abre la boca para decirle algo a su amiga. Harriet se ríe. Harriet se toca la oreja con la mano izquierda. Harriet sonríe. De repente, Harriet, con la cara en un ángulo de unos veinte grados a la izquierda de la cámara parece asombrada. Harriet abre los ojos de par en par y ha dejado de sonreir. La boca de Harriet se convierte en una fina línea. Harriet fija la mirada. En su cara se puede leer&#8230; ¿qué? ¿Tristeza, conmoción, enfado? Harriet baja la mirada. Harriet ya no está.</p>
<p>Mikael volvió a pasar la secuencia una y otra vez&#8230;&#8221;</p></blockquote>
<p style="text-align: center;">&#8211;0&#8211;</p>
<p style="text-align: left;">Una de las herramientas fundamentales que utilizamos hoy día cuando diseñamos una web o una aplicación web o móvil, son los <strong>prototipos</strong>.</p>
<p style="text-align: left;">En contraposición a ellos, uno de los documentos de trabajo más comunes que se han estado utilizando principalmente hasta hace muy poco tiempo para producirlas (y que se siguen utilizando y son necesario para muchas otras cosas) han sido los <strong>funcionales</strong> que describen textualmente de manera detallada las páginas, la estructura y funcionalidades, los casos de uso, así como los procesos de interacción que se dan cuando el usuario interactúa con determinadas partes de la interfaz mediante diagramas de flujo.</p>
<p style="text-align: left;"><strong>No obstante, aunque los funcionales son muy importantes de cara al desarrollo back, carecen de la fuerza descriptiva y aclaratoria de los prototipos desde un punto de vista de usabilidad, tanto para visualizar de forma óptima cómo ha de ser la interfaz, dónde tienen que ir exactamente sus elementos y cómo se interrelacionan, como para visualizar los procesos de interacción que se dan en la web o aplicación de una manera más satisfactoria.</strong></p>
<p>No es lo mismo colocar un literal encima de un campo input de texto, que situarlo al lado. No es lo mismo tampoco ponerlo a la izquierda o a la derecha, o elegir uno u otro orden de aparición. No es lo mismo agruparlos visualmente mediante una &#8220;caja&#8221; o línea que los rodee, que dejarlos al &#8220;aire&#8221; en una región abierta por la que fluya la mirada sin barreras utilizando la mera alineación de los mismos a izquierda, derecha, arriba o abajo, para que queden relacionados mediante la aplicación de algunos de los principios básicos de la Gestalt.</p>
<p style="text-align: left;">Y tampoco es lo mismo leer una descripción textual de cómo funciona un elemento de una interfaz, que visualizarlo mediante prototipos en los que se ve de manera gráfica su comportamiento (por ejemplo, la secuencia de agregar un producto a un carrito de la compra en una tienda electrónica).</p>
<p style="text-align: center;"><strong>Esta es una de las razones por las que me gusta tanto Microsoft Visio para prototipar.</strong></p>
<p style="text-align: left;">Porque entre otras cosas, permite simular una suerte de &#8220;animación de la interfaz&#8221; <strong>yendo más allá de la mera narrativa visual estática del espacio y del tiempo del papel</strong> que Tufte explica de manera brillante en su excepcional <a title="Envisioning Information: Edward R. Tufte" href="http://www.edwardtufte.com/tufte/books_ei">&#8220;Envisioning Information&#8221;</a>.</p>
<p>En la novela  de Millenium &#8220;Los hombres que no amaban a las mujeres&#8221;, uno de los  personajes centrales, Mikael Blomkvist, ordena una serie de fotografías  tomadas en breves intervalos durante un tiempo de cinco minutos y luego los reproduce en una secuencia animada con un programa informático en el ordenador con el  fin de poder obtener una determinada historia o secuencia  completa de acontecimientos que reflejan las fotografías.</p>
<p style="text-align: left;">De manera análoga y en lo que al diseño de interacción se refiere una de las claves para explicar interacción es la animación de la interfaz como si de una película se tratara. Con Visio se puede recrear esta animación creando &#8220;n&#8221; prototipos en los que en cada uno se  presente un estado distinto de uno o varios componentes de la interfaz y visualizándolos sucesivamente hacia delante y hacia atrás mediante una función de Microsoft Visio que para mí me resulta imprescindible y que utilizó de manera habitual y automática cuando trabajo:</p>
<p style="text-align: center;"><strong>la tecla F5 de previsualización a pantalla completa de la página<br />
</strong></p>
<p style="text-align: left;">En un archivo de Visio con, por ejemplo, 30 prototipos presionando F5 y utilizando las teclas de avanzar o retroceder podemos realizar una simulación virtual animada de un proceso  para mostrárselo al cliente o a los desarrolladores. Además, podemos exportar el archivo a un documento PDF para verlo con Acrobat Reader que permite hacer lo mismo.</p>
<p style="text-align: left;">Un ejemplo: la secuencia de imágenes de la interacción con un buscador de manera estática y lineal en las imágenes, a continuación, y de forma animada abriendo el PDF del enlace y usando las teclas de avanzar &#8211; retroceder página:</p>
<p style="text-align: left;">
<p style="text-align: left;"><a href="http://www.tentandote.com/wp-content/uploads/2010/09/AnimarInterfacesVisio1.png"><img class="aligncenter size-full wp-image-974" title="Animar interfaces con Microsoft Visio" src="http://www.tentandote.com/wp-content/uploads/2010/09/AnimarInterfacesVisio1.png" alt="Animar interfaces con Microsoft Visio" width="700" height="1986" /></a></p>
<p style="text-align: left;">Aunque los prototipos nos cuentan una narrativa y dicha narrativa se puede apoyar (y se apoya cuando trabajamos) en descripciones textuales al margen y llamadas mediante círculos a las mismas, fijaros en la fuerza descriptiva que transmite un PDF en el que el cliente puede &#8220;animar&#8221; la interfaz:</p>
<p style="text-align: center;"><a href="https://docs.google.com/uc?export=download&amp;id=0B8vKbuV-0jyQMzY2MjBiMzAtNjZiZC00MDkyLTgwZDItZWFhN2VhZmU3MDJj&amp;authkey=CPrY6ZYO">Animar interfaces en Microsoft Visio (PDF)</a></p>
<p style="text-align: left;">Podéis abrir el archivo y utilizar las teclas de avanzar &#8211; retroceder para visualizar la interacción.</p>
<p style="text-align: left;">El siguiente vídeo es una propuesta de rediseño para las tabs de Firefox que presenté en su día a <a title="Concept Series: Reinventing tabs in the browser" href="http://design-challenge.mozillalabs.com/summer09/showcase.php">uno de los primeros Concept Series</a> de Mozilla Labs  (os recomiendo verlo a pantalla completa con resolución Full HD que es como mejor se aprecian los detalles). La captura la hice con Camtasia y es una sucesión de 120 prototipos previsualizados a pantalla completa:</p>
<p style="text-align: left;">
<p style="text-align: center;"><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/gHZADIBp5q0&amp;hl=en_US&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="640" height="385" src="http://www.youtube.com/v/gHZADIBp5q0&amp;hl=en_US&amp;fs=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><strong>En un trabajo normal no se debe llegar ni mucho menos a semejante grado de detalle</strong> porque los cambios que se quieran realizar son muy costosos en tiempo y esfuerzo.<strong> Para nuestro día a día, lo ideal es hacer un único prototipo para cada estado de interacción de un componente.</strong> En plan casero, con las teclas de avanzar retroceder página podemos controlar  manualmente los tiempos para acelerar o retardar la animación y si deseamos algo más profesional, podemos editarlo posteriormente con un editor de vídeo:</p>
<p style="text-align: left;">El prototipado en papel está muy bien para simular los procesos interactivos y testear las cosas de manera rápida, a bajo coste y en un estado inicial, con el fin de comprobar si funcionan correctamente o si existe algún problema serio de usabilidad. Está metodología además, es muy útil y práctica para algo más formal y trabajado dado que, además de tener la posibilidad de animar la interfaz, podemos generar directamente un documento entregable en PDF.</p>
<p style="text-align: left;">Es fantástico poder enseñar directamente en pantalla y mostrar de forma animada a los compañeros de desarrollo y al cliente cómo van a funcionar las cosas.</p>
<p style="text-align: left;">El equipo de UX de Mozilla utiliza <strong>la comparación de múltiples pequeños usando imágenes estáticas. Ponen todos los estados de interacción de un componente en una misma y larga imagen. Al lado de cada uno de ellos se acompaña una descripción textual que lo explica.</strong></p>
<p style="text-align: left;">El siguiente es un ejemplo del funcionamiento de Ubiquity en la barra de Firefox para un futuro comando &#8220;Shop for&#8221; al que se le aplican modificadores (por cierto, acabo de descubrir que Flickr permite descargarse <a title="Ubiquity: Command &quot;Shop for&quot; + modifiers" href="http://www.flickr.com/photos/azaraskin/3274983126/sizes/o/">la imagen en el formato original</a> en que la subió la persona que creó el archivo y que en este caso se puede editar directamente en Fireworks :D</p>
<p style="text-align: left;"><a href="http://www.tentandote.com/wp-content/uploads/2010/08/Ubiquity_ShopforComandModifiers.png"><img class="aligncenter size-full wp-image-925" title="Ubiquity - Shop for comand + modifiers" src="http://www.tentandote.com/wp-content/uploads/2010/08/Ubiquity_ShopforComandModifiers.png" alt="Ubiquity - Shop for comand + modifiers. Prototipo original de Aza Raskin" width="700" height="865" /></a></p>
<p style="text-align: center;">Ubiquity &#8211; Shop for comand + modifiers. <a title="Ubiquity: Command &quot;Shop for&quot; + modifiers" href="http://www.flickr.com/photos/azaraskin/3274983126/sizes/o/">Prototipo original de Aza Raskin</a></p>
<p style="text-align: left;">
<p style="text-align: left;">Si os animáis, <strong>me gustaría conocer vuestra opinión  y vuestras metodologías de trabajo acerca de cómo hacéis para simular  la cinestesia -la animación-, los movimientos y las transiciones- </strong>con  las que tenemos que bregar cada vez más. Prototipos, tipología de notaciones para describir elementos y tiempos que uséis, cómo indicáis los estados de interacción etc.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tentandote.com/2010/09/14/simular-procesos-de-interaccion-y-animar-interfaces-con-microsoft-visio/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Tab Candy o la evolución de los sistemas operativos según Mozilla</title>
		<link>http://www.tentandote.com/2010/07/29/tabcandy-o-la-evolucion-de-los-sistemas-operativos-segun-mozilla/</link>
		<comments>http://www.tentandote.com/2010/07/29/tabcandy-o-la-evolucion-de-los-sistemas-operativos-segun-mozilla/#comments</comments>
		<pubDate>Thu, 29 Jul 2010 19:06:13 +0000</pubDate>
		<dc:creator>tentandote</dc:creator>
				<category><![CDATA[Desarrollo e investigación]]></category>
		<category><![CDATA[Diseño de interfaces]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Innovación]]></category>
		<category><![CDATA[Mozilla]]></category>
		<category><![CDATA[Navegadores - browsers]]></category>
		<category><![CDATA[Web móvil]]></category>
		<category><![CDATA[World Wide Web]]></category>
		<category><![CDATA[Cloud]]></category>
		<category><![CDATA[Nube]]></category>
		<category><![CDATA[sistemas operativos]]></category>
		<category><![CDATA[Tab Candy]]></category>
		<category><![CDATA[ubicuidad]]></category>

		<guid isPermaLink="false">http://www.tentandote.com/?p=882</guid>
		<description><![CDATA[Hay hitos que marcan puntos de inflexión en la Historia de la World Wide Web. Tab Candy es uno de ellos Por fin Mozilla está enseñando los dientes ante los apabullantes movimientos de sus competidores, especialmente de Chrome y de Opera, y su acelerado ritmo de desarrollo. Y lo hace con estilo. Con una derrochadora [...]]]></description>
			<content:encoded><![CDATA[<p>Hay hitos que marcan puntos de inflexión en la Historia de la World Wide Web.</p>
<p><strong>Tab Candy es uno de ellos</strong></p>
<p>Por fin Mozilla está enseñando los dientes ante los apabullantes movimientos de sus competidores, especialmente de Chrome y de Opera, y su acelerado ritmo de desarrollo.</p>
<p><strong>Y lo hace con estilo. Con una derrochadora muestra de creatividad, innovación, talento y diseño logrando que las novedades que presentan terceros navegadores parezcan no tener más que un carácter meramente anecdótico.</strong></p>
<p><strong>Tab Candy es mucho más que un simple add-on. Es</strong> el primer vistazo que nos permite echar Mozilla a lo que puede ser<strong> la base de la nueva generación de sistemas operativos que se nos vienen encima</strong>. Una generación de sistemas que se van a caracterizar por:</p>
<ul>
<li>Ser ubicuos: Podremos utilizarlos en cualquier momento, desde cualquier lugar con conexión a Internet. En lo que respecta a Firefox además de la versión para PCs, laptops y notebooks, está disponible para <a title="Firefox Mobile" href="http://www.mozilla.com/en-US/mobile/">móviles</a> la versión para Nokia, y en beta, para Android.</li>
<li>La independencia de dispositivo: Podremos usarlos en, y con cualquier tipo de dispositivos, cada versión adaptada a las características del hardware correspondiente.</li>
<li><strong>Estar centrados en la Nube: </strong><strong>Ser sistemas operativos nativos de, y concebidos para  la World Wide Web.</strong></li>
<li>Estar sincronizados y ofrecer escritorios virtuales:<strong> </strong>En el momento en que el dispositivo correspondiente tenga un punto de conexión con Internet la sincronización será automática y transparente para el usuario. Los documentos, las fotografías, las canciones, los libros se almacenarán en la nube en un espacio personal de cada individuo. Mozilla acaba de lanzar <a href="https://www.mozilla.com/en-US/mobile/home/">Firefox Home</a> que permite sincronizar con el iPhone el historial, los bookmarks y las pestañas que estén abiertas en el ordenador o dispositivo de sobremesa.<strong> </strong>Por otra parte <a title="Mozilla Labs: Sync" href="http://mozillalabs.com/sync/">Sync</a>, es un proyecto que se ha graduado en los Labs, que permite sincronizar toda la información personal entre navegadores instalados en diferentes equipos. En el momento actual y según declaran en la página del proyecto está sufriendo cambios de interfaz de usuario para su plena integración con Firefox 4.</li>
<li>Ser la <strong>identidad digital</strong>. Lo estamos  viendo en las últimas distribuciones de las diferentes versiones de  Linux y lo vamos a ver en Firefox. <strong>El sistema operativo tiende a perder su carácter de sistema operativo (y por ende su nombre rémora de una época caracterizada por centrarse en el software y no en las personas) para convertirse en un sistema personal.</strong> El reto será gestionar la privacidad de la persona, <strong>su identidad digital</strong>, y aquí, Firefox tiene mucho que decir.<strong> </strong></li>
<li>Ser sociales:  Centralizarán la gestión de toda la actividad digital social de la persona. Una persona &#8211; un navegador &#8211; un mundo de relaciones sociales. Permitirán gestionar las redes sociales en las que estemos inscritos. En este sentido, insisto, es extraordinariamente excitante lo que puede llegar a surgir de una red social descentralizada, no controlada por nadie como puede llegar a ser <a title="Diaspora: Red social descentralizada y abierta" href="http://www.joindiaspora.com/">Diaspora</a>, y su posible y futura integración con Firefox. En el momento actual Mozilla está desarrollando <a title="Mozilla Labs: Contacts" href="http://mozillalabs.com/contacts/">Contacts</a>, una extensión que permitirá gestionar los contactos personales de distintas redes sociales como Facebook o Yahoo.</li>
<li>Herramientas de comunicación: Una de nuestras principales actividades como seres humanos que somos, es la <strong>comunicación</strong>. Los nuevos sistemas operativos tenderán a integrar de forma nativa y gestionar todos los servicios y herramientas de comunicaciones que usemos:
<ul>
<li>A corto plazo la comunicación que mantenemos a través de blogs, servicios de microblogging, correo electrónico, feeds, podcasts y vídeos.</li>
<li>A medio plazo: la comunicación con terceros mediante voz y vídeoconferencia, y la integración de servicios como la televisión o la radio.</li>
</ul>
<p>En este sentido, la apuesta de Mozilla para Firefox se llama <a title="Mozilla Labs: Raindrop" href="http://mozillalabs.com/raindrop/">Raindrop</a>. Es un módulo que permitirá gestionar de manera conjunta el mail, los feeds y los servicios de microblogging como Twitter. Asimismo Thunderbird antes o después terminará igualmente integrándose en Firefox.</li>
<li>Plataforma de <strong>Software como Servicio en un primer momento</strong>: Las aplicaciones ya no se instalarán ni en el dispositivo, ni en el sistema operativo. Las aplicaciones residirán en la nube. No obstante y de cara a cuando no haya conexión con Internet, es llamativo el desarrollo en el que desde hace ya unos cuantos años lleva trabajando Mozilla llamado <a title="Mozilla Labs: Prism" href="http://mozillalabs.com/prism/">Prism</a>. Éste módulo permitirá idealmente utilizar las aplicaciones de la nube en local aun cuando no exista conexión con la Red.</li>
<li><strong>Herramientas de productividad en un segundo momento</strong>:<strong> Las aplicaciones como tales tenderán a evolucionar e integrarse de forma nativa e invisible con los navegadores</strong>. <strong>El futuro es <a title="Mozilla Labs: Ubiquity" href="http://mozillalabs.com/ubiquity/">Ubiquity</a></strong>. La barra de navegación se va a convertir en una línea de comandos o <strong>línea de lanzamiento de interacción</strong>. La barra de navegación pasará a ser el punto para comenzar a escribir un mail, buscar un libro, añadir un contacto a nuestra agenda, etc. Será una interfaz líquida que presentará una apariencia distinta de acuerdo al servicio invocado.  Lo que se venderá, o alquilará, o explotará mediante modelos freemiun basados en economía de escalas y en la Larga Cola serán servicios o funcionalidades. Para entender cuál puede ser el nuevo modelo de negocio que puede emerger es recomendable leer el <a title="Artículo de Aza Raskin sobre la línea linguística de comandos y el nuevo paradigma de interacción en tentándole.com" href="http://tentandole.blogsome.com/2009/03/30/articulo-de-aza-raskin-sobre-la-linea-linguistica-de-comandos-y-el-nuevo-paradigma-de-interaccion/">artículo que publicó en su día Aza Raskin sobre la línea lingüística de comandos y el nuevo paradigma de interacción</a>.</li>
<li>Ser gratuitos. Los beneficios no vendrán del software como producto per-se. El software será un medio para la venta de productos físicos o de terceros productos: gagdets, ordenadores, etc, o vendrán derivados de la explotación y comercialización de funcionalidades concretas invocadas a través de la línea de interacción, de la explotación de datos estadísticos del uso de los mismos, de la explotación de los datos de las búsquedas que realicen los usuarios o, simplemente serán sistemas operativos basados en desarrollos de software libre u Open Source.</li>
</ul>
<p><strong>Firefox se está convirtiendo paulatinamente en un sistema operativo ubicuo y en la nube.</strong> Así, es interesante observar la evolución natural que está sufriendo su interfaz, comparándola con el sistema desktop por excelencia de hoy día: Windows.</p>
<p>Éste es el escritorio de Windows 7:</p>
<div id="attachment_885" class="wp-caption aligncenter" style="width: 710px"><a href="http://www.tentandote.com/wp-content/uploads/2010/07/Windows7_Escritorio_700px.png"><img class="size-full wp-image-885" title="Windows 7 - Escritorio" src="http://www.tentandote.com/wp-content/uploads/2010/07/Windows7_Escritorio_700px.png" alt="Windows 7 - Escritorio" width="700" height="394" /></a><p class="wp-caption-text">Ver imagen ampliada en Flickr</p></div>
<p>Esta, la interfaz de Firefox 4  Beta 3:</p>
<p><a href="http://www.tentandote.com/wp-content/uploads/2010/07/Firefox_Beta3.png"></a><a href="http://www.tentandote.com/wp-content/uploads/2010/07/Firefox_Beta31.png"><img class="aligncenter size-full wp-image-893" title="Firefox - Beta 3" src="http://www.tentandote.com/wp-content/uploads/2010/07/Firefox_Beta31.png" alt="Firefox - Beta 3" width="704" height="561" /></a></p>
<p>Llama la atención las similitudes que pueden establecerse. <strong>En Firefox 4 </strong><strong>se está dando literalmente la vuelta a la interfaz de Windows 7</strong>. Quizá no de manera consciente e intencionada pero sí de forma natural conforme evoluciona el producto.</p>
<p>Tanto en el sistema operativo de Microsoft como en el navegador existe un botón principal que da acceso a las operaciones más comunes:</p>
<div id="attachment_895" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.tentandote.com/wp-content/uploads/2010/07/Windows7_BotonInicio.png"><img class="size-full wp-image-895" title="Windows 7 - Boton de inicio" src="http://www.tentandote.com/wp-content/uploads/2010/07/Windows7_BotonInicio.png" alt="Windows 7 - Boton de inicio" width="580" height="633" /></a><p class="wp-caption-text">Botón de inicio de Windows 7</p></div>
<p>Windows tiene una versión centrada en el dispositivo de hardware local, en las herramientas de productividad (ofimáticas, tratamiento de imágenes, hojas de cálculo, etc) y en el ocio y entretenimiento local (mis imágenes almacenadas en mi disco duro, mis canciones almacenadas en mi disco duro&#8230; una concepción opuesta a la tendencia actual del mercado que es la de consumo del ocio bajo demanda -música, vídeos y películas- mediante streaming, y de la gestión de la identidad y de la vida digital centrada en la World Wide Web).</p>
<p>Por otro lado, no ha sido hasta la llegada de Vista cuando han incluido un box que facilita la búsqueda directa de programas y archivos en el ordenador local, o el lanzamiento de aplicaciones. No obstante no está integrado con la World Wide Web ni orientado a facilitar la búsqueda en la misma. Los resultados se abren en el explorador de Windows y no amplían el rango a la Web en caso de ser necesario o requerido por parte del usuario, algo que debería cambiar en próximas versiones de Windows.</p>
<p>En cuanto a Firefox 4 Beta 3 y a su botón de inicio, tiene una visión netcentrica orientada puramente a la gestión de las páginas web, del navegador y de la navegación realizada en una sesión concreta:</p>
<div id="attachment_896" class="wp-caption aligncenter" style="width: 370px"><a href="http://www.tentandote.com/wp-content/uploads/2010/07/Firefox4_Beta3_BotonInicio.png"><img class="size-full wp-image-896" title="Firefox 4 - Beta 3 - Boton de inicio" src="http://www.tentandote.com/wp-content/uploads/2010/07/Firefox4_Beta3_BotonInicio.png" alt="Firefox 4 - Beta 3 - Boton de inicio" width="360" height="372" /></a><p class="wp-caption-text">Botón de inicio de Firefox 4 Beta 3</p></div>
<p>Mozilla reserva estas funcionalidades para el botón de inicio mientras que planea una <a title="Mozilla Labs: Concept Series - Home Tab" href="http://design-challenge.mozillalabs.com/winter09/">Home Tab o suerte de &#8220;escritorio</a>&#8221; como pestaña que se abra al comenzar la sesión en Firefox y que contendrá accesos directos a las aplicaciones en la nube más utilizadas por el usuario, contactos, historial de navegación, etc.</p>
<p>Esta aproximación es similar a la de otro gran jugador que está por llegar a la vuelta de vacaciones, Chrome OS, aunque en este caso parece que el botón de inicio tendrá la misma apariencia que el resto de <a title="Pinned Tab de Chromiun OS" href="http://dev.chromium.org/chromium-os/user-experience/tab-ui">pestañas de aplicaciones en línea</a>.</p>
<p>Llama la atención la imagen del avatar del usuario presente en la esquina inferior izquierda junto a su dirección de mail ¿nombre personal en el futuro?, y el botón para deslogarse o cerrar la sesión. Ello implica que en cualquier dispositivo sea nuestro o de terceros, en el que esté instalado Chrome OS podremos nada más logarnos, disfrutar de nuestro sistema operativo personalizado, documentos, música, etc.</p>
<p><a href="http://www.tentandote.com/wp-content/uploads/2010/07/ChromeOS_BotonInicio700.png"><img class="aligncenter size-full wp-image-903" title="Botón de inicio de Chrome OS" src="http://www.tentandote.com/wp-content/uploads/2010/07/ChromeOS_BotonInicio700.png" alt="Botón de inicio de Chrome OS" width="700" height="640" /></a></p>
<p>No obstante y aun cuando constituyen avances significativos, con Tab Candy se está dando un nuevo paso en su conceptualización e interfaz:</p>
<p><center><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="265" 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://vimeo.com/moogaloop.swf?clip_id=13560319&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="400" height="265" src="http://vimeo.com/moogaloop.swf?clip_id=13560319&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></center></p>
<p>Tab Candy <strong>es un metaescritorio</strong>. Algo parecido a los &#8220;Espacios&#8221; -Spaces- y al Expose de Leopard aunque no igual.</p>
<p>En su interior se crean lo que Aza denomina<strong> espacios de trabajo que no son sino agrupaciones o grupos de pestañas realizadas por el usuario de  acuerdo a sus propias necesidades y a su forma de organizar y categorizar la información del mundo</strong> (cada uno, tenemos una visión particular y diferente que adquirimos en  base a nuestras experiencias, nuestro conocimiento, vivencias  cotidianas etc. El conocimiento que evoca un ítem en la mente de una persona y las asociaciones que realiza con otras entidades informativas son propias de cada uno y diferentes de las de los demás. Por ende, un buen sistema de recuperación de información debería facilitar la creación de forma natural de estas agrupaciones para cada usuario. Tab Candy lo hace).</p>
<div id="attachment_889" class="wp-caption aligncenter" style="width: 710px"><a href="http://www.tentandote.com/wp-content/uploads/2010/07/Tab_Candy700.png"><img class="size-full wp-image-889" title="Tab Candy de Firefox - Nuevo sistema operativo de Mozilla" src="http://www.tentandote.com/wp-content/uploads/2010/07/Tab_Candy700.png" alt="Tab Candy de Firefox - Nuevo sistema operativo de Mozilla" width="700" height="538" /></a><p class="wp-caption-text">Ver imagen ampliada en Flickr</p></div>
<p>La disposición espacial de los espacios de trabajo según quiera el usuario (puedo reordenarlos y asignarles la posición que quiera arrastrándolos donde le parezca oportuno) y la organización de las pestañas en los mismos, facilita su posterior búsqueda y acceso. Adicionalmente el usuario podrá nombrar los grupos como desee y, en el futuro, personalizar su apariencia, guardarlos, compartirlos con terceros,  etc.</p>
<p>Por último, en la parte inferior tenemos disponible un acceso rápido a las últimas pestañas abiertas por el usuario.</p>
<p>Tab candy es un metaespacio informativo que va más allá de la metáfora actual de los escritorios de los actuales sistemas operativos y quizá lo más interesante, es que subsume en sí la World Wide Web. Es un prototipo funcional que convierte en realidad parte de la visión del <a href="http://books.google.com/books?id=D39vjmLfO3kC&#038;lpg=PP1&#038;dq=zoom%20world%20jef%20raskin&#038;pg=PA149#v=onepage&#038;q=zoom%20world&#038;f=false">Zoom World</a> de Jef Raskin: una interfaz de zoom inmersivo cuyos únicos límites eran los de la World Wide Web.</p>
<p>Una posible, bellísima y potente visualización de la Red hipertextual de redes por excelencia, con un extraordinario potencial.</p>
<p><strong>Tab Candy es algo nuevo y fresco. Firefox está tendiendo a convertirse en un sistema <span style="text-decoration: line-through;">operativo</span> personal, en la nube.</strong></p>
<p style="text-align: center;">Por fin.</p>
<p>Y tenía que venir, como no, por parte de los chicos de Mozilla y de la innovación colectiva de los Concept Series. Bien por <a title="Aza Raskin's Blog" href="http://www.azarask.in/blog/">Aza</a> y por el equipo de Experiencia de Usuario de Firefox y Mozilla Labs.</p>
<p>Con este post, <strong>esta casa cierra por vacaciones hasta septiembre</strong>. Disfrutar del verano, sed malos todo lo que podáis y a la vuelta queridos lectores, nos reencontramos.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tentandote.com/2010/07/29/tabcandy-o-la-evolucion-de-los-sistemas-operativos-segun-mozilla/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Compartir para hacer un navegador social (y más humano)</title>
		<link>http://www.tentandote.com/2010/07/24/compartir-para-hacer-un-navegador-social-y-mas-humano/</link>
		<comments>http://www.tentandote.com/2010/07/24/compartir-para-hacer-un-navegador-social-y-mas-humano/#comments</comments>
		<pubDate>Sat, 24 Jul 2010 10:42:51 +0000</pubDate>
		<dc:creator>tentandote</dc:creator>
				<category><![CDATA[Desarrollo e investigación]]></category>
		<category><![CDATA[Innovación]]></category>
		<category><![CDATA[Interfaz]]></category>
		<category><![CDATA[Navegadores - browsers]]></category>
		<category><![CDATA[navegador humano]]></category>
		<category><![CDATA[navegador social]]></category>
		<category><![CDATA[redes sociales]]></category>

		<guid isPermaLink="false">http://www.tentandote.com/?p=874</guid>
		<description><![CDATA[Estaba revisando mi timeline esta mañana cuando me he encontrado con un interesante tweet de Madhava sobre el último post que ha escrito a raíz de una charla que dió en el Mozilla Summit 2010 titulada &#8220;Diseñando para compartir&#8221;. Os recomiendo leerla antes de continuar. En ella cuenta cómo somos seres sociales, y cómo en [...]]]></description>
			<content:encoded><![CDATA[<p>Estaba revisando <a href="http://twitter.com/tentandote">mi timeline</a> esta mañana cuando me he encontrado con un interesante tweet de <a title="Madhava's Twitter" href="http://twitter.com/madhava">Madhava </a>sobre el último post que ha escrito a raíz de una charla que dió en el Mozilla Summit 2010 titulada <a title="Designing for sharing - Moz10 Lightning Talk" href="http://madhava.com/egotism/archive/005051.html">&#8220;Diseñando para compartir&#8221;</a>.</p>
<p><strong>Os recomiendo leerla antes de continuar.</strong></p>
<p>En ella cuenta cómo somos seres sociales, y cómo en las próximas versiones tanto de Fennec (Firefox móvil) y del propio Firefox, se ha de comenzar a poner el acento entre otras cosas en las herramientas de diálogo y compartición de la Web, como instrumentos socializadores y de comunicación que son.</p>
<p>A propósito del tema hace ya unos meses, para uno de los <a title="Mozilla Labs Concept Series" href="http://mozillalabs.com/conceptseries/">Mozconcept de Mozilla Labs</a> que tenía por objeto presentar ideas para rediseñar la <a title="Mozconcept Winter 2009: The home tab" href="http://design-challenge.mozillalabs.com/winter09/">pestaña de inicio</a> del navegador, hice una propuesta rápida acerca de cómo veo el futuro del navegador (está a continuación, un poco más abajo).</p>
<p>Conforme a lo que comenta Madhava en su charla, una interesante modificación para realizar en la propuesta sería, en el icono de &#8220;Personas&#8221; o &#8220;Gente&#8221;, además de los enlaces directos a las aplicaciones de redes sociales como Facebook o Tuenti, o de microbloging como Twitter, añadir iconos que representarían los principales grupos de personas con los que interactuamos en nuestro día a día, tanto de amigos como de profesionales. Al pulsar sobre los mismos se abriría una interfaz tipo bocadillo en la que podrían aparecer los avatares de todas las personas de dicho grupo. Pulsando sobre uno de ellos nos iríamos a una pestaña en el navegador en la que se presentaría el perfil de nuestro contacto generado a partir de los datos que el navegador obtendría de las APIs de las diferentes aplicaciones o, idealmente el día de mañana y si se llega a concretar en algo tangible, de <a title="Red social abierta Diaspora" href="http://www.joindiaspora.com/">redes sociales abiertas como Diaspora</a>.</p>
<p>A partir de ahí, lo dejo a vuestra imaginación ;-)</p>
<p>Por cierto, en esta propuesta falta la barra de navegación: el box para introducir las URLs que a su vez, puede convertirse en el punto de partida para cualquier tipo de interacción. O dicho más claramente: <a title="Mozilla Labs: Ubiquity" href="http://mozillalabs.com/ubiquity/">Ubiquity</a> vamos. La hice con prisas y se me olvidó ponerla.</p>
<p><a href="http://www.tentandote.com/wp-content/uploads/2010/07/Mozconcept2009_FirefoxHomeTab.png"><img class="aligncenter size-full wp-image-876" title="Mozconcept Design Challenge, Winter '2009 - Firefox - Home Tab" src="http://www.tentandote.com/wp-content/uploads/2010/07/Mozconcept2009_FirefoxHomeTab.png" alt="Mozconcept Design Challenge, Winter '2009 - Firefox - Home Tab" width="700" height="1745" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.tentandote.com/2010/07/24/compartir-para-hacer-un-navegador-social-y-mas-humano/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Mouseless: diluyendo el ratón e interacción ubicua con ordenadores y móviles</title>
		<link>http://www.tentandote.com/2010/06/22/mouseless-diluyendo-el-raton-e-interaccion-ubicua-con-ordenadores-y-moviles/</link>
		<comments>http://www.tentandote.com/2010/06/22/mouseless-diluyendo-el-raton-e-interaccion-ubicua-con-ordenadores-y-moviles/#comments</comments>
		<pubDate>Tue, 22 Jun 2010 18:19:58 +0000</pubDate>
		<dc:creator>tentandote</dc:creator>
				<category><![CDATA[Desarrollo e investigación]]></category>
		<category><![CDATA[Dispositivos]]></category>
		<category><![CDATA[Ergonomía]]></category>
		<category><![CDATA[Hardware]]></category>
		<category><![CDATA[Interacción]]></category>
		<category><![CDATA[movilidad]]></category>
		<category><![CDATA[MIT]]></category>
		<category><![CDATA[mouse]]></category>
		<category><![CDATA[móvil]]></category>
		<category><![CDATA[móviles]]></category>
		<category><![CDATA[periféricos]]></category>
		<category><![CDATA[Pranav Mistri]]></category>

		<guid isPermaLink="false">http://www.tentandote.com/?p=800</guid>
		<description><![CDATA[Pranav Mistri es quizá uno de los investigadores que más están haciendo por humanizar y revolucionar el modelo de interacción actual que mantenemos con los ordenadores y dispositivos tecnológicos. Después de trabajar en su proyecto del Sexto Sentido, ahora, Mistri, acaba de anunciar uno nuevo, el ratón invisible: De momento el periférico que nos sirve [...]]]></description>
			<content:encoded><![CDATA[<p><a title="Pranav Mistri. Personal page" href="http://www.pranavmistry.com/">Pranav Mistri</a> es quizá uno de los investigadores que más están haciendo por humanizar y revolucionar el modelo de interacción actual que mantenemos con los ordenadores y dispositivos tecnológicos.</p>
<p>Después de trabajar en su proyecto del Sexto Sentido, ahora, Mistri, acaba de anunciar uno nuevo, el ratón invisible:</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/yHGODp0b8Ks&amp;rel=0&amp;color1=0x6699&amp;color2=0x54abd6&amp;hl=en_US&amp;feature=player_embedded&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="640" height="385" src="http://www.youtube.com/v/yHGODp0b8Ks&amp;rel=0&amp;color1=0x6699&amp;color2=0x54abd6&amp;hl=en_US&amp;feature=player_embedded&amp;fs=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>De momento el periférico que nos sirve de &#8220;dedo digital&#8221; se diluye y desaparece quedando sólo lo que tiene que quedar para llevar a cabo una interacción natural: nuestra mano.</p>
<p>La pregunta es: ¿Cuando sucederá lo mismo con el ordenador? ¿Para qué necesitamos un pesado monitor o un pesado equipo portátil, o neetbok, o tablet cuando el día de mañana podremos tener proyectores holográficos que hagan las veces de los mismos y que podamos llevar en un bolsillo?</p>
<p>Esa es la nueva visión de futuro, a mi entender, en la que debería comenzar a trabajarse. Y no creo ni que esté desvariando ni que sea ciencia ficción ¿o acaso no existen ya prototipos de televisiones en 3D?</p>
<p>Pros de la propuesta de Mistri de hacer invisible el ratón: pues eso mismo, el más importante, interactuamos contra el dispositivo con nuestra mano.</p>
<p>Contras: habrá que ver cómo impacta en el uso del ordenador si algún día Mistri lo comercializa dado que, desde un punto de vista ergonómico y para preveer posibles enfermedades profesionales como la del metacarpio, el diseño de algunos ratones es el óptimo para las jornadas laborales cotidianas.</p>
<p>En cualquier caso seguimos atados por el <a title="Microsoft Surface, trackpad de MacBook, bolígrafos, manos y las interfaces táctiles" href="http://tentandole.blogsome.com/2008/11/16/microsoft-surface/">paradigma del cursor único para interactuar con la interficie</a> cuando tenemos 10 dedos y dos palmas, dos brazos, un pecho, dos piernas y una cabeza que podrían hacer lo mismo (¿para cuando una aplicación de Kinect profesional más allá de los videojuegos?). Me encantaría trabajar en proyectos de innovación en este campo. A buen seguro que sería excitante conceptualizar lo que serían los próximos sistemas operativos: los sistemas de interfaz humana (literalmente) :-)</p>
<p>Sea como sea, la visión de futuro que Microsoft preconizaba en su serie <a href="http://www.officelabs.com/Pages/Envisioning.aspx">&#8220;Envisioning&#8221;</a> comienza a hacerse realidad tan sólo año y medio después de que lanzaran los vídeos:</p>
<ul>
<li>En el minuto 1.20 podéis observar cómo cualquier superficie transparente se convierte en una potencial interficie sobre la que proyectar la interfaz.</li>
<li>En el minuto 1.30 vemos la interacción gestual con la mano.</li>
</ul>
<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/HvA9lA7_5FE&amp;hl=en_US&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="640" height="385" src="http://www.youtube.com/v/HvA9lA7_5FE&amp;hl=en_US&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>Lo dicho, el próximo paso de la visión: conceptualizar cómo podemos interactuar con objetos holográficos. De momento, algunos ya están trabajando experimentalmente en ello desde hace tiempo:</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/Y-P1zZAcPuw&amp;color1=0xb1b1b1&amp;color2=0xd0d0d0&amp;hl=es_ES&amp;feature=player_embedded&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="640" height="385" src="http://www.youtube.com/v/Y-P1zZAcPuw&amp;color1=0xb1b1b1&amp;color2=0xd0d0d0&amp;hl=es_ES&amp;feature=player_embedded&amp;fs=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>&#8230;y un gadget que para nosotros se ha vuelto tan cotidiano e imprescindible como ese que nos acompaña permanentemente en el bolsillo, el móvil, todavía tiene que dar muchas sorpresas dado que además de miniordenador, puede ser perfectamente un proyector, y al incorporar cámara puede detectar el movimiento de nuestras manos y por ende, podríamos interactuar con objetos holográficos que proyectase.</p>
<p>Las posibilidades son excitantes en cuanto a lo que a Interacción se refiere y las nuevas fronteras de la tecnología, como siempre, sorprendentes.</p>
<p>¿Acaso podía ser de otra forma? :-)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tentandote.com/2010/06/22/mouseless-diluyendo-el-raton-e-interaccion-ubicua-con-ordenadores-y-moviles/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

