<?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; Diseño de interacción</title>
	<atom:link href="http://www.tentandote.com/category/diseno-de-interaccion/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>Interfaces digitales flexibles para mejorar la interacción con los dispositivos</title>
		<link>http://www.tentandote.com/2011/09/06/interfaces-digitales-flexibles-para-mejorar-la-interaccion-con-los-dispositivos/</link>
		<comments>http://www.tentandote.com/2011/09/06/interfaces-digitales-flexibles-para-mejorar-la-interaccion-con-los-dispositivos/#comments</comments>
		<pubDate>Tue, 06 Sep 2011 07:49:01 +0000</pubDate>
		<dc:creator>tentandote</dc:creator>
				<category><![CDATA[Controles de interfaz]]></category>
		<category><![CDATA[Diseño de interacción]]></category>
		<category><![CDATA[Diseño de interfaces]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Innovación]]></category>
		<category><![CDATA[Interacción]]></category>
		<category><![CDATA[funcionamiento]]></category>
		<category><![CDATA[gestos]]></category>
		<category><![CDATA[interacción gestual]]></category>
		<category><![CDATA[interfaces flexibles]]></category>
		<category><![CDATA[investigación]]></category>
		<category><![CDATA[modelo mental del usuario]]></category>
		<category><![CDATA[Osaka]]></category>
		<category><![CDATA[rueda del ratón]]></category>

		<guid isPermaLink="false">http://www.tentandote.com/?p=1616</guid>
		<description><![CDATA[De sorpresa en sorpresa es lo que se puede decir al ver los conceptos de diseño y prototipos tecnológicos de múltiples compañías y grupos de investigación japoneses que se pueden ver recopilados en las galerías temáticas de Diginfo TV. Concretamente os recomiendo echarle un vistazo a las galerías de Interfaces y Móviles. Aunque son muchos [...]]]></description>
			<content:encoded><![CDATA[<p>De sorpresa en sorpresa es lo que se puede decir al ver los conceptos de diseño y prototipos tecnológicos de múltiples compañías y grupos de investigación japoneses que se pueden ver recopilados en las galerías temáticas de <a title="Diginfo TV" href="http://www.diginfo.tv/">Diginfo TV</a>.</p>
<p>Concretamente os recomiendo echarle un vistazo a las galerías de <a title="Gallery of interfaces projects. DigInfo TV" href="http://www.diginfo.tv/search.php?tag=INTERFACE">Interfaces</a> y <a title="Gallery of mobile projects. DigInfo TV" href="http://www.diginfo.tv/search.php?tag=MOBILE">Móviles</a>.</p>
<p>Aunque son muchos los vídeos, destacar dos que me han llamado la atención:</p>
<p><object width="650" height="395"><param name="movie" value="http://www.youtube.com/v/s5TPUNns3LE?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="395" src="http://www.youtube.com/v/s5TPUNns3LE?version=3&amp;hl=en_US" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>En el concepto de<strong> interfaz flexible</strong> investigadores de la universidad de Osaka conceptualizan la misma como un material flexible que se estira o contrae cuando el usuario presiona sobre un punto de la pantalla y arrastra el dedo en una dirección. De esta forma pueden conseguir ver el punto de partida desde el cual se ha arrancado, el punto final al que se llega y el contenido intermedio (aunque sea con un cierto grado de distorsión). El usuario puede además decidir si desea hacer efectivamente el scroll, hacer una suerte de zoom interactivo -apoyándose en un dedo adicional extra para abarcar el área desde el punto de toque de inicio al punto de toque final- o recuperar la forma inicial de la interfaz después de haber examinado el contenido circundante en una dirección.</p>
<p>Desde un punto de vista de interacción humana esté &#8220;comportamiento&#8221; de la interfaz es mucho más cercano al de los materiales físicos con los que interactuamos cotidianamente tales como el papel, y tiene la particularidad de que aporta una affordance extra que mejora el modelo de interacción que mantenemos con las interfaces a través de pantallas táctiles y gestos de la mano.</p>
<p>El vídeo viene al caso para reflexionar sobre la problemática que Donald Norman exponía recientemente en su artículo la <a title="Gestures Wars. Article of Core 77 Design Magazine" href="http://www.core77.com/blog/columns/gesture_wars_20272.asp">&#8220;Guerra de gestos&#8221;</a> (enlace vía: <a title="Twitter de Usolab" href="http://twitter.com/#!/usolab">@Usolab</a>) acerca de la convivencia del actual modelo de interacción mediante el ratón y el cambio de paradigma que está imponiendo la introducción de los nuevos periféricos como el Trackpad de Apple o el Magic Mouse junto al nuevo conjunto de gestos para interaccionar con pantallas táctiles. A saber:</p>
<p>Cualquier interfaz <strong>física</strong> como por ejemplo el papel impone unas limitaciones espaciales a la representación de la información: en ella no se puede representar o contener más información de la que puede inscribirse en su superficie.</p>
<p>En los dispositivos digitales esta limitación está igualmente vigente pero presentan la gran diferencia de que <strong>al ser la pantalla digital</strong> (ya sea de un ordenador ya de un móvil) <strong>y al ser la información digital y líquida</strong> podemos presentar y &#8220;desplegar&#8221; información más allá de los límites físicos de la pantalla -de sus bordes-.</p>
<p>Desde las primeras interfaces gráficas de usuario de los ordenadores, el control por excelencia que se ha utilizado para indicar que existía más lienzo con más información que desbordaba la pantalla, ha sido el ascensor que aparecía en el lado derecho de la misma. Cuando el usuario interactuaba sobre dicho control <strong>el efecto que percibía era el de un marco estático -la pantalla del dispositivo- a través del cual visualizaba el contenido en un lienzo que se iba moviendo</strong>.</p>
<p>Con la introducción de la rueda del ratón, el estándar que se adoptó como modelo de interacción era:</p>
<ul>
<li>Al desplazar la rueda del ratón hacia arriba, el ascensor vertical sube y el contenido baja.</li>
<li>Al desplazar la rueda del ratón hacia abajo, el ascensor vertical baja y el contenido sube.</li>
</ul>
<p>Un posible modelo mental del usuario para describir este funcionamiento podría equivaler al de  una persona que está parada y que acciona una polea:</p>
<ul>
<li><strong> </strong> La vista del usuario -el marco o pantalla- permanece estático.</li>
<li>La parte interior de la cuerda -el lienzo- asciende cuando el usuario tira de la cuerda exterior hacia abajo (con lo cual el control del ascensor desciende) y viceversa.</li>
</ul>
<p>Con la llegada de las   pantallas táctiles y de nuevos periféricos de entrada del ordenador tales como el Magic Mouse o el  Trackpad de Apple se está consolidando un modelo de interacción basado en   gestos que al ejecutarse tienen una respuesta directa y equivalente a la interacción que tenemos con los materiales físicos.</p>
<p>Así, Apple ha decidido cambiar el funcionamiento por defecto de la rueda del ratón invirtiendo el patrón al que estamos acostumbrados.</p>
<p>La confusión desde un punto de vista cognitivo se produce cuando el usuario se encuentra con un control físico -una rueda- y unos controles digitales -un lienzo con el contenido- y una cuerda exterior -el control del ascensor- cuyo funcionamiento debería corresponderse con los de un modelo físico, el del hombre que acciona una polea, pero que sin embargo no se corresponde.</p>
<p><a href="http://www.tentandote.com/wp-content/uploads/2011/09/Rueda-del-raton-Modelo-mental-de-usuario-horizontal.png"><img class="aligncenter size-full wp-image-1641" title="Rueda del ratón - Modelo mental del usuario - Ratón en horizontal" src="http://www.tentandote.com/wp-content/uploads/2011/09/Rueda-del-raton-Modelo-mental-de-usuario-horizontal.png" alt="Rueda del ratón - Modelo mental del usuario - Ratón en horizontal" width="550" height="454" /></a></p>
<p style="text-align: center;">En la figura (a) se puede observar una representación esquemática del funcionamiento actual de la rueda del ratón en un plano horizontal. Al accionar la rueda ésta ejerce tracción sobre el lienzo (contenido) y lo desplaza hacia atrás.</p>
<p style="text-align: center;">En la figura (b) se observa el cambio de funcionamiento que ha aplicado Apple y la ruptura del modelo físico. La rueda del ratón ya no funciona como una polea sino que el movimiento de la  mano es como si se deslizara desde la rueda al lienzo (contenido) para  empujarlo hacia adelante, de ahí deriva la confusión cognitiva.</p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;"><a href="http://www.tentandote.com/wp-content/uploads/2011/09/Rueda-del-raton-Modelo-mental-de-usuario-vertical.png"><img class="aligncenter size-full wp-image-1643" title="Rueda del ratón, marco y ojo humano - Modelo mental del usuario - Vertical" src="http://www.tentandote.com/wp-content/uploads/2011/09/Rueda-del-raton-Modelo-mental-de-usuario-vertical.png" alt="Rueda del ratón, marco y ojo humano - Modelo mental del usuario - Vertical" width="650" height="397" /></a></p>
<p style="text-align: center;">En la figura (c) se complementa el modelo mental del funcionamiento actual de la rueda del ratón. El gráfico se gira 90º a la derecha para ponerlo en vertical (al igual que el monitor de un ordenador) y se añade en color naranja, el marco o ventana a través del cual el ojo observa el contenido o lienzo.</p>
<p style="text-align: center;">En la figura (d) se expone el cambio de modelo que ha aplicado Apple.</p>
<p>&nbsp;</p>
<p>¿Por qué ha tomado Apple esta decisión entonces?</p>
<p>La respuesta puede ser porque esté pensando prescindir de ahora en adelante de la rueda del ratón (y quizá del ratón mismo) en favor de un modelo de interacción que se ejecute directamente con los dedos sobre una superficie plana como la del <a title="Magic Trackpad de Apple" href="http://www.apple.com/es/magictrackpad/">Trackpad</a>.</p>
<p>En esta superficie no existen ruedas para desplazar el contenido con lo que no hay confusión posible. La respuesta a la acción que ejecuta la mano es directa: Si los dedos se desplazan sobre la superficie del Trackpad hacia arriba el lienzo con el contenido se desplaza hacia arriba. Igual que en el mundo físico donde si los dedos presionan sobre un folio y ejercen presión hacia el lado de la mesa más alejado del usuario- el folio se desplaza en dicha dirección.</p>
<p>¿Qué es lo que llama la atención y lo que me gusta del vídeo de las interfaces flexibles?</p>
<p><strong>Pues que añaden una affordance extra que hasta ahora no se ha considerado en el mundo digital aportando un indicio cognitivo adicional para mejorar la interacción con las interfaces digitales:</strong></p>
<p><strong>Hasta ahora el lienzo siempre se ha considerado como una superficie rígida. Sin embargo los investigadores del proyecto consideran el lienzo del contenido cómo una superficie flexible que se puede doblar y distorsionar. Justo igual que sucede en el mundo físico dado que en función de la rugosidad de la superficie por la que se desplace el material (por ejemplo un folio), de su adherencia o de cómo lo cojamos, ésta puede presentar mayor o menor resistencia lo que puede suponer que el material se arrugue más o menos.</strong></p>
<p>Esta affordance junto a la supresión del actual modelo de funcionamiento de la rueda del ratón en favor de una interacción a través de una superficie plana como la del Trackpad de Apple, ofrece una respuesta más cercana y consistente a la interacción física que mantenemos con los objetos que nos rodean.</p>
<p><strong>Un pequeño paso más en la evolución hacia una interacción más humana con los ordenadores personales y dispositivos móviles.</strong></p>
<p>En cuanto al otro vídeo, hace alusión a la concepción del teléfono móvil como un dispositivo extensible al que se le pueden añadir todo tipo de complementos para dotarlo de funcionalidades adicionales y a cómo se puede combinar con el software para, literalmente, aumentar nuestra percepción de la realidad: tanto visual, como háptica o sonora.</p>
<p><object width="650" height="395"><param name="movie" value="http://www.youtube.com/v/M5sit35RPuI?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="395" src="http://www.youtube.com/v/M5sit35RPuI?version=3&amp;hl=en_US" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p style="text-align: center;">&#8211;O&#8211;</p>
<p style="text-align: left;">NOTA ADICIONAL</p>
<p style="text-align: left;">Las metáforas y los posibles modelos mentales de usuario que se pueden concebir para describir el funcionamiento de la rueda del ratón y su respuesta en el desplazamiento del contenido de la pantalla son múltiples dado que dependen de diversos factores entre los que se encuentra el punto de referencia que se tome por parte del observador, el movimiento del mismo (si se encuentra parado o no)  si la percepción del objeto que se mueve viene dada por el ojo que sigue con la mirada al objeto, etc. Al respecto, un par de documentos introductorios sobre la percepción psicológica del movimiento:</p>
<ul>
<li><a title="Percepción del movimiento. Rincón del vago" href="http://html.rincondelvago.com/percepcion-del-movimiento.html">Percepción del movimiento</a></li>
<li><a title="Percepción visual del movimiento" href="http://www.google.es/url?sa=t&amp;source=web&amp;cd=8&amp;ved=0CFUQFjAH&amp;url=http%3A%2F%2Fwww.uned.es%2Fca-bergara%2Fppropias%2FPs_general_I%2Fpresencial%2Ftutoria_2PP%2Fcap9.pdf&amp;rct=j&amp;q=percepci%C3%B3n%20del%20movimiento%20teor%C3%ADa%20de%20gibson&amp;ei=yIVgToPcG4_wsgbxmrDcDQ&amp;usg=AFQjCNEcuOxXLbI6P9KiSVGehf4P-DpaWQ&amp;cad=rja">Percepción visual del movimiento</a> (PDF)</li>
</ul>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tentandote.com/2011/09/06/interfaces-digitales-flexibles-para-mejorar-la-interaccion-con-los-dispositivos/feed/</wfw:commentRss>
		<slash:comments>0</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>Reimaginando el email</title>
		<link>http://www.tentandote.com/2011/07/16/reimaginando-el-email/</link>
		<comments>http://www.tentandote.com/2011/07/16/reimaginando-el-email/#comments</comments>
		<pubDate>Sat, 16 Jul 2011 08:25:55 +0000</pubDate>
		<dc:creator>tentandote</dc:creator>
				<category><![CDATA[Concepto - Idea]]></category>
		<category><![CDATA[Diseño de interacción]]></category>
		<category><![CDATA[Diseño de interfaces]]></category>

		<guid isPermaLink="false">http://www.tentandote.com/?p=1575</guid>
		<description><![CDATA[Cómo comentaba Aza en el tuit a través del cual lo descubrí tiene detalles de interacción majos y un diseño de interfaz limpio, muy limpio. Me encanta la ventana para escribir un nuevo email. La propuesta con un poco más de información.]]></description>
			<content:encoded><![CDATA[<p>Cómo comentaba <a href="http://twitter.com/#!/azaaza">Aza</a> en el tuit a través del cual lo descubrí tiene detalles de interacción majos y un diseño de interfaz limpio, muy limpio. Me encanta la ventana para escribir un nuevo email.</p>
<p><iframe src="http://player.vimeo.com/video/25588286?title=0&amp;byline=0&amp;portrait=0" width="651" height="366" frameborder="0"></iframe></p>
<p><a href="http://www.personamail.info/">La propuesta</a> con un poco más de información.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tentandote.com/2011/07/16/reimaginando-el-email/feed/</wfw:commentRss>
		<slash:comments>1</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>Humanizar la tecnología</title>
		<link>http://www.tentandote.com/2011/01/27/humanizar-la-tecnologia/</link>
		<comments>http://www.tentandote.com/2011/01/27/humanizar-la-tecnologia/#comments</comments>
		<pubDate>Thu, 27 Jan 2011 09:30:43 +0000</pubDate>
		<dc:creator>tentandote</dc:creator>
				<category><![CDATA[Diseño de interacción]]></category>
		<category><![CDATA[Prospectiva de la información]]></category>
		<category><![CDATA[Reflexiones]]></category>
		<category><![CDATA[móviles]]></category>
		<category><![CDATA[tecnología]]></category>

		<guid isPermaLink="false">http://www.tentandote.com/?p=1200</guid>
		<description><![CDATA[&#8220;Tecnología centrada en los humanos y en lo social, no en las aplicaciones ni en las funciones&#8221; (de un twitter de hace tiempo) Cuba es un país fascinante. La Habana tiene un sabor que no tiene ninguna otra de las ciudades que hasta la fecha he visitado. Respira vida, salsa, grandeza pasada, años 60, decadencia, [...]]]></description>
			<content:encoded><![CDATA[<blockquote>
<p style="text-align: center;"><strong>&#8220;Tecnología centrada en los humanos y en lo social,<br />
no en las aplicaciones ni en las funciones&#8221;<br />
</strong>(de un <a title="Twitter de Francisco Tosete (Tentándote.com)" href="http://twitter.com/#!/tentandote">twitter</a> de hace tiempo)<strong><br />
</strong></p>
</blockquote>
<p>Cuba es un país fascinante.</p>
<p>La Habana tiene un sabor que no tiene ninguna otra de las ciudades que hasta la fecha he visitado. Respira vida, salsa, grandeza pasada, años 60, decadencia, alegría, desenfado, piña colada, amor, sensualidad y calor&#8230;</p>
<p><a href="http://www.tentandote.com/wp-content/uploads/2011/01/Cuba_ManosAutobus.jpg"><img class="aligncenter size-full wp-image-1290" title="Cuba - Autobús y manos abiertas" src="http://www.tentandote.com/wp-content/uploads/2011/01/Cuba_ManosAutobus.jpg" alt="Cuba - Autobús y manos abiertas" width="600" height="402" /></a></p>
<p><a href="http://www.tentandote.com/wp-content/uploads/2011/01/Cuba_EstadioBeisbol.jpg"></a><a href="http://www.tentandote.com/wp-content/uploads/2011/01/Cuba_CochesPuerto.jpg"><img class="aligncenter size-full wp-image-1292" title="Cuba - Taxis antiguos en el Malecón de la Habana" src="http://www.tentandote.com/wp-content/uploads/2011/01/Cuba_CochesPuerto.jpg" alt="Cuba - Taxis antiguos en el Malecón de la Habana" width="600" height="402" /></a></p>
<p><a href="http://www.tentandote.com/wp-content/uploads/2011/01/Cuba_CochedeFrente.jpg"><img class="aligncenter size-full wp-image-1293" title="Cuba - Coche antiguo de frente en la Habana" src="http://www.tentandote.com/wp-content/uploads/2011/01/Cuba_CochedeFrente.jpg" alt="Cuba - Coche antiguo de frente en la Habana" width="600" height="896" /></a></p>
<p><a href="http://www.tentandote.com/wp-content/uploads/2011/01/Cuba_Sirena.jpg"><img class="aligncenter size-full wp-image-1295" title="Cuba - Estatua de mujer joven desnuda" src="http://www.tentandote.com/wp-content/uploads/2011/01/Cuba_Sirena.jpg" alt="Cuba - Estatua de mujer joven desnuda" width="600" height="896" /></a></p>
<p><a href="http://www.tentandote.com/wp-content/uploads/2011/01/Cuba_Escalera.jpg"><img class="aligncenter size-full wp-image-1294" title="Cuba - Escalera antigua en vivienda de la Habana" src="http://www.tentandote.com/wp-content/uploads/2011/01/Cuba_Escalera.jpg" alt="Cuba - Escalera antigua en vivienda de la Habana" width="600" height="896" /></a></p>
<p><a href="http://www.tentandote.com/wp-content/uploads/2011/01/Cuba_Pintor.jpg"><img class="aligncenter size-full wp-image-1296" title="Cuba - Pintor pintando un cuadro con paleta de colores" src="http://www.tentandote.com/wp-content/uploads/2011/01/Cuba_Pintor.jpg" alt="Cuba - Pintor pintando un cuadro con paleta de colores" width="600" height="402" /></a></p>
<p style="text-align: center;"><a href="../wp-content/uploads/2011/01/Cuba_Palmeras.jpg"><img class="aligncenter" title="Cuba - Palmeras" src="../wp-content/uploads/2011/01/Cuba_Palmeras.jpg" alt="Cuba - Palmeras" width="600" height="800" /></a></p>
<p>No siempre uno tiene la oportunidad de poder evadirse unos días en diciembre e irse a un lugar como Cuba pero este año, y por las mismas circunstancias que no vienen al caso citar de las que hablaba en mi post de cierre de año, así fue.</p>
<p>Por Cuba anduve unos días y además de fascinarme la gente y la vida de la Habana, si algo se me quedó marcado de manera indeleble, fue <strong>la práctica total ausencia de teléfonos móviles</strong> con la excepción de los que tenían los representantes de nuestros touroperadores:</p>
<p style="text-align: center;"><strong>&#8220;La cadena que tengo al cuello&#8230;&#8221;</strong></p>
<p>&#8230;que lo llamó con desenfado la mujer ya algo mayor que vino a recibirnos cuando aterrizamos en el aeropuerto de la Habana.</p>
<p>En Cuba casi, no hay ordenadores, ni netbooks, ni tablets, ni iPods, ni iPads ni casi ninguno de los miles de gadgets tecnológicos cotidianos que vemos por las calles de, por ejemplo, Madrid.</p>
<p>Es una sensación extraña. La gente vive de otra forma. ¿Más social? ¿Más humana? La gente vive en la calle, se baja las sillas para hablar a las puertas de casa, se sientan en grupos en las plazas, se juntan al calor nocturno de la salsa cubana de los bares de la Habana y juegan al beisbol por doquier.</p>
<p><a href="http://www.tentandote.com/wp-content/uploads/2011/01/Cuba_EstadioBeisbol1.jpg"><img class="aligncenter size-full wp-image-1304" title="Cuba - Estadio de Beisbol en el Malecón de la Habana" src="http://www.tentandote.com/wp-content/uploads/2011/01/Cuba_EstadioBeisbol1.jpg" alt="Cuba - Estadio de Beisbol en el Malecón de la Habana" width="600" height="477" /></a></p>
<p><a href="http://www.tentandote.com/wp-content/uploads/2011/01/Cuba_EstadioBeisbol1.jpg"></a><a href="http://www.tentandote.com/wp-content/uploads/2011/01/Cuba_TallerExperimentalGrafica.jpg"><img class="aligncenter size-full wp-image-1305" title="Cuba - Taller Experimental de Gráfica en la Habana Vieja" src="http://www.tentandote.com/wp-content/uploads/2011/01/Cuba_TallerExperimentalGrafica.jpg" alt="Cuba - Taller Experimental de Gráfica en la Habana Vieja" width="600" height="462" /></a></p>
<p>En Cuba casi no hay móviles, ni casi teléfonos fijos, ni cabinas telefónicas. Pero en la terminal del pequeño aeropuerto de los vuelos nacionales &#8220;Aerogaviota&#8221; en los que nos montamos y donde hicimos el check-in con un ordenador Lenovo, listados impresos y a mano, camino de nuestro siguiente destino en la isla, había una cabina teléfonica pública que atrajo mi atención y me dejó pensativo y reflexionando:</p>
<p><a href="http://www.tentandote.com/wp-content/uploads/2011/01/Cuba_TelefonoMano.jpg"><img class="aligncenter size-full wp-image-1279" title="Teléfono fijo y auricular en Cuba" src="http://www.tentandote.com/wp-content/uploads/2011/01/Cuba_TelefonoMano.jpg" alt="Teléfono fijo y auricular en Cuba" width="600" height="869" /></a></p>
<p><a href="http://www.tentandote.com/wp-content/uploads/2011/01/Cuba_TelefonoTeclado.jpg"><img class="aligncenter size-full wp-image-1278" title="Teclado de un teléfono fijo en Cuba" src="http://www.tentandote.com/wp-content/uploads/2011/01/Cuba_TelefonoTeclado.jpg" alt="Teclado de un teléfono fijo en Cuba" width="600" height="738" /></a></p>
<p>Concretamente me dejó reflexionando sobre cómo evoluciona la tecnología y el impacto tan fundamental que tiene en el desarrollo de cualquier sociedad. Sobre cómo el ciclo inherente de cualquier dispositivo tecnológico que evoluciona correctamente y pervive es tender hacia la miniaturización (tal y como apuntaba en la universidad el profesor <a title="Sebastián Dormido Bencomo. Catedrático de Informática" href="http://www.madrimasd.org/cienciaysociedad/entrevistas/quien-es-quien/detalleGrupo.asp?id=156">Dormido Bencomo</a> en uno de sus extraordinarios cursos de Humanidades) y sobre cómo a medida que la caja negra que es cualquiera de esos dispositivos (¿alguién sabe cómo funciona un móvil? ¿alguien lo podría construir en su casa?) se hace más negra y <strong>a medida que la tecnología gana en complejidad y potencia, la interfaz del dispositivo tiende a hacerse líquida,  y más y más humana y más social.</strong></p>
<p><strong>Y es que&#8230;<br />
</strong></p>
<p style="text-align: center;"><strong>La interfaz humaniza la tecnología</strong></p>
<p>Fijaros en la foto de un poco más árriba, en el teclado del teléfono fijo.</p>
<p>El que viene a continuación es el teclado virtual de mi teléfono Android.</p>
<p><a href="http://www.tentandote.com/wp-content/uploads/2010/12/Teclado.gif"></a><a href="http://www.tentandote.com/wp-content/uploads/2010/12/TecladoMovil.png"><img class="aligncenter size-full wp-image-1259" title="Prototipo de teclado virtual de teléfono móvil" src="http://www.tentandote.com/wp-content/uploads/2010/12/TecladoMovil.png" alt="Prototipo de teclado virtual de teléfono móvil" width="300" height="450" /></a></p>
<p>Virtual o no, entre ambos casi no hay variación. <strong>La interfaz del dispositivo es heredera y está cautiva del estado evolutivo de la tecnología de hace 20 años.</strong></p>
<p>Un detalle que me llamó mucho la atención en el teléfono fijo y que podéis ver en la foto es el espacio con el papel en blanco para escribir el &#8220;número del teléfono&#8221; que identifica a esa cabina telefónica.</p>
<p>Números para comunicarse. ¿Por qué, si la comunicación se da entre personas?</p>
<p>Éste, por ejemplo, podría ser &#8220;mi número&#8221; de teléfono:</p>
<p><a href="http://www.tentandote.com/wp-content/uploads/2010/12/NumeroMovil.png"><img class="aligncenter size-full wp-image-1260" title="Número de móvil" src="http://www.tentandote.com/wp-content/uploads/2010/12/NumeroMovil.png" alt="Número de móvil" width="300" height="73" /></a></p>
<p>Y no obstante éste soy yo, que poco tengo que ver con un número:</p>
<p><a href="http://www.tentandote.com/wp-content/uploads/2010/12/YoParisLouvre2.png"></a><a href="http://www.tentandote.com/wp-content/uploads/2010/12/Paris_Louvre.png"><img class="aligncenter size-full wp-image-1261" title="En el Louvre de París" src="http://www.tentandote.com/wp-content/uploads/2010/12/Paris_Louvre.png" alt="En el Louvre de París" width="300" height="378" /></a></p>
<p>Me llama la atención el abismo que hay entre la tecnología, las limitaciones de diseño que imponen las mismas y las personas que utilizan dichas tecnologías.</p>
<p>Desde un punto de vista de la tecnología somos un &#8220;número&#8221;, no somos personas. Máquinas, no personas.</p>
<p>El dispositivo que nos permite comunicarnos, el teléfono, ha ido evolucionando. Ha pasado de ser fijo a ser móvil. Y de ser un móvil a ser una &#8220;navaja suiza&#8221; multifunción capaz de <a title="Official Google Mobile Blog: Google Translate for Android" href="http://googlemobile.blogspot.com/2011/01/new-look-for-google-translate-for.html">permitirnos comunicarnos con personas de otras culturas que no hablen nuestro idioma en tiempo real</a> y síncrono igual que si estuviéramos hablando con cualquier amigo nuestro o familiar. Y la interfaz está tendiendo a diluirse. De su forma física, inmutable, ha pasado a ser líquida, mutable, virtual, multimodal, accesible respondiendo a nuestra voz y a nuestro tacto humanizándose y permitiéndonos interactuar con ella de manera más natural comunicándonos con los aparatos con simples gestos:</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="640" height="390" 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/S7PvCuc3WPQ&amp;hl=es_ES&amp;feature=player_embedded&amp;version=3" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="640" height="390" src="http://www.youtube.com/v/S7PvCuc3WPQ&amp;hl=es_ES&amp;feature=player_embedded&amp;version=3" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
La tecnología de <a title="Elliptics Labs" href="http://www.ellipticlabs.com/">Elliptic Labs</a> genera un campo de ultrasonidos de unos 30 centímetros lo que permite interactuar con el dispositivo sin tocar la pantalla. Esta <a title="Read Write Web: Características previsibles del iPad 2" href="http://www.readwriteweb.es/sim/caracteristicas-previsibles-ipad-2/">tecnología presumiblemente estará presente en el iPad 2</a></p>
<p>Es esta mutabilidad la que nos permite que en un mismo área, la interfaz cambie de manera dinámica y que <strong>allá donde antes teníamos teclas físicas o virtuales para teclear un número impersonal de teléfono, ahora</strong> en las agendas de contacto de nuestros móviles <strong>tengamos nombres y caras</strong> de nuestros <strong>amigos y familia.</strong></p>
<p style="text-align: center;"><strong>Una tecnología más humana y para personas, no para máquinas.</strong></p>
<p><strong>Los nombres</strong> de la agenda de <strong>contactos</strong> de mi teléfono móvil Android <strong>son mucho más sociales y eficientes a la hora de recordarlos que los números</strong> (ahora mismo no soy capaz de acordarme de memoria de ninguno de los números de teléfono de mis mejores amigos) <strong>y si van acompañados de una foto de la persona, todavía más</strong>.</p>
<p>Quizá la interacción de agregar a alguien a la agenda debería ser tan fácil como tocar los dos teléfonos móviles, el de la persona de la que quiero agregar a mi agenda y el mío. A quien quiero agregar le aparecería una invitación en la pantalla de su móvil que debería aceptar para completar el proceso. A partir de ahí, automáticamente el móvil incorporaría su nombre y número de teléfono y si lo autorizásemos podría grabar cualesquiera otros datos personales que quisiéramos compartir tales como nuestra dirección de casa, correo electrónico, cumpleaños, los nombres de nuestros hijos o pareja, nuestro Twitter, cuenta de Facebook o Linkedin, o cualquier otro que considerasemos relevante.</p>
<p>El móvil permitiría definir diferentes tipos de perfiles con distinto tipo de información personal para compartir en función del contacto que fuese: uno para amigos, otro profesional, otro para nuestro médico&#8230;</p>
<p>De igual forma podríamos definir <strong>perfiles informativos para obtener información ambiental</strong>. Si me interesan los libros sobre usabilidad y experiencia de usuario podría definir un &#8220;asistente digital&#8221; que estuviera &#8220;alerta&#8221; conforme fuera caminando por la ciudad por si apareciese algún rastro de algún libro relacionado con esas materias (detectable por ejemplo <a title="Definición de RFID en la Wikipedia" href="http://es.wikipedia.org/wiki/RFID">mediante RFID</a>). Cuando fuera caminando por la <a title="Calle Preciados de Madrid en Google Maps" href="http://maps.google.es/maps?f=q&amp;source=s_q&amp;hl=es&amp;geocode=&amp;q=preciados+madrid&amp;aq=&amp;sll=40.396764,-3.713379&amp;sspn=11.489326,16.149902&amp;ie=UTF8&amp;hq=&amp;hnear=Preciados&amp;ll=40.418168,-3.704603&amp;spn=0.002806,0.003943&amp;z=18">calle Preciados</a> y pasase cerca de la Fnac mi asistente digital me mostraría una alerta informativa en la pantalla de mi móvil informándome de las últimas novedades que habrían llegado a la Fnac por si fueran de mi interés.</p>
<p>No me interesan las funciones, lo que puedo hacer navegando a través de internet con el navegador de mi móvil, me interesan las cosas que podemos hacer para humanizar la tecnología y ponerla a nuestro servicio.</p>
<p><strong>No tengo ni idea de como será la interacción con los móviles el día de mañana pero de lo que estoy convencido es de que estamos en un punto de desarrollo tecnológico en el que tenemos que superar las antiguas limitaciones que imponía la tecnología y repensar y evolucionar la interfaz para que en lugar de estar centrada en las máquinas esté centrada en las personas.</strong></p>
<p>¿Créeis que esto es social? ¿En qué está centrado? ¿En personas, en tareas, en funciones&#8230;? ¿?</p>
<p><a href="http://www.tentandote.com/wp-content/uploads/2011/01/DockMacOS.png"><img class="aligncenter size-full wp-image-1281" title="Dock de Mac OS" src="http://www.tentandote.com/wp-content/uploads/2011/01/DockMacOS.png" alt="Dock de Mac OS" width="700" height="55" /></a></p>
<p>¿Cómo podemos humanizar los sistemas operativos? Sistema Operativo. ¿Qué nombre más extraño y ajeno a una persona no? Suena a máquina.</p>
<p style="text-align: center;"><a href="http://www.tentandote.com/wp-content/uploads/2011/01/HomeTabDesignChallenge_Mozilla.png"><img class="aligncenter size-full wp-image-1307" title="Propuesta de diseño de la nueva Home Tab para Firefox 4" src="http://www.tentandote.com/wp-content/uploads/2011/01/HomeTabDesignChallenge_Mozilla.png" alt="Propuesta de diseño de la nueva Home Tab para Firefox 4" width="600" height="1244" /></a>Propuesta de diseño para la nueva Home Tab de Firefox 4, extensible a los docks de los<br />
sistemas operativos actuales (acaso no son lo mismo ;) Si quieres, <a title="Propuesta de diseño de la Home Tab para Firefox 4. Humanizando la tecnología" href="http://www.flickr.com/photos/ftosete/4366786331/sizes/o/in/set-72157614036293645/">puedes verla en grande</a></p>
<p style="text-align: left;"><strong>Sigamos humanizando la tecnología e imaginando nuevos usos y posibilidades.</strong></p>
<p>Pd. Tampoco tengo ni idea de cómo será el día de mañana pero hoy, si la interacción que mantengo con mi banco en el 95% de las ocasiones que tengo que hacer algo es a través de esto, es que todavía tenemos mucho trabajo por hacer:</p>
<p><a href="http://www.tentandote.com/wp-content/uploads/2010/12/tecladocajerobanco.jpg"><img class="aligncenter size-full wp-image-1263" title="Teclado del cajero de un banco" src="http://www.tentandote.com/wp-content/uploads/2010/12/tecladocajerobanco.jpg" alt="Teclado del cajero de un banco" width="550" height="413" /></a></p>
<p><strong>Y en ese sentido el móvil es una pieza clave estratégica de los nuevos servicios bancarios (y de la nueva salud, de la nueva educación, de la nueva&#8230;).<br />
</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.tentandote.com/2011/01/27/humanizar-la-tecnologia/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Opción de Salir en aplicaciones y sitios web y diseño de interacción sucio</title>
		<link>http://www.tentandote.com/2010/11/13/opcion-de-salir-en-aplicaciones-y-sitios-web-y-diseno-de-interaccion-sucio/</link>
		<comments>http://www.tentandote.com/2010/11/13/opcion-de-salir-en-aplicaciones-y-sitios-web-y-diseno-de-interaccion-sucio/#comments</comments>
		<pubDate>Sat, 13 Nov 2010 11:21:41 +0000</pubDate>
		<dc:creator>tentandote</dc:creator>
				<category><![CDATA[Diseño de interacción]]></category>
		<category><![CDATA[Usabilidad]]></category>
		<category><![CDATA[abrir sesión]]></category>
		<category><![CDATA[cerrar sesión]]></category>
		<category><![CDATA[deslogarse]]></category>
		<category><![CDATA[diseño de interacción sucio]]></category>
		<category><![CDATA[logarse]]></category>
		<category><![CDATA[sign-in]]></category>
		<category><![CDATA[sign-out]]></category>
		<category><![CDATA[slanty design]]></category>

		<guid isPermaLink="false">http://www.tentandote.com/?p=1127</guid>
		<description><![CDATA[Una tendencia que se está imponiendo en las aplicaciones y sitios web de comercio electrónico y redes sociales es &#8220;ocultar&#8221; el enlace de cerrar sesión o salir. El caso es particularmente llamativo en Amazon donde la opción de salir está oculta detrás del enlace de ayuda: Amazon: En la cabecera principal la opción de salir [...]]]></description>
			<content:encoded><![CDATA[<p>Una tendencia que se está imponiendo en las aplicaciones y sitios web  de comercio electrónico y redes sociales es &#8220;ocultar&#8221; el enlace de  cerrar sesión o salir. El caso es particularmente llamativo en Amazon  donde la opción de salir está oculta detrás del enlace de ayuda:</p>
<p style="text-align: center;"><a href="http://www.tentandote.com/wp-content/uploads/2010/11/Amazon_Cabecera_Principal_440.png"><img class="size-full wp-image-1128 aligncenter" title="Amazon: En la cabecera principal la opción de salir no está disponible" src="http://www.tentandote.com/wp-content/uploads/2010/11/Amazon_Cabecera_Principal_440.png" alt="Amazon: En la cabecera principal la opción de salir no está disponible" width="440" height="285" /></a></p>
<p style="text-align: center;">
<p style="text-align: center;">Amazon: En la cabecera principal la opción de salir está oculta detrás del enlace de ayuda (Help)</p>
<p style="text-align: center;">
<p><a href="http://www.tentandote.com/wp-content/uploads/2010/11/Amazon_Cabecera_SignOut_440.png"><img class="aligncenter size-full wp-image-1129" title="Amazon: Cabecera - Opción de Salir - SignOut detrás del enlace Help" src="http://www.tentandote.com/wp-content/uploads/2010/11/Amazon_Cabecera_SignOut_440.png" alt="Amazon: Cabecera - Opción de Salir - SignOut detrás del enlace Help" width="558" height="320" /></a></p>
<p>Similar diseño puede observarse en Linkedin donde la opción de salir queda oculta tras un menú desplegable que se visualiza cuando el cursor del ratón se posiciona encima del nombre del usuario:</p>
<p><a href="http://www.tentandote.com/wp-content/uploads/2010/11/Linkedin_Cabecera_440.png"><img class="aligncenter size-full wp-image-1132" title="Linkedin: Cabecera principal, la opción de salir está oculta en el menú detrás del nombre del usuario" src="http://www.tentandote.com/wp-content/uploads/2010/11/Linkedin_Cabecera_440.png" alt="Linkedin: Cabecera principal, la opción de salir está oculta en el menú detrás del nombre del usuario" width="440" height="247" /></a></p>
<p><a href="http://www.tentandote.com/wp-content/uploads/2010/11/Linkedin_Cabecera_SignOut_440.png"><img class="aligncenter size-full wp-image-1130" title="Linkedin_ Cabecera principal - Opción de salir - SignOut detrás de menú desplegable" src="http://www.tentandote.com/wp-content/uploads/2010/11/Linkedin_Cabecera_SignOut_440.png" alt="Linkedin_ Cabecera principal - Opción de salir - SignOut detrás de menú desplegable" width="440" height="245" /></a></p>
<p>Igual patrón se da en redes sociales como Facebook (en este caso la opción de salir está oculta en el menú desplegable que aparece al posicionar el cursor encima de la opción de &#8220;Cuenta&#8221;):</p>
<p><a href="http://www.tentandote.com/wp-content/uploads/2010/11/Facebook_Cabecera_440.png"><img class="aligncenter size-full wp-image-1133" title="Facebook: Cabecera principal. Opción de salir oculta tras el nombre del usuario" src="http://www.tentandote.com/wp-content/uploads/2010/11/Facebook_Cabecera_440.png" alt="Facebook: Cabecera principal. Opción de salir oculta tras el nombre del usuario" width="440" height="255" /></a><a href="http://www.tentandote.com/wp-content/uploads/2010/11/Facebook_Cabecera_SignOut_440.png"></a></p>
<p><a href="http://www.tentandote.com/wp-content/uploads/2010/11/Facebook_Cabecera_SignOut_440.png"><img class="aligncenter size-full wp-image-1134" title="Facebook: Cabecera principal. Opción de salir oculta tras el menú desplegable de &quot;Cuenta&quot;" src="http://www.tentandote.com/wp-content/uploads/2010/11/Facebook_Cabecera_SignOut_440.png" alt="Facebook: Cabecera principal. Opción de salir oculta tras el menú desplegable de &quot;Cuenta&quot;" width="440" height="273" /></a></p>
<p>En Tuenti:</p>
<p><a href="http://www.tentandote.com/wp-content/uploads/2010/11/Tuenti_CabeceraPrincipal_440.png"><img class="aligncenter size-full wp-image-1137" title="Tuenti: Cabecera principal. Opción de salir oculta tras la opción &quot;Mi cuenta&quot;" src="http://www.tentandote.com/wp-content/uploads/2010/11/Tuenti_CabeceraPrincipal_440.png" alt="Tuenti: Cabecera principal. Opción de salir oculta tras la opción &quot;Mi cuenta&quot;" width="440" height="294" /></a></p>
<p><a href="http://www.tentandote.com/wp-content/uploads/2010/11/Tuenti_CabeceraPrincipal_SignOut_440.png"><img class="aligncenter size-full wp-image-1138" title="Tuenti: Cabecera principal. Opción de salir oculta tras la opción &quot;Mi cuenta&quot;" src="http://www.tentandote.com/wp-content/uploads/2010/11/Tuenti_CabeceraPrincipal_SignOut_440.png" alt="Tuenti: Cabecera principal. Opción de salir oculta tras la opción &quot;Mi cuenta&quot;" width="440" height="290" /></a></p>
<p>O en Twitter:</p>
<p><a href="http://www.tentandote.com/wp-content/uploads/2010/11/Twitter_Cabecera_440.png"><img class="aligncenter size-full wp-image-1135" title="Twitter: Cabecera principal. Opción de salir oculta tras el nombre de usuario" src="http://www.tentandote.com/wp-content/uploads/2010/11/Twitter_Cabecera_440.png" alt="Twitter: Cabecera principal. Opción de salir oculta tras el nombre de usuario" width="440" height="318" /></a></p>
<p><a href="http://www.tentandote.com/wp-content/uploads/2010/11/Twitter_Cabecera_440_SignOut.png"><img class="aligncenter size-full wp-image-1136" title="Twitter: Cabecera principal. Opción de salir detrás del nombre de usuario" src="http://www.tentandote.com/wp-content/uploads/2010/11/Twitter_Cabecera_440_SignOut.png" alt="Twitter: Cabecera principal. Opción de salir detrás del nombre de usuario" width="440" height="304" /></a></p>
<p>La pregunta a tenor de lo visto es:</p>
<p style="text-align: center;"><strong>¿Es una buena práctica de cara al usuario o es un patrón de <a title="Diseño de interacción sucio" href="http://www.seisdeagosto.com/indica/2010/08/diseno-de-interaccion-sucio-slanty-design/">diseño de interacción sucio</a>?</strong></p>
<p>Poniéndonos en la piel de un usuario podemos escribir el siguiente <strong>escenario</strong>:</p>
<blockquote><p>Un usuario se loga en una aplicación o sitio  web. Interactúa en la  misma durante un rato tras lo cual decide  abandonarla. Para ello pulsa  sobre el botón cerrar de la pestaña del  navegador y sale.</p></blockquote>
<p>Ante esto se plantean los siguientes&#8230;</p>
<p>Pros:</p>
<ul>
<li>Ocultar la opción de salir supone un coste cognitivo en esfuerzo y tiempo que el usuario tiene que dedicar a &#8220;averiguar&#8221; dónde está la opción de salir. No es un patrón de diseño uniforme dado que unas veces la opción de deslogarse se encuentra oculta detrás del nombre del usuario, otras detrás de opciones como &#8220;Mi cuenta&#8221; o &#8220;Cuenta&#8221; o incluso detrás del enlace de ayuda. No existe una uniformidad en cuanto a donde se debe localizar.</li>
<li>Ante esta situación <strong>es probable que el usuario tienda a realizar la opción más fácil: pulsar sobre el botón de cerrar pestaña del navegador. Cierra la pestaña y se acabó el problema.</strong></li>
<li>El <strong>modelo mental</strong> al que estamos <strong>acostumbrados impuesto</strong> por el <strong>uso </strong>diario e intensivo de los <strong>navegadores es cerrar una pestaña para abandonar un sitio o página web</strong>. Desde este punto de vista<strong> ocultar la opción de salir se alinea con dicho modelo</strong> lo que puede suponer una <strong>mejora de usabilidad de cara al usuario</strong>.</li>
<li>La existencia de una opción de &#8220;Salir&#8221; o &#8220;Cerrar sesión&#8221; entra en conflicto con el botón de cerrar pestaña del navegador que &#8220;supuestamente&#8221; ya hace dicha acción.</li>
<li>Al no estar explícitamente visible y considerarse por tanto una opción secundaria no tenemos que dedicar un espacio de la interfaz a ponerla.</li>
</ul>
<p style="text-align: center;"><strong>¿Es por tanto una mejora de usabilidad o no?</strong></p>
<p>Contras:</p>
<ul>
<li>El usuario se loga en la aplicación: Amazon, Facebook, Tuenti&#8230; A continuación para salir pulsa sobre el botón de cerrar pestaña del navegador y la abandona.</li>
<li>Dependiendo del tipo de cookie utilizada puede suceder que el usuario con posterioridad siga navegando por la Web y tiempo después abra de nuevo una pestaña escriba el nombre de la aplicación o sitio en la barra del navegador, pulse retorno y vuelva a la misma. En este caso puede pasar que la cookie mantenga abierta la sesión con lo cual el usuario ya no tiene que logarse de nuevo. ¿¿?? se puede preguntar el usuario. El comportamiento no es predecible y rompe el modelo mental usual &#8211;&gt; accedo a una web, introduzco mi nombre de usuario y clave y entro.</li>
<li>Los problemas de seguridad son evidentes dado que si nuestro usuario está accediendo a su red social desde una terminal pública si no cierra la sesión de manera oportuna alguien que venga detrás puede ver su perfil  y hacer lo que quiera en el mismo abriendo una pestaña y tecleando el nombre del sitio en la barra del navegador.</li>
<li>En algunos casos como Amazon, la sesión ni siquiera expira cuando se cierra totalmente el navegador y se vuelva a entrar lo que agrava aún más el problema.</li>
</ul>
<p><strong>Ante los problemas de seguridad y el falso feedback que recibe el usuario lo aconsejable es:</strong></p>
<ul>
<li><strong> Poner la opción de cerrar como enlace o botón explícitamente visible en la interfaz principal de la aplicación o sitio web y además</strong></li>
<li><strong>hacer que la sesión caduque cuando el usuario cierre la pestaña de la aplicación del navegador o el navegador mismo.</strong></li>
</ul>
<p><strong>Querer mantener logado al usuario y mantener la sesión abierta hasta que no se pulse el botón de salir</strong>, sea por la razón que sea: monitorizar el comportamiento del usuario durante el mayor tiempo posible para conocer sus hábitos de navegación o cualquier otro uso, &#8220;facilitar&#8221; su retorno, etc <strong>es cuando menos una mala práctica y cuando más un patrón de diseño de interacción sucio</strong>.</p>
<p><strong>Si el usuario quiere abandonar nuestro sitio que lo abandone, y que lo abandone con seguridad</strong>. Ya volverá cuando quiera si quiere.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tentandote.com/2010/11/13/opcion-de-salir-en-aplicaciones-y-sitios-web-y-diseno-de-interaccion-sucio/feed/</wfw:commentRss>
		<slash:comments>2</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>Guía de Diseño de Interfaz de Usuario e Interacción para Windows Phone 7, Android y otras guías para interfaces táctiles</title>
		<link>http://www.tentandote.com/2010/10/16/guia-de-diseno-de-interfaz-de-usuario-e-interaccion-para-windows-phone-7-android-y-otras-guias-para-interfaces-tactiles/</link>
		<comments>http://www.tentandote.com/2010/10/16/guia-de-diseno-de-interfaz-de-usuario-e-interaccion-para-windows-phone-7-android-y-otras-guias-para-interfaces-tactiles/#comments</comments>
		<pubDate>Sat, 16 Oct 2010 10:54:02 +0000</pubDate>
		<dc:creator>tentandote</dc:creator>
				<category><![CDATA[Diseño de interacción]]></category>
		<category><![CDATA[Diseño de interfaces]]></category>
		<category><![CDATA[Libros y bibliografía recomendada]]></category>
		<category><![CDATA[movilidad]]></category>
		<category><![CDATA[Web móvil]]></category>
		<category><![CDATA[guía de diseño]]></category>
		<category><![CDATA[Windows Phone 7]]></category>

		<guid isPermaLink="false">http://www.tentandote.com/?p=1067</guid>
		<description><![CDATA[Ya está disponible una versión preliminar para el diseño de aplicaciones e interfaz de usuario en los teléfonos con el nuevo sistema operativo de Microsoft: Guía de Diseño de Interfaz de Usuario e Interacción para Windows Phone 7 (PDF) Asimismo por si os interesa, podéis añadir a vuestros feeds el blog oficial de Windows Phone [...]]]></description>
			<content:encoded><![CDATA[<p>Ya está disponible una versión preliminar para el diseño de aplicaciones e interfaz de usuario en los teléfonos con el nuevo sistema operativo de Microsoft:</p>
<p style="text-align: center;"><a title="Guía de Diseño de Interfaz de Usuario e Interacción para Windows Phone 7" href="http://download.microsoft.com/download/D/8/6/D869941E-455D-4882-A6B8-0DBCAA6AF2D4/UI%20Design%20and%20Interaction%20Guide%20for%20Windows%20Phone%207%20Series.pdf">Guía de Diseño de Interfaz de Usuario e Interacción para Windows Phone 7</a> (PDF)</p>
<p style="text-align: left;">Asimismo por si os interesa, podéis añadir a vuestros feeds el <a title="The Windows Phone Developer Blog" href="http://windowsteamblog.com/windows_phone/b/wpdev/">blog oficial de Windows Phone</a></p>
<p style="text-align: left;">Por último y como plus:</p>
<ul>
<li><a href="http://developer.android.com/design/get-started/creative-vision.html">Guía de diseño de Interfaz de Usuario para aplicaciones de Android</a></li>
<li><a title="Microsoft Windows: Touch UI guide" href="http://msdn.microsoft.com/en-us/library/cc872774.aspx">Directrices de Microsoft para interfaces táctiles</a> (en línea)</li>
<li><a title="UI Guidelines for mobile and tablet web app design" href="http://www.mobilexweb.com/blog/ui-guidelines-mobile-tablet-design?utm_source=twitterfeed&amp;utm_medium=twitter">Guías para el diseño de interfaces táctiles en dispositivos móviles y tablets</a></li>
</ul>
<p>La información me la ha pasado <strong>Eusebio Reyero</strong> (gracias Eusebio! :) el cual tiene un blog -<a title="Blog de Eusebio Reyero: Will Web for Food" href="http://wwff.thespacer.net/blog/">Will Web for Food</a>- que si no tienes en tus feeds <strong>te recomiendo que lo agregues</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.tentandote.com/2010/10/16/guia-de-diseno-de-interfaz-de-usuario-e-interaccion-para-windows-phone-7-android-y-otras-guias-para-interfaces-tactiles/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

