<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Smartsite &#187; accesible</title>
	<atom:link href="http://www.smartsite.es/tag/accesible/feed" rel="self" type="application/rss+xml" />
	<link>http://www.smartsite.es</link>
	<description>Smartsite el blog de los sitios inteligentes</description>
	<lastBuildDate>Wed, 08 Feb 2012 11:30:42 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Apps vs navegadores en smartphones y tabletas. ¿Cuándo hay que optar por un app? (I)</title>
		<link>http://www.smartsite.es/general/apps-vs-navegadores-en-smartphones-y-tabletas-%c2%bfcuando-hay-que-optar-por-un-app-i-1028.html</link>
		<comments>http://www.smartsite.es/general/apps-vs-navegadores-en-smartphones-y-tabletas-%c2%bfcuando-hay-que-optar-por-un-app-i-1028.html#comments</comments>
		<pubDate>Tue, 29 Jun 2010 15:58:18 +0000</pubDate>
		<dc:creator>diegocenzano</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Movilidad]]></category>
		<category><![CDATA[accesible]]></category>
		<category><![CDATA[apps]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[Finacial Times]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[media]]></category>
		<category><![CDATA[Popular Science]]></category>
		<category><![CDATA[Tablets]]></category>
		<category><![CDATA[The New York Times]]></category>

		<guid isPermaLink="false">http://www.smartsite.es/?p=1028</guid>
		<description><![CDATA[
			
				
			
		
Percibo por algunas de mis últimas lecturas y por las conversaciones con clientes y profesionales del sector que cada vez surge con más fuerza una discusión respecto a si el camino a seguir en la oferta de contenidos y servicios  a través de  smartphone o tablets pasa por adaptarse al navegador o por ...</p><p><span class="link" pag="http://www.smartsite.es/general/apps-vs-navegadores-en-smartphones-y-tabletas-%c2%bfcuando-hay-que-optar-por-un-app-i-1028.html">Leer el resto de la entrada &#187;</span></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.smartsite.es%2Fgeneral%2Fapps-vs-navegadores-en-smartphones-y-tabletas-%25c2%25bfcuando-hay-que-optar-por-un-app-i-1028.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.smartsite.es%2Fgeneral%2Fapps-vs-navegadores-en-smartphones-y-tabletas-%25c2%25bfcuando-hay-que-optar-por-un-app-i-1028.html&amp;source=bikolabs&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Percibo por algunas de mis últimas lecturas y por las conversaciones con clientes y profesionales del sector que cada vez surge con más fuerza una discusión respecto a si el camino a seguir en la oferta de contenidos y servicios  a través de  smartphone o tablets pasa por adaptarse al navegador o por el desarrollo de aplicaciones que el usuario pueda descargar posteriormente. <span id="more-1028"></span></p>
<p>Me han llamado especialmente la atención un par de opiniones al respecto: <a title="Closing the Digital Frontier" href="http://www.theatlantic.com/magazine/archive/2010/07/closing-the-digital-frontier/8131" target="_blank"><em>Closing the Digital Frontier</em></a> y <a title="App Creep and the Case for the Mobile Browser" href="http://gigaom.com/2010/06/19/app-creep-and-the-case-for-the-mobile-browser" target="_blank"><em>App Creep and the Case for the Mobile Browser</em></a>.</p>
<p>A casi todos nos atrae la idea de crear un app, pero resulta lógico agotar las opciones del navegador cuando conocemos los retos que supone, sobre todo si queremos que funcione en distintos sistemas (iOS de Mac, Android de Google, Blackberry de RIM…).</p>
<p>Pero entonces, ¿Cuándo hago un app?</p>
<p><strong>Sobre todo cuando quieras ofrecer una experiencia única.</strong></p>
<p>Utilizar el navegador de un smartphone es una experiencia que ha mejorado mucho respecto a los antiguos teléfonos móviles. A pesar de ello, en muchas ocasiones sigue siendo algo incómodo y farragoso.</p>
<p>En una tableta como el iPad el efecto es muy distinto; navegar es mucho más placentero y nos ofrece más posibilidades.</p>
<p>A pesar de ello, las apps tienen sentido si planteamos mejoras significativas en la experiencia de uso y la funcionalidad que ofrecen no se puede emular mediante un navegador.</p>
<p>Cada vez está ocurriendo más en Internet. Si pensamos en las herramientas que utilizamos nos damos cuenta de que:</p>
<p>Para hablar con mucha gente utilizo el software de Skype.</p>
<p>Para tuitear soluciones como TweetDeck o similares.</p>
<p>Para escuchar música cada vez tiro más de Spotify o iTunes.</p>
<p>Las soluciones de mensajería también son esenciales en mí día a día, como el Messenger de Yahoo.</p>
<p>Así que el concepto app no sólo se da en tabletas y smartphones, sino que está muy presente y convive con sites y portales.</p>
<p>Uno de los casos más llamativos es la versión Ipad de la revista <a title="Popular Science" href="http://www.popsci.com/" target="_blank">Popular Science</a>. La experiencia es muy distinta a la que puedo tener en una web.</p>
<p><a href="http://www.smartsite.es/general/apps-vs-navegadores-en-smartphones-y-tabletas-%c2%bfcuando-hay-que-optar-por-un-app-i-1028.html"><em>Pinche aquí para ver el vídeo</em></a></p>
<p>Espectacular, por visual, por tratar códigos y narrativas de forma distinta a la habitual, uniendo la fuerza tradicional del papel con los nuevos soportes digitales.</p>
<p>¿Cuándo son innecesarias las apps?</p>
<p><strong>Si la apuesta es emular la experiencia web.</strong></p>
<p>Por ejemplo, el diario español <a title="Diario Público" href="http://www.publico.es" target="_blank">Público</a> ha creado una versión web especial para el Ipad y de momento no ha puesto a disposición un app en la tienda de Apple.</p>
<div id="attachment_1029" class="wp-caption aligncenter" style="width: 427px"><a rel="attachment wp-att-1029" href="http://www.smartsite.es/general/apps-vs-navegadores-en-smartphones-y-tabletas-%c2%bfcuando-hay-que-optar-por-un-app-i-1028.html/attachment/ipad_publico"><img class="size-medium wp-image-1029 " title="ipad_publico" src="http://www.smartsite.es/wp-content/uploads/2010/06/ipad_publico-417x350.jpg" alt="Versión para el Ipad del diario español Público" width="417" height="350" /></a><p class="wp-caption-text">Página principal de la versión para el Ipad del diario español Público</p></div>
<p>Por el contrario, el  <a title="Website del Financial Times" href="http://www.ft.com" target="_blank">Financial Times</a>, recrea una experiencia muy parecida a la web a pesar de hacer desarrollado un app específica para la tableta de Apple. Los contenidos son prácticamente iguales y la manera de utilizar el app es muy similar a su versión web.</p>
<p><a href="http://www.smartsite.es/general/apps-vs-navegadores-en-smartphones-y-tabletas-%c2%bfcuando-hay-que-optar-por-un-app-i-1028.html"><em>Pinche aquí para ver el vídeo</em></a></p>
<p>Se la podían haber ahorrado.</p>
<p><strong>O si la apuesta es más pobre que la web. </strong></p>
<p>Es el caso de  aquellas apps, que por rácanas y limitadas ofrecen una experiencia atractiva pero pobre en contenido, que nos invita a recuperar la tradición del navegador a pesar de no responder con soltura a nuestros dedos, movimientos y aspavientos.</p>
<p>Uno de los casos más llamativos es el Editors Choice de<a title="Website de The New York Times" href="http://www.nytimes.com/" target="_blank"> The  New York Times</a> para el Ipad, que ofrece un app con contenidos muy limitados en comparación con su edición impresa o su website, probablemente un experimento o primer paso.</p>
<p><a href="http://www.smartsite.es/general/apps-vs-navegadores-en-smartphones-y-tabletas-%c2%bfcuando-hay-que-optar-por-un-app-i-1028.html"><em>Pinche aquí para ver el vídeo</em></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.smartsite.es/general/apps-vs-navegadores-en-smartphones-y-tabletas-%c2%bfcuando-hay-que-optar-por-un-app-i-1028.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iPad, ¿existen estándares de interfaz de usuario? Primeras impresiones basadas en tests de experiencia de usuario</title>
		<link>http://www.smartsite.es/el-oficio-y-el-negocio/ipad-experiencia-de-usuario-814.html</link>
		<comments>http://www.smartsite.es/el-oficio-y-el-negocio/ipad-experiencia-de-usuario-814.html#comments</comments>
		<pubDate>Wed, 05 May 2010 07:23:14 +0000</pubDate>
		<dc:creator>sonesu</dc:creator>
				<category><![CDATA[El oficio y el negocio]]></category>
		<category><![CDATA[Usabilidad y Arquitectura de la información]]></category>
		<category><![CDATA[accesible]]></category>
		<category><![CDATA[aplicacion]]></category>
		<category><![CDATA[experiencia de usuario]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[tablet]]></category>

		<guid isPermaLink="false">http://www.smartsite.es/?p=814</guid>
		<description><![CDATA[
			
				
			
		
El pasado Lunes, llegó a Biko un nuevo y flamante iPad.
Después de trastear con algunas aplicaciones gratuitas, hemos detectado algunas buenas (win!) y no tan buenas prácticas (fail!) en las soluciones de experiencia de usuario en esas aplicaciones. ¡Algo esencial antes de ponernos a diseñar nuestras nuevas aplicaciones!


Primeras ideas en la experiencia de usuario en ...</p><p><span class="link" pag="http://www.smartsite.es/el-oficio-y-el-negocio/ipad-experiencia-de-usuario-814.html">Leer el resto de la entrada &#187;</span></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.smartsite.es%2Fel-oficio-y-el-negocio%2Fipad-experiencia-de-usuario-814.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.smartsite.es%2Fel-oficio-y-el-negocio%2Fipad-experiencia-de-usuario-814.html&amp;source=bikolabs&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>El pasado Lunes, llegó a Biko un nuevo y flamante iPad.</p>
<p>Después de trastear con algunas aplicaciones gratuitas, hemos detectado algunas buenas (win!) y no tan buenas prácticas (fail!) en las soluciones de experiencia de usuario en esas aplicaciones. ¡Algo esencial antes de ponernos a diseñar nuestras nuevas aplicaciones!</p>
<div style="padding: 1em; background: #efefef; border: 1px solid #ccc; margin-bottom: 1em;">
<ul>
<li><a href="#First_ideas">Primeras ideas en la experiencia de usuario en el iPad</a>
<ul>
<li><a href="#Usability_heuristics">Heurísiticos de usabilidad</a></li>
<li><a href="#iPad_User_Experience_Guidelines">Pautas de experiencia de usuario para iPad (Apple)</a></li>
</ul>
</li>
<li><a href="#Fail">Fail! (no tan buenas prácticas en aplicaciones para iPad)</a></li>
<li><a href="#Win">Win! (buenas prácticas en aplicaciones para iPad)</a></li>
<li><a href="#Guerrilla_iPad_user_testing">Test de usuario de guerrilla en iPad</a>
<ul>
<li><a href="#Natural_first_actions">Primeras acciones naturales usando el iPad</a></li>
<li><a href="#Other_conclusions">Otras conclusiones tras el test de usuario en iPad</a></li>
</ul>
</li>
<li><a href="#Remember">Recuerda</a></li>
<li><a href="#Some_questions">Algunas preguntas</a></li>
</ul>
</div>
<p><span id="more-814"></span></p>
<h3 id="First_ideas">Primeras ideas en la experiencia de usuario en el iPad</h3>
<p>Mientras que Internet es el mundo del hipertexto, infinito, sin fronteras, el iPad es una caja cerrada, en la que las aplicaciones tienen un principio y un fin.  El usuario necesita captar esa sensación de confinamiento, de control, y necesitamos transmitir esa sensación a través de la arquitectura de información e interfaz de usuario de la aplicación.</p>
<p>El iPad es un gadget nuevo, sin embargo, sus usuarios harán (y hacemos) algunos supuestos, bien porque son usuarios de iPhone, bien porque han usado antes alguna otra tableta o libro electrónico, bien por su experiencia con el mundo real. Es importante tenerlo en cuenta.</p>
<p>En primer lugar, y debido a mi bagaje en el área de experiencia de usuario, el análisis está basado en los heurísticos de usabilidad (<a title="Heuristic list - useit.com" href="http://www.useit.com/papers/heuristic/heuristic_list.html">leer más en useit.com</a>).</p>
<h4 id="Usability_heuristics">Heurísticos de usabilidad</h4>
<ol>
<li>Visibilidad del estado del sistema</li>
<li>Similitud entre el sistema y el mundo real</li>
<li>Control y libertad por parte del usuario</li>
<li>Consistencia y estándares</li>
<li>Prevención de errores</li>
<li>Reconocer antes que memorizar</li>
<li>Flexibilidad y eficiencia de uso</li>
<li>Diseño estético y minimalista</li>
<li>Ayudar a los usuarios a reconocer, diagnosticar, y enmendar errores</li>
<li>Ayuda y documentación</li>
</ol>
<h4 id="iPad_User_Experience_Guidelines">Pautas de Experiencia de Usuario para iPad</h4>
<p>Además, hay algunas reglas, definidas por Apple en las Pautas de Experiencia de Usuario para iPad. Éstas son algunas de ellas:</p>
<p>[...]<br />
Las mejores aplicaciones de iPad mejoran su contenido e interactividad consiguiendo realmente bien los tres siguientes puntos:</p>
<ul>
<li>Minimizan el interfaz de usuario de la aplicación, de manera que el foco está en el contenido que la gente quiere.</li>
<li>Presentan el contenido de una manera hermosa, y a menudo realista.</li>
<li>Aprovechan todas las capacidades del dispositivo para permitir una mejor interacción con el contenido.</li>
</ul>
<p>[...]<br />
La pantalla grande mitiga el deseo de los usuario de rotar el dispositivo en formato apaisado para &#8220;ver más&#8221;.<br />
[...]</p>
<p>Es en base a estas pautas como hemos resumido algunos de los <em>hallazgos</em>.</p>
<p>Pero no podemos obtener conclusiones válidas sin antes testar, así que hemos realizados algunos test de guerrilla con unas cuantas applicaciones. (Las tareas eran tan sencillas como revisar las últimas noticias, leer un artículo, aumentar una imagen (zoom), enviar por email, o aumentar el tamaño del texto).</p>
<h3 id="Fail">Fail!  (no tan buenas prácticas en aplicaciones para iPad)</h3>
<p>Las pautas de interfaz de usuario de Apple recomiendan simular la realidad (efectos 3D) en nuestros desarrollos para iPad: crear algo que en realidad no es.</p>
<p>De la misma manera que hacemos en un ordenador, creemos que no es buena idea imitar el mundo real tal cual es. No imites un periódico tal y como es, no imites el efecto real de pasar una página, como algunos lectores de PDF&#8230; (<em>Yahoo Entertainment</em> imita un salón o pequeños trozos de papel con un scroll dentro de cada uno de ellos&#8230;).</p>
<div class="wp-caption aligncenter" style="width: 385px"><a class="tt-flickr tt-flickr-Medium" title="yahoo-entertainment-paper-list" href="http://www.flickr.com/photos/bikolabs/4573867721/"><img title="Listado de Yahoo Entertainment" src="http://farm5.static.flickr.com/4020/4573867721_5473570b24.jpg" alt="yahoo-entertainment-paper-list" width="375" height="500" /></a><p class="wp-caption-text">Listado de Yahoo Entertainment</p></div>
<div class="wp-caption aligncenter" style="width: 385px"><a class="tt-flickr tt-flickr-Medium" title="congleton-chronicle-pdf-style" href="http://www.flickr.com/photos/bikolabs/4573867897/"><img title="Congleton Chronicle Web Pdf reader style" src="http://farm5.static.flickr.com/4007/4573867897_1df698d9a7.jpg" alt="congleton-chronicle-pdf-style" width="375" height="500" /></a><p class="wp-caption-text">Estilo de lector web de PDF de Congleton Chronicle</p></div>
<p>Clic estático para pasar páginas horizontalmente (en adelante: <em>swiping)</em>.<br />
Botones de acción liliputienses (como la barra de navegación de la applicación de Fotos de Apple o la aplicación de Marvel).<br />
Botones de acción peligrosamente juntos (como en Google Maps).<br />
Barra de navegación no estándar (Reuters, Editor&#8217;s Choice -NY Times-).<br />
Leve uso de vista dividida, y de menús <em>popover</em>, como viene indicado en las Pautas de Experiencia de Usuario de Apple.</p>
<div class="wp-caption aligncenter" style="width: 510px"><a class="tt-flickr tt-flickr-Medium" title="google-maps-too-close-buttons" href="http://www.flickr.com/photos/bikolabs/4574502470/"><img title="Google Maps too close and not big enough buttons" src="http://farm4.static.flickr.com/3416/4574502470_a78242454c.jpg" alt="google-maps-too-close-buttons" width="500" height="147" /></a><p class="wp-caption-text">Google Maps too close and not big enough buttons</p></div>
<p><strong>npr</strong></p>
<ul>
<li>Mismo aspecto en formato vertical y apaisado</li>
</ul>
<p><strong>Editor&#8217;s Choice (New York Times)</strong></p>
<ul>
<li>Falta de utilidad de zoom, tanto en imágenes como en visualización de texto (pequeño para leer, para gente de edad madura)</li>
<li>Acceso a secciones en la barra de navegación inferior; barra de navegación superior sin funcionalidad (enlace a portada)</li>
<li>El reproductor de video no se interrumpe cuando pasamos a otra página</li>
<li>Elementos inesperados: cuando clicamos en la imagen de un articulo, descubrimos que existen más imágenes para ese artículo, ¡una presentación de diapositivas! Pero no sabíamos que había más imágenes cuando estábamos leyendo el artículo&#8230;</li>
<li>El logo no enlaza con la portada</li>
</ul>
<p><strong>Wall Street Journal</strong></p>
<ul>
<li>No hay un menú claro, no se usa una barra de navegación superior estándar</li>
<li>Botones diminutos en una barra de navegación inferior</li>
<li>Botones ocultos, como los de tamaño de texto</li>
<li>No hay opción de clicar en la imagen para aumentar o iniciar un pase de diapositivas</li>
</ul>
<div class="wp-caption aligncenter" style="width: 510px"><a class="tt-flickr tt-flickr-Medium" title="wall-street-journal-home" href="http://www.flickr.com/photos/bikolabs/4573904869/"><img title="The Wall Street Journal home" src="http://farm5.static.flickr.com/4009/4573904869_d54cc66c35.jpg" alt="wall-street-journal-home" width="500" height="375" /></a><p class="wp-caption-text">The Wall Street Journal home</p></div>
<p><strong>Reuters</strong></p>
<ul>
<li>En un pase de diapositivas o zoom de imagen, puedes entrar en un bucle infinito (foto de reuters)</li>
</ul>
<div class="wp-caption aligncenter" style="width: 510px"><a class="tt-flickr tt-flickr-Medium" title="reuters-endless-loop" href="http://www.flickr.com/photos/bikolabs/4573867563/"><img title="Reuters endless loop" src="http://farm4.static.flickr.com/3412/4573867563_fded8c3251.jpg" alt="reuters-endless-loop" width="500" height="179" /></a><p class="wp-caption-text">El bucle infinito de Reuters: clicken la imagen, entonces pincha en el artículo (botón superior derecho), y entonces clica en la imagen dentro del popup...</p></div>
<p style="text-align: center;">
<h3 id="Win">Win!  (buenas prácticas en aplicaciones para iPad)</h3>
<p>Ayuda al usuario a centrar su atención en el contenido, no en el diseño.<br />
Ofrece una navegación natural. Incluso para alguien que sólo ha probado un par de veces el iPhone, hacer <em>pinch in</em> y <em>pinch out*</em> es una acción que surge con naturalidad. Lo mismo para hacer scroll o swiping. Adelante entonces, ¡úsalos en tus aplicaciones!</p>
<p>*<em>pinch in</em> (pellizcar hacia adentro, convergiendo los dedos íncides y pulgar); <em>pinch out</em> (pellizcar hacia fuera, convergiendo los dedos íncides y pulgar)</p>
<p>No tomar al pié de la letra las Pautas de Interfaz de Usuario de Apple, sino inetrpretarlas: prueba con un interfaz de usuario natural, transparente, que no requiera un aprendizaje; algo que te invite un uso natural de la aplicación. ¡Este es, en efecto, uno de los puntos clave de la usabilidad!</p>
<p>Publicidad incorporada, que no te lleva fuera de la aplicación (a Safari, por ejemplo).</p>
<p>Cambia tu rejilla cuando ajustes el tamaño del texto. El número óptimo de caracteres por línea está entre 55 y 75 caracteres (depende de la tipografía). Por lo tanto, sería bueno reducir el número de columnas cuando el tamaño de texto aumenta.</p>
<p>Utiliza algunos estándares de interfaz de usuario de iPhone, pero ajustados a la aplicación de iPad: como la barra de navegación superior, con los botones de volver atrás (o portada) y botones de opción.</p>
<p><strong>npr</strong></p>
<ul>
<li>Botón de portada</li>
<li>Botones de acción claros: email, escuchar</li>
<li>Hacer scroll = leer más, <em>swiping</em> = ver otros artículos</li>
<li>Aumentar / reducir zoom (<em>pinch in / pinch out</em>) en la visualización de imagen, <em>pinch out </em>para volver al artículo</li>
<li>Acceso a secciones y temas con menú popover</li>
</ul>
<div class="wp-caption aligncenter" style="width: 385px"><a class="tt-flickr tt-flickr-Medium" title="npr-recognisable-navigation-options" href="http://www.flickr.com/photos/bikolabs/4574501996/"><img title="npr recognisable navigation options" src="http://farm5.static.flickr.com/4028/4574501996_9b648b4a97.jpg" alt="npr-recognisable-navigation-options" width="375" height="500" /></a><p class="wp-caption-text">npr recognisable navigation options</p></div>
<p style="text-align: center;">
<p><strong>Editor&#8217;s Choice (New York Times)</strong></p>
<ul>
<li>Icono informativos en la visualización de imagen</li>
<li>Botones de vuelta al artículo claros, en la visualización de imagen</li>
<li>Iconos de paginación que aportan consistencia y control del usuario</li>
</ul>
<div class="wp-caption aligncenter" style="width: 510px"><a class="tt-flickr tt-flickr-Medium" title="nyt-pagination" href="http://www.flickr.com/photos/bikolabs/4574528754/"><img title="Editor's Choice (New York Times) Pagination" src="http://farm5.static.flickr.com/4005/4574528754_8f612a2bcb.jpg" alt="nyt-pagination" width="500" height="375" /></a><p class="wp-caption-text">Editor&#39;s Choice (New York Times) Pagination</p></div>
<p style="text-align: center;">
<p><strong>Wall Street Journal</strong></p>
<ul>
<li>Ayuda inicial sobre navegación, acciones claras</li>
<li><em>Pinch in</em> para aumentar zoom, <em>pinch out</em> para disminuir zoom o volver atrás</li>
<li>Doble clic para entrar, aumentar zoom, o ajustar a pantalla completa</li>
<li>Navegación sección a sección, o artículo a artículo</li>
</ul>
<div class="wp-caption aligncenter" style="width: 385px"><a class="tt-flickr tt-flickr-Medium" title="wsj-navigation-instructions" href="http://www.flickr.com/photos/bikolabs/4574502314/"><img title="The Wall Street Journal navigation instructions" src="http://farm5.static.flickr.com/4051/4574502314_b278c51ae6.jpg" alt="wsj-navigation-instructions" width="375" height="500" /></a><p class="wp-caption-text">The Wall Street Journal navigation instructions</p></div>
<p style="text-align: center;">
<h3 id="Guerrilla_iPad_user_testing">Test de usuario de guerrilla en iPad</h3>
<p>¿Has probado a testar tus aplicaciones con un usuario de edad madura? ¡Es fácil! Aquí tenemos algunas conclusiones del test de guerrilla que hemos realizado con mi padre <img src='http://www.smartsite.es/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> . Dos jóvenes usuarios avanzados también han participado en el test.</p>
<h4 id="Natural_first_actions">Primeras acciones naturales</h4>
<ul>
<li>hacer scroll, después swiping</li>
<li><em>pinch in</em> para aumentar zoom, o aumentar el tamaño del texto</li>
<li><em>pinch out </em>para reducir zoom/ volver a la página principal (anterior)</li>
<li>clicar (incluso doble clic) para abrir una aplicación, o acceder al detalle de contenido</li>
</ul>
<h4 id="Other_conclusions">Otras conclusiones</h4>
<ul>
<li>botón principal del iPad como salida en cualquier cosa, cuando el botón de home/portada no es visible o claro</li>
<li>aumentar y reducir zoom (<em>pinch in</em> y <em>pinch out</em>) con naturalidad para la visualización de imágenes</li>
<li>navegación superior como ubicación de las principales opciones de navegación, o en todo caso, en una barra de navegación inferior</li>
<li>fácil pérdida cuando los botones de volver o ir a la portada no están en la barra de navegación superior</li>
<li>se esperan botones o funcionalidades similares en aplicaciones diferentes</li>
<li>rápido reconocimiento del icono del sobre como funcionalidad de enviar por email, T- / T+ oA- /A+ como funcionalidad de tamaño de texto</li>
</ul>
<div class="wp-caption aligncenter" style="width: 510px"><a class="tt-flickr tt-flickr-Medium" title="iPad apps user testing" href="http://www.flickr.com/photos/bikolabs/4565623310/"><img title="iPad user testing" src="http://farm4.static.flickr.com/3431/4565623310_b25a467ea8.jpg" alt="iPad apps user testing" width="500" height="375" /></a><p class="wp-caption-text">Captura de vídeo de test de usuario en iPad</p></div>
<p style="text-align: center;">
<h3 id="Remember">Recuerda</h3>
<p>Está hecho para tocar con los dedos (evidente), y no todo el mundo los tiene finitos y delgados. Sé cortés, haz los botones lo suficientemente grandes para el dedo índice o pulgar de un hombre adulto. No hagas a la gente pelearse con iconos tan pequeños que puedan ser tocados a la vez sin querer.</p>
<p>Ubica las áreas activas donde no converjan con otras acciones (botones, enlaces, publicidad&#8230;).</p>
<p>Scroll vs <em>swipe</em>. En el iPad, ¿es hacer scroll más natural que <em>swiping</em>?  En contra de nuestras primeras ideas, lo es. Sin embargo, si en primera instancia el scroll no funciona, la siguiente acción natural es <em>swipe.</em></p>
<div class="wp-caption aligncenter" style="width: 385px"><a class="tt-flickr tt-flickr-Medium" title="reuters-pagination" href="http://www.flickr.com/photos/bikolabs/4573867801/"><img title="Reuters uses both, scrolling and swiping actions" src="http://farm4.static.flickr.com/3368/4573867801_b343b4ccd3.jpg" alt="reuters-pagination" width="375" height="500" /></a><p class="wp-caption-text">Reuters utiliza ambas acciones, scroll y swipe</p></div>
<p>Menús popover: utilízalos con precaución. Recuerda que con frecuencia, asumimos que lo que no vemos, no existe.</p>
<p>Ten cuidado cuando apliques las funcionalidades de las aplicaciones de Apple: peligro con la funcionalidad <em>pinch</em>-para-expandir. <a href="http://www.tuaw.com/2010/04/07/apple-rejects-ipad-app-for-pinch-to-expand/">&#8220;Apple rechaza una aplicación para iPad por <em>pinch</em>-para-expandir&#8221;</a> argumentando que esa es una funcionalidad &#8220;asociada únicamente con las aplicaciones de Apple&#8221;.</p>
<div class="wp-caption aligncenter" style="width: 510px"><a class="tt-flickr tt-flickr-Medium" title="pinch-to-expand-feature" href="http://www.flickr.com/photos/bikolabs/4574502420/"><img title="Pinch to expand feature" src="http://farm4.static.flickr.com/3313/4574502420_cb3dd71dbf.jpg" alt="pinch-to-expand-feature" width="500" height="254" /></a><p class="wp-caption-text">Funcionalidad pinch para expandir</p></div>
<h3 id="Some_questions">Algunas preguntas</h3>
<p>¿Mismo tamaño de texto en vista vertical que en apaisada? ¿Iría esto en contra de las Pautas de Apple? [...] evita reformatear la información y reajustar el texto al rotar [...]<br />
Hemos visto pocas opciones sociales en las aplicaciones. ¿Alguna razón de peso? El mundo social es ahora parte del mundo real, queremos ver esas opciones en nuestras aplicaciones.</p>
<p>Todas estas apreciaciones son sólo un primer acercamiento, así que continuaremos analizando y trabajando en evolucionar las aplicaciones.</p>
<p>iPad &#8216;n Roll <img src='http://www.smartsite.es/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p>Read this same article in english: <a href="http://bit.ly/ipad-user-experience">iPad, are there any user interface standards? First impressions based on user experience testing</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.smartsite.es/el-oficio-y-el-negocio/ipad-experiencia-de-usuario-814.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Realidad aumentada y el futuro de la interacción</title>
		<link>http://www.smartsite.es/el-oficio-y-el-negocio/realidad-aumentada-y-el-futuro-de-la-interaccion-732.html</link>
		<comments>http://www.smartsite.es/el-oficio-y-el-negocio/realidad-aumentada-y-el-futuro-de-la-interaccion-732.html#comments</comments>
		<pubDate>Wed, 21 Apr 2010 08:10:44 +0000</pubDate>
		<dc:creator>sonesu</dc:creator>
				<category><![CDATA[El oficio y el negocio]]></category>
		<category><![CDATA[accesible]]></category>
		<category><![CDATA[accessible]]></category>
		<category><![CDATA[experiencia de usuario]]></category>
		<category><![CDATA[Marketing Online]]></category>
		<category><![CDATA[realidad aumentada]]></category>

		<guid isPermaLink="false">http://www.smartsite.es/?p=732</guid>
		<description><![CDATA[
			
				
			
		
Seguro que muchos de vosotros habréis visto Minority Report, y al ver a Tom Cruise interactuar con aquella interfaz como si fuese un director de orquesta, habréis dicho &#8220;¡YO QUIERO LLEGAR A UTILIZAR ESO!&#8221;. (Se nota que nos gusta esta peli, ¿eh? también la mencionamos a cuento del futuro del periodismo&#8230;)
Si no recordáis cómo era ...</p><p><span class="link" pag="http://www.smartsite.es/el-oficio-y-el-negocio/realidad-aumentada-y-el-futuro-de-la-interaccion-732.html">Leer el resto de la entrada &#187;</span></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.smartsite.es%2Fel-oficio-y-el-negocio%2Frealidad-aumentada-y-el-futuro-de-la-interaccion-732.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.smartsite.es%2Fel-oficio-y-el-negocio%2Frealidad-aumentada-y-el-futuro-de-la-interaccion-732.html&amp;source=bikolabs&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Seguro que muchos de vosotros habréis visto Minority Report, y al ver a Tom Cruise interactuar con aquella interfaz como si fuese un director de orquesta, habréis dicho &#8220;¡YO QUIERO LLEGAR A UTILIZAR ESO!&#8221;. (Se nota que nos gusta esta peli, ¿eh? también la mencionamos a cuento del <a href="http://www.smartsite.es/comunicacion/el-futuro-de-los-medios-impresos-empieza-a-salir-del-cascaron-684.html">futuro del periodismo</a>&#8230;)</p>
<p>Si no recordáis cómo era el interfaz de usuario, aparece en este vídeo:<br />
<p><a href="http://www.smartsite.es/el-oficio-y-el-negocio/realidad-aumentada-y-el-futuro-de-la-interaccion-732.html"><em>Pinche aquí para ver el vídeo</em></a></p></p>
<div>
<p>A partir del estreno de la película y de habernos quedado babeando con esa tecnología para HCI, poco a poco fuimos viendo que el futuro se iba acercando: Microsof Surface, iPhone <a title="La tableta de Apple es otra cosa" href="http://www.smartsite.es/movilidad/la-tableta-de-apple-es-otra-cosa-660.html">y ahora iPad</a>&#8230; Y sin embargo nos faltaba esa interactividad de nuestro propio cuerpo con el interfaz.</p>
</div>
<div>
<p>Si ya lo estábamos utilizando con juegos como EyeToy (aunque a otro nivel), ¿por qué tardábamos tanto en verlo en otras aplicaciones?</p>
<p><span id="more-732"></span>¿No necesitáis una opinión a la hora de tomar una decisión en el probador de una tienda de ropa? Pero, &#8220;<em>vaya, he ido sola</em>&#8220;&#8230; ¿La solución? Hacerme una foto, enviarla a una amiga, y después llamar por teléfono <img src='http://www.smartsite.es/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  Pues&#8230; sí, lo he hecho, ¡y bastantes veces!</p>
<p>Imagino que a muchos les ha pasado algo parecido, ya que, de hecho, hay algunos ejemplos de aplicaciones que pretenden solucionar nuestros problemas en cuanto a la elección de ropa:</p>
<h3>Realidad aumentada en aplicaciones web</h3>
<p>Springfield te pone fácil el probarte la colección en casa con esta aplicación:<br />
<p><a href="http://www.smartsite.es/el-oficio-y-el-negocio/realidad-aumentada-y-el-futuro-de-la-interaccion-732.html"><em>Pinche aquí para ver el vídeo</em></a></p></p>
<p>Zugara ofrece una aplicación de realidad aumentada para tiendas online, de manera que se integra perfectamente con el proceso de compra:<br />
<p><a href="http://www.smartsite.es/el-oficio-y-el-negocio/realidad-aumentada-y-el-futuro-de-la-interaccion-732.html"><em>Pinche aquí para ver el vídeo</em></a></p><br />
(Actualmente <a href="https://www.tobi.com">la tienda del vídeo</a> no tiene disponible esta funcionalidad.)<br />
Se parece un poco al <a href="http://www.smartsite.es/wp-content/uploads/2010/04/chef-eye-toy.jpg">Mr. Chef del Eye Toy</a>, ¿habéis jugado?</p>
<p>Este último ejemplo, permite ir un poquito más allá, añadiendo el componente social, ¡indispensable para muchos a la hora de tomar decisiones!</p>
<p>Rayban también te pone más fácil la elección de tus gafas de sol con su aplicación Virtual Mirror:<br />
<p><a href="http://www.smartsite.es/el-oficio-y-el-negocio/realidad-aumentada-y-el-futuro-de-la-interaccion-732.html"><em>Pinche aquí para ver el vídeo</em></a></p></p>
<p>Otras aplicaciones, como esta de Adidas, se enfocan más a generar imagen de marca, incrementar la fidelización y proselitismo:<br />
<p><a href="http://www.smartsite.es/el-oficio-y-el-negocio/realidad-aumentada-y-el-futuro-de-la-interaccion-732.html"><em>Pinche aquí para ver el vídeo</em></a></p></p>
<h3>Realidad aumentada en aplicaciones móviles</h3>
<p>Si ya entramos en el mundo de la movilidad, podemos jugar con otros factores que son la representación del mundo real combinada con otras aplicaciones de lo más variadas:</p>
<p>Visualizador de terremotos con realidad aumentada con <a href="http://vimeo.com/10787008">Wikitude world borwser</a></p>
<p>Reconocedor de perfiles: <a href="http://www.youtube.com/watch?v=5GqJHaNRlas">Recognizr</a></p>
<div id="attachment_749" class="wp-caption aligncenter" style="width: 590px"><a rel="attachment wp-att-749" href="http://www.smartsite.es/el-oficio-y-el-negocio/realidad-aumentada-y-el-futuro-de-la-interaccion-732.html/attachment/earthquake-y-recognizr-realidad-aumentada"><img class="size-medium wp-image-749" title="earthquake y recognizr realidad aumentada" src="http://www.smartsite.es/wp-content/uploads/2010/04/earthquake-y-recognizr-realidad-aumentada-550x156.jpg" alt="" width="580" /></a><p class="wp-caption-text">Aplicación para detectar terremotos (izquierda) y Recognizr reconocedor de personas (derecha)</p></div>
<p>Nike True City, para localizar lugares y eventos interesantes en la ciudad:<br />
<p><a href="http://www.smartsite.es/el-oficio-y-el-negocio/realidad-aumentada-y-el-futuro-de-la-interaccion-732.html"><em>Pinche aquí para ver el vídeo</em></a></p></p>
<h3>Realidad aumentada en interfaces de usuario avanzadas</h3>
<p>En todo caso, ¿es la realidad aumentada una moda más? Podríamos pensarlo si nos quedamos en estos ejemplos, pero seguimos echando de menos una interacción algo más avanzada&#8230;</p>
<p>John Underkoffler, consultor científico de Minority Report, ha trabajado los últimos años con o compañía Oblong Industries en un interfaz que permita manejar la pantalla a través de gestos. ¿Aplicaciones? Algunas son el <a title="ver vídeo en youtube" href="http://www.youtube.com/watch?v=KqyHM29VNqM">modelado virtual de cerámicas</a>, o g-stalt interface, que te permite manejar con las manos, por ejemplo, una galería de imágenes:</p>
<p><a href="http://www.smartsite.es/el-oficio-y-el-negocio/realidad-aumentada-y-el-futuro-de-la-interaccion-732.html"><em>Pinche aquí para ver el vídeo</em></a></p>
<p>¡Esto es lo que queremos llegar a tener en casa! ¿Llegaremos al menos a probarlo?</p>
<p>De momento en Biko miraremos a un futuro más cercano, aplicando la <a title="¿Cómo es un Smartsite?" href="http://biko2.com/como-es-un-smartsite">filosofía Smartsite</a> a los próximos retos de nuevas narrativas en web, smartphones e iPad&#8230;</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.smartsite.es/el-oficio-y-el-negocio/realidad-aumentada-y-el-futuro-de-la-interaccion-732.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>La tableta de Apple es otra cosa</title>
		<link>http://www.smartsite.es/movilidad/la-tableta-de-apple-es-otra-cosa-660.html</link>
		<comments>http://www.smartsite.es/movilidad/la-tableta-de-apple-es-otra-cosa-660.html#comments</comments>
		<pubDate>Mon, 05 Apr 2010 15:24:56 +0000</pubDate>
		<dc:creator>diegocenzano</dc:creator>
				<category><![CDATA[Movilidad]]></category>
		<category><![CDATA[Tablets]]></category>
		<category><![CDATA[accesible]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[biko]]></category>
		<category><![CDATA[bikolabs]]></category>
		<category><![CDATA[interaccion]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[nuevas narrativas]]></category>
		<category><![CDATA[tableta]]></category>
		<category><![CDATA[usabilidad]]></category>

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

		<guid isPermaLink="false">http://www.smartsite.es/?p=430</guid>
		<description><![CDATA[
			
				
			
		
Y nunca mejor dicho. Los pequeños de la casa, se están haciendo mayores. Los teléfonos móviles, así como los smartbooks, netbooks, tablets, MIDs o consolas portátiles, están consiguiendo unas capacidades de procesamiento, de gestión de tareas y de reproducción de gráficos que nada tiene que envidiar a la de sus hermanos mayores.
No sólo eso, además ...</p><p><span class="link" pag="http://www.smartsite.es/movilidad/nos-crecen-los-enanos-430.html">Leer el resto de la entrada &#187;</span></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.smartsite.es%2Fmovilidad%2Fnos-crecen-los-enanos-430.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.smartsite.es%2Fmovilidad%2Fnos-crecen-los-enanos-430.html&amp;source=bikolabs&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Y nunca mejor dicho. Los pequeños de la casa, se están haciendo mayores. Los teléfonos móviles, así como los smartbooks, netbooks, tablets, MIDs o consolas portátiles, están consiguiendo unas capacidades de procesamiento, de gestión de tareas y de reproducción de gráficos que nada tiene que envidiar a la de sus hermanos mayores.</p>
<p>No sólo eso, además muchos de ellos incorporan navegadores con la última tecnología HTML5/CSS3, reproducción de Flash HD, resoluciones de pantalla de 720p, procesadores de 1Ghz, chipsets dedicados para gráficos y pronto tendremos la grabación y reproducción a 1080p. Parece increíble, pero está todo ahí. Más bien, está ya aquí.</p>
<p><span id="more-430"></span><br />
Y los enanos son bien conocidos, <a href="http://www.apple.com/es/iphone/">Iphone 3GS</a>, <a href="http://www.motorola.com/Consumers/US-EN/Consumer-Product-and-Services/Mobile-Phones/Motorola-DROID-US-EN?localeId=33">Motorola Droid/Milestone</a>, <a href="http://www.google.com/phone">Nexus One</a>, <a href="http://www.nokia.es/productos/moviles/nokia-n900-maemo-pantalla-tactil-teclado-qwerty">N900</a>,&#8230; y ahora <a href="http://twitter.com/#search?q=LG%20GW990">se habla del LG GW990</a>, el primer móvil con un procesador Intel Atom, el mismo que usan los netbooks (aunque no es exactamente el mismo procesador, ni la misma plataforma). Y si 2009 fue el año de los netbooks, 2010 se ve como el año de los smartbooks, MIDs, tablets y smartphones o lo que es lo mismo dispositivos pensados para Internet.</p>
<p>Los consumidores ya tienen el hardware en sus manos, tienen las tarifas de datos, ¿tenemos nosotros preparados nuestros sites para que consuman información?</p>
<p>La manera en la que consumimos y generamos información ya ha cambiado radicalmente, aunque aún estemos lejos de cifras como las de Japón, donde <a href="http://www.socialmediatoday.com/SMC/163718">un 75% de accesos a las redes sociales se realizan únicamente desde dispositivos móviles</a>, estamos andando el camino hacia esas cifras. Lo hacemos, eso sí, más despacio y con bastante más retraso, porque la implantación de nuevas tecnologías es más lenta en comparación con el país nipón y porque las tarifas aún son prohibitivas en comparación. Pero el cambio ya se está viendo, y ha venido de la mano de los fabricantes más que de las operadoras.</p>
<p>Conforme los citados Milestone, Nexus One, y lo que venga, vayan apareciendo en el mercado a lo largo de este año, está claro que veremos cómo se dispara el consumo de información a través de dispositivos móviles, y todos nos veremos beneficiados, la facilidad con la que podemos generar y subir contenido multimedia, como videos y fotos geoposicionados, desde un teléfono móvil, va a permitir que más gente se convierta en creadora, exista más material online y se puedan crear aplicaciones más interesantes para los usuarios.</p>
<p>Pero ya no basta con permitir el acceso al contenido, o con crear un servicio, hay que seducir al usuario. Qué hace a mi marca/aplicación distintas del resto, en qué beneficio al usuario y cómo puedo aumentar su amor por mi marca.</p>
<p>Uno de los caminos a seguir es ofrecer un servicio novedoso con un coste relativamente barato, algo que impacte al usuario. En <a href="http://www.idealista.com">Idealista</a> supieron ver esa oportunidad creando un <a href="http://www.idealista.com/labs/layar">buscador de pisos de realidad aumentada</a> para iPhone OS y Android basado en la plataforma <a href="http://layar.com/">Layar</a>.</p>
<p>Otra buena opción está en la posibilidad de ofrecer un servicio que no se relacione directamente con la marca de la empresa, pero que sea útil para el usuario, generando indirectamente sentimientos positivos hacia la marca. Un buen punto que han sabido entender perfectamente la gente de <a href="http://www.landrover.es">Land Rover</a>, en asociación con el <a href="http://www.skiclub.co.uk">Club de Ski de Gran Bretaña</a>, al lanzar <a href="http://www.sotic.co.uk/eng/531.php">una aplicación para iPhone</a> que informa de más de 250 pistas de ski de todo el mundo. Útil, gratuita y con mucho valor para posibles compradores del tipo de coche que Land Rover fabrica.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.smartsite.es/movilidad/nos-crecen-los-enanos-430.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Ubicuidad en los verdes campos: aplicaciones táctiles para agricultores</title>
		<link>http://www.smartsite.es/smartsite/ubicuidad-en-los-verdes-campos-aplicaciones-tactiles-para-agricultores-123.html</link>
		<comments>http://www.smartsite.es/smartsite/ubicuidad-en-los-verdes-campos-aplicaciones-tactiles-para-agricultores-123.html#comments</comments>
		<pubDate>Mon, 23 Nov 2009 12:42:49 +0000</pubDate>
		<dc:creator>maiteraki</dc:creator>
				<category><![CDATA[Smartsite]]></category>
		<category><![CDATA[accesible]]></category>
		<category><![CDATA[aplicacion]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[interfaz]]></category>

		<guid isPermaLink="false">http://www.smartsite.es/?p=123</guid>
		<description><![CDATA[
			
				
			
		
Una afirmación indiscutible: la simplicidad es fundamental al plantear el diseño de cualquier interfaz de usuario. Todos los controles que coloquemos en la pantalla deben ser utiles para cada momento concreto de la aplicación, ya que cuantos más controles aparezcan más tiempo perderá el usuario averiguando como utilizar la interfaz.
Si además se trata una aplicación ...</p><p><span class="link" pag="http://www.smartsite.es/smartsite/ubicuidad-en-los-verdes-campos-aplicaciones-tactiles-para-agricultores-123.html">Leer el resto de la entrada &#187;</span></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.smartsite.es%2Fsmartsite%2Fubicuidad-en-los-verdes-campos-aplicaciones-tactiles-para-agricultores-123.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.smartsite.es%2Fsmartsite%2Fubicuidad-en-los-verdes-campos-aplicaciones-tactiles-para-agricultores-123.html&amp;source=bikolabs&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p><span style="font-family: Verdana,sans-serif"><span style="font-size: small"><span>Una afirmación indiscutible: la <strong>simplicidad</strong> es fundamental al plantear el diseño de cualquier <strong>interfaz de usuario</strong>. Todos los controles que coloquemos en la pantalla deben ser utiles para cada momento concreto de la aplicación, ya que cuantos más controles aparezcan más tiempo perderá el usuario averiguando como utilizar la interfaz.</span></span></span></p>
<p><img class="alignleft size-full wp-image-165" title="Agrinnova" src="http://www.smartsite.es/wp-content/uploads/2009/11/agrinnova3-300x225.png" alt="Agriinnova" width="300" height="225" /><span style="font-family: Verdana,sans-serif"><span style="font-size: small"><span>Si además se trata una <strong>aplicación táctil</strong> todavía toma más fuerza esta simplicidad, ya que tenemos que permitir a los usuarios hacer las cosas con menos esfuerzo y tiempo. La interacción con el contenido debe ser satisfactoria, intuitiva y rápida. Por ejemplo, el usuario debe saber donde se encuentra en todo momento, así como poder avanzar, retroceder o volver al inicio de la aplicación.<span id="more-123"></span></span></span></span></p>
<p><span style="font-family: Verdana,sans-serif"><span style="font-size: small"><span>Con todo, la usabilidad no es universal sino particular para cada <a href="http://es.wikipedia.org/wiki/Usabilidad" target="_blank">contexto de uso específico</a>. Por ello, resulta necesario determinar qué precisa nuestro usuario en su entorno concreto de trabajo.<br />
Es entonces cuando nos centramos en el usuario y analizamos cada uno de sus requerimientos para conseguir una aplicación a su medida.</span></span></span></p>
<p><img class="alignleft size-full wp-image-166" title="Agrinnova" src="http://www.smartsite.es/wp-content/uploads/2009/11/imagen-29-300x228.png" alt="Agrinnova" width="300" height="228" /><br />
<span style="font-family: Verdana,sans-serif"><span style="font-size: small"><span>Adelantándonos a lo que espera encontrar y lo que necesita en cada contexto para lograr llevar a cabo su trabajo. También debe ver una respuesta inmediata en cuanto toque la pantalla y así reconozca que se han registrado sus instrucciones táctiles.  Parece algo obvio pero dar <strong>retroalimentación</strong> inmediata al usuario, como un &#8220;presionado&#8221; de botón por ejemplo, mejorará su experiencia y más si se trata de una aplicación táctil.</span></span></span></p>
<p><span style="font-family: Verdana,sans-serif"><span style="font-size: small"><span>Nuestro proyecto de <strong>Agrinnova</strong> combina todas estas características. Es desarrollado para una serie de ordenadores con pantallas táctiles, a modo de kioskos interactivos. El objetivo del proyecto consiste en conseguir que los <strong>agricultores</strong> riojanos utilicen la interfaz táctil, que situamos en sus hogares, para <strong>registrar sus datos</strong> sobre sus cosechas (siembra, riego, tratamientos&#8230;).</span></span></span></p>
<p><span style="font-family: Verdana,sans-serif"><span style="font-size: small"><span>Funcionalmente, la aplicación ofrece a los agricultores información general (información meteorológica, precios de mercado), noticias del sector, un sistema de mensajería (para comunicarse con el servicio de soporte y administración), informes y trazabilidad (sobre cosechas, riego, tratamiento, siembra&#8230;), la aplicación de recogida de datos, en la cual, a través de una <strong>secuencia de formularios</strong> el usuario puede registrar toda la información sobre el estado de su trabajo en el campo.</span></span></span></p>
<p><img class="alignleft size-full wp-image-167" title="Agrinnova" src="http://www.smartsite.es/wp-content/uploads/2009/11/agrinnova3-300x2251.png" alt="Agrinnova" width="300" height="225" /><span style="font-family: Verdana,sans-serif"><span style="font-size: small"><span>Tratamos de adaptar la aplicación al usuario proporcionándole unos botones grandes para facilitar su uso y utilizando javascript para facilitar las entradas (calendarios y teclados emergentes por ejemplo). Por otro lado troceamos los formularios por pasos para que resultasen aun más sencillos de completar.<br />
</span></span></span><br />
<span style="font-family: Verdana,sans-serif"><span style="font-size: small"><span>Con todo lo comentado, y tratando de que el cambio a esta nueva forma de trabajo resultase lo más natural posible, construimos con mucho mimo una interface que no distrajera ni saturase al usuario, sino que le facilitase en todo momento la adaptación a su <strong>nueva herramienta de trabajo</strong>.</span></span></span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.smartsite.es/smartsite/ubicuidad-en-los-verdes-campos-aplicaciones-tactiles-para-agricultores-123.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

