<?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>móviles &#8211; Tesseract Space</title>
	<atom:link href="https://www.tesseractspace.com/blog/tag/moviles/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.tesseractspace.com/blog</link>
	<description>Blog sobre diseño de UX</description>
	<lastBuildDate>Tue, 24 May 2022 17:38:11 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://i0.wp.com/www.tesseractspace.com/blog/wp-content/uploads/2019/03/cropped-TesseractSpaceCubeHorizontalBlue.png?fit=32%2C32&#038;ssl=1</url>
	<title>móviles &#8211; Tesseract Space</title>
	<link>https://www.tesseractspace.com/blog</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">159373517</site>	<item>
		<title>Diseño de UX para Ambient Computing</title>
		<link>https://www.tesseractspace.com/blog/diseno-de-ux-para-ambient-computing/</link>
		
		<dc:creator><![CDATA[Mauricio Angulo S.]]></dc:creator>
		<pubDate>Tue, 24 May 2022 17:27:37 +0000</pubDate>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Tecnología]]></category>
		<category><![CDATA[AI]]></category>
		<category><![CDATA[futuros]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[HCI]]></category>
		<category><![CDATA[iot]]></category>
		<category><![CDATA[medición]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[móviles]]></category>
		<category><![CDATA[web 3.0]]></category>
		<guid isPermaLink="false">https://www.tesseractspace.com/blog/?p=659</guid>

					<description><![CDATA[mbient Computing" o "Computación Ambiental" es una de las últimas tendencias. Las empresas de tecnología están tratando de profundizar la integración de sus productos y servicios en la vida diaria de sus usuarios hasta el punto de que los usuarios no sean conscientes de que los están usando.]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><strong>«<em>Ambient Computing</em>» o «<em>Computación Ambiental</em>» es una de las últimas tendencias. Las empresas de tecnología están tratando de profundizar la integración de sus productos y servicios en la vida diaria de sus usuarios hasta el punto de que los usuarios no sean conscientes de que los están usando.</strong></p>



<p class="wp-block-paragraph">Hace algunos años, con el inicio de la llamada <a href="https://es.wikipedia.org/wiki/Web_2.0" data-type="URL" data-id="https://es.wikipedia.org/wiki/Web_2.0">Web 2.0</a>, comenzó un nuevo enfoque sobre el diseño de la interacción entre personas y computadoras, un modelo promovido por <strong>Microsoft </strong>llamado «<strong><a href="https://www.business-standard.com/article/management/three-screens-and-the-cloud-110052400028_1.html" data-type="URL" data-id="https://www.business-standard.com/article/management/three-screens-and-the-cloud-110052400028_1.html">Tres pantallas y una Nube</a></strong>«, marcando el hecho de que las personas ya no interactuaban de manera exclusiva con un dispositivo a la vez, sino que su atención comenzaba a oscilar entre la pantalla de la PC, la de su <em>smartphone </em>y alguna otra pantalla: una <em>tablet</em>, una TV, un reloj inteligente, una consola de video juegos o alguna otra. </p>



<p class="wp-block-paragraph">La popularidad de los dispositivos móviles y las conexiones de red inalámbricas abrieron el camino para el <strong>cómputo móvil</strong>, permitiendo que las interacciones con otros dispositivos en entornos cambiantes se volviera el nuevo estándar. El siguiente paso evolutivo en esta tendencia es que <strong>la tecnología reacciona al usuario y se adapta a sus necesidades de manera proactiva</strong>.</p>



<h3 class="wp-block-heading">Qué es Ambient Computing</h3>



<p class="wp-block-paragraph">Las tecnologías a las que nos referimos colectivamente como «<strong><a href="https://www.digitaltrends.com/computing/what-is-ambient-computing/" data-type="URL" data-id="https://www.digitaltrends.com/computing/what-is-ambient-computing/">Ambient Computing</a></strong>» están basadas en los principios de <strong>Internet of Things</strong> o <strong>IoT</strong>, y son la suma de dispositivos, algoritmos y sensores alrededor de una persona que trabajan en beneficio de su usuario sin necesidad de instrucciones explícitas. Como ambiente significa «<em>en su entorno</em>«, estos dispositivos están diseñados para estar tan integrados en su entorno que los usuarios no sean consciente de ellos, un enfoque de diseño de interacción significativamente diferente al de los móviles y otros dispositivos inteligentes que se deben verificar activa y continuamente para usarlos.</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe title="Made by Google &#039;19" width="640" height="360" src="https://www.youtube.com/embed/XKmsYB54zBk?start=200&#038;feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div><figcaption>Rick Osterloh habla sobre Ambient Computing en «Made by Google» 2019</figcaption></figure>



<p class="wp-block-paragraph">La mayoría de los sistemas y servicios necesitan de una interacción activa por parte de sus usuarios. Por ejemplo, si una persona desea que su casa esté un poco más fresca, puede configurar manualmente su aire acondicionado a la temperatura deseada con un control remoto o una aplicación móvil.</p>



<p class="wp-block-paragraph">El objetivo de la <strong>Ambient Computing</strong> es eliminar la fricción entre el usuario y los servicios que utiliza: en lugar de interactuar activamente con los dispositivos, las personas interactuarían con su entorno y los dispositivos responderían a sus acciones. Con un termostato inteligente ambiental, el dispositivo mide la temperatura de la habitación y conociendo las preferencias previas de sus usuarios, podría ajustar la temperatura por si mismo, antes de que el usuario lo pida.</p>



<h3 class="wp-block-heading">Características de Ambient Computing</h3>



<p class="wp-block-paragraph">El paradigma de la inteligencia ambiental se basa en sistemas generalistas y ubicuos, los datos de los perfiles de sus usuarios y el contexto y diseño de la interacción de estos sistemas con un enfoque centrado en las personas. Todos estos sistemas y modelos deben ser:</p>



<ul class="wp-block-list"><li><strong>Integrados:</strong> los dispositivos están integrados en el entorno,</li><li><strong>Conscientes de su contexto: </strong>los dispositivos pueden reconoce a sus usuarios y su contexto situacional,</li><li><strong>Personalizables:</strong> se pueden configurar y adaptar a las necesidades de sus usuarios,</li><li><strong>Adaptativos:</strong> puede cambiar según la retroalimentación de sus usuarios, su historial de uso y su interacción con otros dispositivos,</li><li><strong>Anticipatorios: </strong>pueden anticiparse a las necesidades y deseos de su usuario sin mediación consciente.</li></ul>



<p class="wp-block-paragraph">El diseño de interacción de un entorno de <strong>Ambient Computing</strong> debe tomar en cuenta:</p>



<ul class="wp-block-list"><li><strong>Señales de estado interno: </strong>señales de estado, desde «pings» hasta pulso cardiaco y otros indicadores de salud del usuario, incluyendo estados y datos adicionales de los dispositivos, como nivel de batería, CPU/utilización de memoria, calidad de la señal de red, tiempo de actividad o versión de software o de la plataforma.</li><li><strong>Ubicación y geolocalización:</strong> comunicación de ubicación espacial por medio de GPS, GSM, triangulación o técnicas de proximidad para dar contexto físico.</li><li><strong>Atributos físicos: </strong>monitoreo del entorno que rodea al dispositivo y a sus usuarios, incluida la altitud, orientación, temperatura, humedad, radiación, calidad del aire, ruido y vibración.</li><li><strong>Atributos funcionales: </strong>capacidad de análisis del entorno por medio de inteligencia artificial en el dispositivo para procesar y describir los casos de uso en conjunto con otros dispositivos y servicios.</li><li><strong>Servicios de actuación: </strong>capacidad de activar, cambiar o detener de remotamente las  propiedades físicas o acciones en un dispositivo o servicio.</li></ul>



<h3 class="wp-block-heading">Tecnologías para Ambient Computing</h3>



<p class="wp-block-paragraph">El diseño de entornos de <strong>Ambient Computing</strong> integra muchas tecnologías que incluyen sensores de movimiento, reconocimiento de voz, detectores de gestos, apps en dispositivos portátiles e inteligencia artificial. En muchos sentidos, es la evolución en el diseño de interacción enfocado en ambientes y no en pantallas.</p>



<p class="wp-block-paragraph">Dado que el objetivo en <strong>Ambient Computing </strong>es integrar los dispositivos en el entorno del usuario, <a href="https://www.youtube.com/watch?v=_kwUuy5B6r0" data-type="URL" data-id="https://www.youtube.com/watch?v=_kwUuy5B6r0">nuevos modelos de interacción basados en nuevos materiales y la integración de circuitos y tecnología en objetos cotidianos</a> abre las posibilidades a una interacción directa con objetivos cotidianos para reducir la complejidad y la centralización de las interfaces.</p>



<figure class="wp-block-image size-large"><img data-recalc-dims="1" fetchpriority="high" decoding="async" width="640" height="146" src="https://i0.wp.com/www.tesseractspace.com/blog/wp-content/uploads/2022/05/hidden_interfaces_interactive_prototypes.gif?resize=640%2C146&#038;ssl=1" alt="" class="wp-image-661" srcset="https://i0.wp.com/www.tesseractspace.com/blog/wp-content/uploads/2022/05/hidden_interfaces_interactive_prototypes.gif?resize=1024%2C234&amp;ssl=1 1024w, https://i0.wp.com/www.tesseractspace.com/blog/wp-content/uploads/2022/05/hidden_interfaces_interactive_prototypes.gif?resize=768%2C175&amp;ssl=1 768w, https://i0.wp.com/www.tesseractspace.com/blog/wp-content/uploads/2022/05/hidden_interfaces_interactive_prototypes.gif?w=1280&amp;ssl=1 1280w" sizes="(max-width: 640px) 100vw, 640px" /><figcaption>Los prototipos de interfaz oculta demuestran una representación brillante y expresiva debajo de los materiales cotidianos. De izquierda a derecha: termostato debajo de un textil, un reloj escalable debajo de un enchapado de madera y una pantalla de identificación de llamadas y una cuenta regresiva con zoom debajo de superficies reflejantes.</figcaption></figure>



<p class="wp-block-paragraph">Si bien los entornos inteligentes para <strong>Ambient Computing</strong> pueden estar limitados a cuartos, casas o edificios, conforme la tecnología se vaya adoptando y extendiendo, tomando en cuenta consideraciones de seguridad y privacidad importantes, se podrían crear entornos inteligentes del tamaño de vecindarios o hasta ciudades inteligentes.</p>



<h3 class="wp-block-heading">Referencias</h3>



<ul class="wp-block-list"><li><a href="https://en.wikipedia.org/wiki/Ambient_intelligence" data-type="URL" data-id="https://en.wikipedia.org/wiki/Ambient_intelligence">Ambient Inteligence</a> &#8211; Wikipedia</li><li><a href="http://ai.googleblog.com/2022/04/hidden-interfaces-for-ambient-computing.html">Hidden Interfaces for Ambient Computing</a> &#8211; Google AI Blog</li><li><a href="https://www.digitaltrends.com/computing/what-is-ambient-computing/" data-type="URL" data-id="https://www.digitaltrends.com/computing/what-is-ambient-computing/">What is ambient computing?</a> &#8211; Digital Trends</li><li><a href="https://www2.deloitte.com/content/dam/Deloitte/uk/Documents/technology/deloitte-uk-ambientcomputing.pdf" data-type="URL" data-id="https://www2.deloitte.com/content/dam/Deloitte/uk/Documents/technology/deloitte-uk-ambientcomputing.pdf">Ambient computing. Putting the Internet of Things to work</a> &#8211; Deloitte</li></ul>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">659</post-id>	</item>
		<item>
		<title>Sesiones de diseño en Google I/O 2022</title>
		<link>https://www.tesseractspace.com/blog/sesiones-de-diseno-en-google-i-o-2022/</link>
		
		<dc:creator><![CDATA[Mauricio Angulo S.]]></dc:creator>
		<pubDate>Mon, 23 May 2022 17:44:57 +0000</pubDate>
				<category><![CDATA[Tecnología]]></category>
		<category><![CDATA[AI]]></category>
		<category><![CDATA[AR]]></category>
		<category><![CDATA[Design Sprint]]></category>
		<category><![CDATA[Diseño de audio]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Google Assistant]]></category>
		<category><![CDATA[Material Design]]></category>
		<category><![CDATA[móviles]]></category>
		<guid isPermaLink="false">https://www.tesseractspace.com/blog/?p=655</guid>

					<description><![CDATA[Esta es mi selección de  las presentaciones de Google I/O 2022, que tienen que ver con usabilidad, diseño de interfaces visuales o de voz, es decir, de diseño de Experiencia de Usuario.]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><strong><a href="https://io.google/" data-type="URL" data-id="https://io.google/">Google I/O</a> es el evento anual de Google donde anuncian lo más reciente en sus plataformas para desarrollo y diseño de web y aplicaciones. <a href="https://www.tesseractspace.com/blog/sesiones-de-diseno-en-google-i-o-2019/" data-type="URL" data-id="https://www.tesseractspace.com/blog/sesiones-de-diseno-en-google-i-o-2019/">Así como en 2019</a>, esta es mi  lista de las sesiones más relevantes sobre UX y diseño en Google I/O 2022.</strong></p>



<p class="wp-block-paragraph">Este año, debido a las condiciones por la pandemia de COVID19, todas las sesiones del evento estuvieron disponibles en el sitio web del evento mientras ocurrían, además de talleres, retos y otras actividades para los asistentes.</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe title="Google I/O in under 12 Minutes" width="640" height="360" src="https://www.youtube.com/embed/CWTm0ccfZe4?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div><figcaption>Resumen de la sesión de apertura de Google I/O 2022</figcaption></figure>



<p class="wp-block-paragraph">Todas las presentaciones del evento están disponibles en <strong><a href="https://io.google/2022/program/" data-type="URL" data-id="https://io.google/2022/program/">en el sitio de Google I/O 2022</a></strong>, pero dejo aquí una lista de las que tienen que ver con usabilidad, diseño de interfaces visuales o de voz, es decir, de <strong>diseño de Experiencia de Usuario</strong>:</p>



<ul class="wp-block-list"><li><a href="https://io.google/2022/program/38c804de-d8dc-4ea3-b73e-f6bf21672c0c/">Pongámonos personales: diseñar la accesibilidad para las personas.</a><br><strong>Ponentes:</strong> Julia Feldman y Karen Ng.</li><li><a href="https://io.google/2022/program/222bf914-24e3-4478-be37-9d8162d6460e/" data-type="URL" data-id="https://io.google/2022/program/222bf914-24e3-4478-be37-9d8162d6460e/">Diseño de aplicaciones para pantallas grandes</a>.<br><strong>Ponente:</strong> André Labonté.</li><li><a href="https://io.google/2022/program/06aeeb23-3f65-4a7b-9947-c80aa35a6c07/" data-type="URL" data-id="https://io.google/2022/program/06aeeb23-3f65-4a7b-9947-c80aa35a6c07/">Cómo crear una tipografía expresiva y legible con fuentes variables</a>.<br><strong>Ponentes: </strong>Michael Gilbert, Sehee Lee y Tobias Kunisch.</li><li><a href="https://io.google/2022/program/5ee21fc7-6374-47df-bc17-a29fdd53ce60/" data-type="URL" data-id="https://io.google/2022/program/5ee21fc7-6374-47df-bc17-a29fdd53ce60/">Migración a fuentes variables</a>.<br><strong>Ponentes:</strong> Ivy Knight y Liam Spradlin.</li><li><a href="https://io.google/2022/program/8f756d73-0607-4246-b932-526398f991e1/" data-type="URL" data-id="https://io.google/2022/program/8f756d73-0607-4246-b932-526398f991e1/">Lo que podemos aprender de los nuevos usuarios de Internet.</a><br><strong>Ponentes:</strong> Neha Malhotra y Nicole Naurath.</li><li><a href="https://io.google/2022/program/7508cd2e-a0a3-4190-adf0-961d21b2424e/" data-type="URL" data-id="https://io.google/2022/program/7508cd2e-a0a3-4190-adf0-961d21b2424e/">Convertiendo una aplicación en Flutter de aburrida a hermosa</a>.<br><strong>Ponentes:</strong> Khanh Nguyen y Rody Davis.</li><li><a href="https://io.google/2022/program/aedbd452-b886-4ad9-af88-48f2bc01091b/">Novedades en accesibilidad en Android</a>.<br><strong>Ponentes:</strong> Nimer Jaber, Scott Adams, Vince Wu.</li><li><a href="https://io.google/2022/program/8a683847-f670-4b03-852a-b7e544600bcd/" data-type="URL" data-id="https://io.google/2022/program/8a683847-f670-4b03-852a-b7e544600bcd/">Introducción a la accesibilidad y la inclusión de productos</a>.<br><strong>Ponentes: </strong>Alex Wang y Shu Jiang.</li><li><a href="https://io.google/2022/program/84bda4d4-bdd9-418f-aa85-f6adbc9f50d8/" data-type="URL" data-id="https://io.google/2022/program/84bda4d4-bdd9-418f-aa85-f6adbc9f50d8/">Depuración de accesibilidad con Chrome DevTools</a>.<br><strong>Ponente: </strong>Cynthia Shelly</li><li><a href="https://io.google/2022/program/33ca1afa-36ba-4f50-b016-0e5c3a3bf063/" data-type="URL" data-id="https://io.google/2022/program/33ca1afa-36ba-4f50-b016-0e5c3a3bf063/">Presentando el Marco de Diseño Accesible de Google</a>.<br><strong>Ponente:</strong> Jenine Durland.</li><li><a href="https://io.google/2022/program/05c2523e-be40-4c63-8308-5379b9717a7c/" data-type="URL" data-id="https://io.google/2022/program/05c2523e-be40-4c63-8308-5379b9717a7c/">Layouts básicos con Compose</a>.<br><strong>Ponentes:</strong> Jolanda Verhoef y Simona Stojanovic.</li><li><a href="https://io.google/2022/program/aee2922d-26df-4f58-8759-8ed41c375506/" data-type="URL" data-id="https://io.google/2022/program/aee2922d-26df-4f58-8759-8ed41c375506/">Novedades en Realidad Aumentada (AR) de Google</a>.<br><strong>Ponentes: </strong>Eric Lai y Jared Finder.</li><li><a href="https://io.google/2022/program/7f0f4d16-b260-414d-9f2d-bd2e18ea469b/" data-type="URL" data-id="https://io.google/2022/program/7f0f4d16-b260-414d-9f2d-bd2e18ea469b/">Creación de aplicaciones atractivas y eficientes para Wear OS</a>.<br><strong>Ponentes:</strong> Chad Allen y Kseniia Shumelchyk.</li></ul>



<p class="wp-block-paragraph">También hay disponibles <a href="https://io.google/2022/learning/?q=4f7a4e03-99c1-4f0d-9652-9dae6ab6c921,60ed9001-f01b-45d0-8983-6fb865378f70" data-type="URL" data-id="https://io.google/2022/learning/?q=4f7a4e03-99c1-4f0d-9652-9dae6ab6c921,60ed9001-f01b-45d0-8983-6fb865378f70">talleres y laboratorios sobre diseño y accesibilidad</a> en el sitio de <strong>Google I/O 2022</strong>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">655</post-id>	</item>
		<item>
		<title>Sesiones de diseño en Google I/O 2019</title>
		<link>https://www.tesseractspace.com/blog/sesiones-de-diseno-en-google-i-o-2019/</link>
		
		<dc:creator><![CDATA[Mauricio Angulo S.]]></dc:creator>
		<pubDate>Fri, 10 May 2019 21:44:19 +0000</pubDate>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Tecnología]]></category>
		<category><![CDATA[AI]]></category>
		<category><![CDATA[AR]]></category>
		<category><![CDATA[Design Sprint]]></category>
		<category><![CDATA[Diseño de audio]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Google Assistant]]></category>
		<category><![CDATA[Material Design]]></category>
		<category><![CDATA[móviles]]></category>
		<category><![CDATA[VUI]]></category>
		<guid isPermaLink="false">https://www.tesseractspace.com/blog/?p=515</guid>

					<description><![CDATA[Esta es nuestra lista de las sesiones más relevantes sobre diseño de UX en Google I/O 2019.]]></description>
										<content:encoded><![CDATA[
<h4 class="wp-block-heading">Google I/O es el evento anual de Google donde anuncian lo más reciente en sus plataformas para desarrollo y diseño de web y aplicaciones. Esta es nuestra lista de las sesiones más relevantes sobre UX y diseño en Google I/O 2019.</h4>



<p class="wp-block-paragraph">Cada año y durante tres días, los diseñadores e ingenieros de <strong>Google </strong>presentan en <strong>Google I/O</strong> las novedades de los productos, servicios y plataformas en las que trabajan para hacerlas disponibles al público general. </p>



<div class="wp-block-image"><figure class="aligncenter"><img loading="lazy" decoding="async" width="4608" height="3456" src="https://i0.wp.com/www.tesseractspace.com/blog/wp-content/uploads/2019/05/IMG_20190507_102139.jpg?fit=640%2C480&amp;ssl=1" alt="" class="wp-image-516" srcset="https://i0.wp.com/www.tesseractspace.com/blog/wp-content/uploads/2019/05/IMG_20190507_102139.jpg?w=4608&amp;ssl=1 4608w, https://i0.wp.com/www.tesseractspace.com/blog/wp-content/uploads/2019/05/IMG_20190507_102139.jpg?resize=300%2C225&amp;ssl=1 300w, https://i0.wp.com/www.tesseractspace.com/blog/wp-content/uploads/2019/05/IMG_20190507_102139.jpg?resize=768%2C576&amp;ssl=1 768w, https://i0.wp.com/www.tesseractspace.com/blog/wp-content/uploads/2019/05/IMG_20190507_102139.jpg?resize=1024%2C768&amp;ssl=1 1024w, https://i0.wp.com/www.tesseractspace.com/blog/wp-content/uploads/2019/05/IMG_20190507_102139.jpg?resize=1568%2C1176&amp;ssl=1 1568w, https://i0.wp.com/www.tesseractspace.com/blog/wp-content/uploads/2019/05/IMG_20190507_102139.jpg?w=1280&amp;ssl=1 1280w, https://i0.wp.com/www.tesseractspace.com/blog/wp-content/uploads/2019/05/IMG_20190507_102139.jpg?w=1920&amp;ssl=1 1920w" sizes="auto, (max-width: 640px) 100vw, 640px" /><figcaption>Sundar Pichai en el keynote de Google I/O 2019</figcaption></figure></div>



<p class="wp-block-paragraph"><a href="https://www.youtube.com/user/GoogleDevelopers/videos">Todas las presentaciones del evento están disponibles en <strong>YouTube</strong></a>, pero dejo aquí una lista de las que tienen que ver con <strong>diseño de Experiencia de Usuario</strong>:</p>



<ul class="wp-block-list"><li><a href="https://www.youtube.com/watch?v=YSULAJf6R6M">Más allá del móvil: Material Design, interfaces de usuario adaptables y Flutter</a>. <br>Ponentes: <strong>Will Larche</strong> y <strong>Anthony Robledo</strong>.<br></li><li><a href="https://www.youtube.com/watch?v=FrGaV4wzgeo">Prototipado de Experiencias basadas en Voz: Design Sprints para el Asistente de Google</a>. <br>Ponentes: <strong>Kai Haley</strong> y <strong>Wally Brill</strong>.<br></li><li><a href="https://www.youtube.com/watch?v=r6Nzqcotujc">Diseño de sonido y marca auditiva.</a> <br>Ponente: <strong>Conor O’Sullivan</strong>.<br></li><li><a href="https://www.youtube.com/watch?v=IaT4wdWTwuo">Temas con Material Design: Construcción expresiva con componentes de Material Design.</a><br>Ponentes: <strong>Yasmine Evjen, Michelle Alvarez</strong>.<br></li><li><a href="https://www.youtube.com/watch?v=BlM2T1beKbg">Diseño de aplicaciones de Realidad Aumentada.</a><br>Ponentes: <strong>Alex Faaborg, Khushboo Hasija, Eugene Meng, Germaine Ruffle</strong>.<br></li><li><a href="https://www.youtube.com/watch?v=ecim4DrZTUE">Aumentando el realismo de AR con iluminación.</a><br>Ponentes: <strong>Konstantine Tsotsos, Wan-Chun Alex Ma</strong>.<br></li><li><a href="https://www.youtube.com/watch?v=ak6Uj02DTjk">Cómo llegar a los siguientes mil millones de usuarios con acciones para el Asistente de Google</a>.<br>Ponentes: <strong>Vladimir Vuskovic, Sachit Mishra</strong>.<br></li><li><a href="https://www.youtube.com/watch?v=rf83vRxLWFQ">Diseño de productos de IA centrados las personas.</a><br>Ponentes: <strong>Jess Holbrook, Kristie Fisher</strong>.<br></li><li><a href="https://www.youtube.com/watch?v=qMy4bC306zM">Cómo se puede adoptar y medir Material Design para el éxito de un producto.</a><br>Ponentes: <strong>Michael Gilbert, Clara Kliman-Silver</strong>.<br></li><li><a href="https://www.youtube.com/watch?v=Oh4lCL05XWc">Voz y visual: cómo crear acciones para pantallas inteligentes y más dispositivos.</a><br>Ponentes: <strong>Darla Sharp, Mandy Chan</strong>.<br></li><li><a href="https://www.youtube.com/watch?v=9NDLR3COU7Y">Cómo diseñar un tema oscuro usando Material Design.</a><br>Ponente: <strong>Javier Lopez</strong>.<br></li><li><a href="https://www.youtube.com/watch?v=bEsncYGeMF8">MLKit para Material Design: patrones de diseño para Machine Learning en móviles.</a><br>Ponentes: <strong>Rachel Been, Philippe Cao, Kunal Patel</strong>.<br></li><li><a href="https://www.youtube.com/watch?v=UPZPpuWNCp8">Crear aplicaciones para millones de usuarios (en regiones emergentes).</a><br>Ponentes: <strong>Amrit Sanjeev, Yacine Rezgui, Rajeev Kumar</strong>.<br></li><li><a href="https://www.youtube.com/watch?v=ZRjkSqVedfY">Hablemos: diseñando conversaciones de calidad para el Asistente de Google.</a><br>Ponentes: <strong>Cathy Pearl, Jessica Earley-Cha</strong>.</li></ul>



<p class="wp-block-paragraph">Hay también <a href="https://www.youtube.com/watch?v=vnSDqh6zT6Y&amp;list=PLOU2XLYxmsIIOSO0eWuj-6yQmdakarUzN">una lista de sesiones de </a><strong><a href="https://www.youtube.com/watch?v=vnSDqh6zT6Y&amp;list=PLOU2XLYxmsIIOSO0eWuj-6yQmdakarUzN">Google I/O 19 </a></strong><a href="https://www.youtube.com/watch?v=vnSDqh6zT6Y&amp;list=PLOU2XLYxmsIIOSO0eWuj-6yQmdakarUzN">sobre accesibilidad</a> disponible en <a href="https://www.youtube.com/channel/UClKO7be7O9cUGL94PHnAeOA">el canal de </a><strong><a href="https://www.youtube.com/channel/UClKO7be7O9cUGL94PHnAeOA">Google Design</a></strong><a href="https://www.youtube.com/channel/UClKO7be7O9cUGL94PHnAeOA"> en </a><strong><a href="https://www.youtube.com/channel/UClKO7be7O9cUGL94PHnAeOA">YouTube</a></strong>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">515</post-id>	</item>
		<item>
		<title>Progressive Web Apps: la evolución de las apps móviles</title>
		<link>https://www.tesseractspace.com/blog/pwa-progresive-web-apps/</link>
		
		<dc:creator><![CDATA[Mauricio Angulo S.]]></dc:creator>
		<pubDate>Fri, 12 Apr 2019 20:00:29 +0000</pubDate>
				<category><![CDATA[Tecnología]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[móviles]]></category>
		<guid isPermaLink="false">http://tesseractspace.com/blog/?p=37</guid>

					<description><![CDATA[Los sitios web ha sido relegados en móviles debido a problemas de rendimiento, compatibilidad y de conectividad. Las aplicaciones web progresivas prometen resolver estos problemas.]]></description>
										<content:encoded><![CDATA[
<h4 class="wp-block-heading">Durante años los sitios web ha sido relegados en los dispositivos&nbsp;móviles sobre las <em>apps</em> nativas debido a problemas de rendimiento, compatibilidad y sobre todo, de conectividad. Las aplicaciones web progresivas (<em>Progressive Web Apps o PWA</em>) prometen resolver estos problemas.</h4>



<p class="wp-block-paragraph">Las <strong><a href="https://developers.google.com/web/progressive-web-apps/">Progressive Web Apps</a></strong><a href="https://developers.google.com/web/progressive-web-apps/"> o </a><strong><a href="https://developers.google.com/web/progressive-web-apps/">PWA</a></strong> son un acercamiento al desarrollo de <em>apps</em> para móviles que combinan lo mejor de la web y lo mejor de las apps nativas. Estas nuevas <em>web apps</em>&nbsp;son útiles para sus usuarios desde la primera visita en un navegador web, sin necesidad de instalar nada más.</p>



<div class="wp-block-image"><figure class="aligncenter"><img data-recalc-dims="1" loading="lazy" decoding="async" width="640" height="279" src="https://i0.wp.com/www.tesseractspace.com/blog/wp-content/uploads/2019/04/pwa-app-icon.jpg?resize=640%2C279&#038;ssl=1" alt="" class="wp-image-398" srcset="https://i0.wp.com/www.tesseractspace.com/blog/wp-content/uploads/2019/04/pwa-app-icon.jpg?w=970&amp;ssl=1 970w, https://i0.wp.com/www.tesseractspace.com/blog/wp-content/uploads/2019/04/pwa-app-icon.jpg?resize=300%2C131&amp;ssl=1 300w, https://i0.wp.com/www.tesseractspace.com/blog/wp-content/uploads/2019/04/pwa-app-icon.jpg?resize=768%2C335&amp;ssl=1 768w" sizes="auto, (max-width: 640px) 100vw, 640px" /><figcaption>Las PWA son sitios web que se utiliza en un smartphone como una app nativa.</figcaption></figure></div>



<p class="wp-block-paragraph">A medida que el usuario crea una relación con la <em>app</em> de manera progresiva, ésta se vuelve más poderosa y útil: carga rápidamente, incluso en redes lentas o cuando el dispositivo está desconectado, puede enviar notificaciones, tiene un icono en la pantalla del móvil y funciona a pantalla completa.</p>



<div class="wp-block-image"><figure class="aligncenter"><img data-recalc-dims="1" loading="lazy" decoding="async" width="640" height="360" src="https://i0.wp.com/www.tesseractspace.com/blog/wp-content/uploads/2019/04/arquitectura-PWA.png?resize=640%2C360&#038;ssl=1" alt="Arquitectura PWA" class="wp-image-397" srcset="https://i0.wp.com/www.tesseractspace.com/blog/wp-content/uploads/2019/04/arquitectura-PWA.png?w=960&amp;ssl=1 960w, https://i0.wp.com/www.tesseractspace.com/blog/wp-content/uploads/2019/04/arquitectura-PWA.png?resize=300%2C169&amp;ssl=1 300w, https://i0.wp.com/www.tesseractspace.com/blog/wp-content/uploads/2019/04/arquitectura-PWA.png?resize=768%2C432&amp;ssl=1 768w" sizes="auto, (max-width: 640px) 100vw, 640px" /><figcaption>Arquitectura de una Progressive Web App</figcaption></figure></div>



<p class="wp-block-paragraph">Una <strong>Progressive Web App</strong> tiene las siguiente características:</p>



<ul class="wp-block-list"><li><strong>Estándar</strong> &#8211; utiliza la misma plataforma y tecnología que se utiliza para crear páginas web: HTML, CSS y Javascript.</li><li><strong>Progresiva (¡obvio!)</strong> &#8211; funciona para todos los usuarios, independientemente de cuál navegador web o sistema operativo utilice, porque está construída para mejorar progresivamente&nbsp;desde el principio.</li><li><strong>Responsiva</strong> &#8211; se ajusta a cualquier resolución y formato de pantalla: escritorio, móviles, tabletas, televisiones o&nbsp;lo que sea.</li><li><strong>Independiente de la conexión</strong>&nbsp;&#8211; está mejorada con <a href="https://www.w3.org/TR/service-workers/"><em>service workers</em></a>&nbsp;para funcionar sin conexión o en redes lentas con conexiones intermitentes.</li><li><strong>Como una app nativa</strong> &#8211; el usuario la usará como una <em>app</em>, con soporte para navegación e interacción con gestos.</li><li><strong>Fresca</strong>&nbsp;&#8211; siempre estará actualizada gracias al proceso automático de actualización del <em>service worker</em>.</li><li><strong>Segura</strong>&nbsp;&#8211; trabaja sobre <a href="https://es.wikipedia.org/wiki/Hypertext_Transfer_Protocol_Secure">HTTPS</a> para prevenir que alguien intercepte datos y para asegurarse de que el contenido no ha sido manipulado por otros.</li><li><strong>Descubrible</strong>&nbsp;&#8211; es identificable como una «aplicación» gracias al <a href="https://www.w3.org/TR/appmanifest/">manifiesto de la W3C </a>y al registro de funciones del&nbsp;<em>service worker</em>, permitiendo a los buscadores web encontrarlas.</li><li><strong>Interactiva</strong>&nbsp;&#8211; hace fácil interactuar con ella incluso cuando está cerrada con características como notificaciones tipo <em>push</em>.</li><li><strong>Instalable</strong> &#8211; le permite a sus usuarios crear accesos directos en la pantalla&nbsp;de su teléfono sin necesidad de una tienda de <em>apps</em>.</li><li><strong>Enlazable</strong> &#8211; se pueden compartir fácilmente usando su dirección en la web (URL) y no requiere procesos de instalación complejos.</li></ul>



<div class="wp-block-image"><figure class="aligncenter"><img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/revista.uxnights.com/wp-content/uploads/2016/05/Screenshot-from-2016-05-31-13-51-41.png?w=640" alt="Apps web progresivas" class="wp-image-557"/></figure></div>



<p class="wp-block-paragraph">Ya existen casos de empresas que han comenzado a implementar <strong>Progressive Web Apps</strong><em>,</em> como <strong><a href="https://www.diggintravel.com/5-remarkable-travel-marketing-trends-for-2017/airberlin-pwa/">AirBerlin</a></strong>&nbsp;o <strong><a href="https://developers.google.com/web/showcase/2016/flipkart#tldr">Flipkart</a></strong>&nbsp;con resultados bien documentados en mejoras de experiencia de usuario, retención y conversión.</p>



<figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Introducing Flipkart Lite - The progressive mobile web app" width="640" height="360" src="https://www.youtube.com/embed/MxTaDhwJDLg?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div><figcaption>Video de la presentación de la Progressive Web App de Flipkart</figcaption></figure>



<p class="wp-block-paragraph"><strong>Google</strong> creó <a href="https://codelabs.developers.google.com/codelabs/your-first-pwapp/#1">un taller para aprender a&nbsp;crear aplicaciones web progresivas desde cero</a>, incluyendo consideraciones de diseño y detalles de implementación para asegurar que tus <em>web apps</em> cumplan todos los principios que mencioné antes.</p>



<p class="wp-block-paragraph"><strong>PWA</strong> es compatible con <strong><a href="https://www.tesseractspace.com/blog/amp-accelerated-mobile-pages/">AMP (Accelerated Mobile Pages)</a> </strong>y <a href="https://www.tesseractspace.com/blog/webp-una-alternativa-a-jpg-y-png/">las imágenes en formato </a><strong><a href="https://www.tesseractspace.com/blog/webp-una-alternativa-a-jpg-y-png/">WebP</a></strong> para acelerar aún más la carga de las páginas en la primera visita, que sumado a las capacidades de función <em>offline</em> de <strong>PWA </strong>ayuda a mejorar la experiencia de los usuarios y su <em>engagement</em> al <a href="https://www.tesseractspace.com/blog/tiempo-de-carga-en-la-experiencia-del-usuario/">eliminar el factor de tiempo de carga</a>.</p>



<p class="wp-block-paragraph">El gestor de auditorías para sitios web <strong><a href="https://www.tesseractspace.com/blog/auditorias-de-desempeno-para-sitios-web-con-lighthouse/">Lighthouse</a></strong><a href="https://www.tesseractspace.com/blog/auditorias-de-desempeno-para-sitios-web-con-lighthouse/"> en </a><strong><a href="https://www.tesseractspace.com/blog/auditorias-de-desempeno-para-sitios-web-con-lighthouse/">Google Chrome</a></strong><a href="https://www.tesseractspace.com/blog/auditorias-de-desempeno-para-sitios-web-con-lighthouse/"> incluye un análisis para evaluar las capacidades y el desempeño de </a><strong><a href="https://www.tesseractspace.com/blog/auditorias-de-desempeno-para-sitios-web-con-lighthouse/">Progressive Web Apps</a></strong>.</p>



<p class="wp-block-paragraph">Las&nbsp;<strong>Progressive Web Apps</strong>&nbsp;son una oportunidad&nbsp;para regresar a la web su importancia dentro de dispositivos móviles -o&nbsp;en cualquier otro dispositivo-, y de romper los problemas y&nbsp;&nbsp;dependencias de compatibilidad&nbsp;que tienen las <em>apps</em> nativas.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">37</post-id>	</item>
	</channel>
</rss>

<!--
Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/

Almacenamiento en caché de páginas con Disk: Enhanced 

Served from: www.tesseractspace.com @ 2026-06-22 05:47:18 by W3 Total Cache
-->