<?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>El Blog de Digital Boost</title>
	<atom:link href="https://digboost.com/blog/tag/usabilidad-web/feed/" rel="self" type="application/rss+xml" />
	<link>https://digboost.com/blog</link>
	<description>Todo sobre marketing y desarrollo digital, gamificación, experiencia de usuario, innovación tecnológica y diseño</description>
	<lastBuildDate>Mon, 29 Oct 2018 16:24:53 +0000</lastBuildDate>
	<language>es-ES</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=4.2.2</generator>
	<item>
		<title>¿Cómo influyen las Progressive Web Apps en una estrategia digital?</title>
		<link>https://digboost.com/blog/progressive-web-apps/</link>
		<comments>https://digboost.com/blog/progressive-web-apps/#comments</comments>
		<pubDate>Wed, 23 May 2018 15:10:25 +0000</pubDate>
		<dc:creator><![CDATA[Digital Boost]]></dc:creator>
				<category><![CDATA[Diseño UX/UI]]></category>
		<category><![CDATA[Mobile First]]></category>
		<category><![CDATA[diseño web]]></category>
		<category><![CDATA[experiencia de usuario]]></category>
		<category><![CDATA[progressive web apps]]></category>
		<category><![CDATA[usabilidad web]]></category>
		<category><![CDATA[ux]]></category>
		<category><![CDATA[web app]]></category>

		<guid isPermaLink="false">http://digboost.com/blog/?p=3398</guid>
		<description><![CDATA[<p>El 94,6% de los españoles utiliza el móvil para acceder a Internet. Una realidad que obliga a las compañías a hacer frente a la alta demanda de contenidos adaptados al entorno mobile, con el objetivo de mejorar la usabilidad y la experiencia de navegación de los...</p>
<p>The post <a rel="nofollow" href="https://digboost.com/blog/progressive-web-apps/">¿Cómo influyen las Progressive Web Apps en una estrategia digital?</a> appeared first on <a rel="nofollow" href="https://digboost.com/blog">El Blog de Digital Boost</a>.</p>
]]></description>
				<content:encoded><![CDATA[<p><span style="color: #555555;">El 94,6% de los españoles utiliza el móvil <span style="color: #333333;">para</span> acceder a Internet. Una realidad que obliga a las compañías a hacer frente a la alta demanda de contenidos adaptados al entorno <em>mobile,</em> con el objetivo de mejorar la </span><a href="https://digboost.com/blog/usabilidad-web-y-experiencia-usuario/"><span style="color: #e33b1f;">usabilidad</span></a><span style="color: #555555;"> y la experiencia de navegación de los usuarios y lograr así clientes fieles a su marca. </span><span style="color: #555555;">En este contexto, las <span style="color: #333333;"><strong>PWA</strong> o <strong>Progressive Web Apps</strong></span> son una tecnología fundamental en la estrategia de marca de cualquier empresa, para garantizar al usuario una experiencia en el navegador de su dispositivo móvil próxima a la de una aplicación nativa pero con las funcionalidades propias del escritorio del ordenador.</span></p>
<p>&nbsp;</p>
<p><span style="color: #555555;">Así lo señala el artículo “Progressive Web Applications: cuando la Web se transforma en móvil” que publica el portal <span style="color: #e33b1f;"><a style="color: #e33b1f;" href="http://digitalmarketingtrends.es" target="_blank">Digitalmarketingtrends.es</a></span> y que ha sido elaborado por nuestro compañero Enrique Quintano, <span style="color: #333333;"><strong>Responsable de Proyectos Digitales</strong></span>.</span></p>
<p>&nbsp;</p>
<h3><span style="font-size: 10pt; color: #095403;">6 funcionalidades de las Progressive Web Apps que son claves para las compañías</span></h3>
<p>&nbsp;</p>
<ul>
<li><span style="color: #555555;"><span style="color: #333333;"><strong>Son Responsive:</strong></span> se puede acceder a ellas desde cualquier dispositivo y formato.</span></li>
</ul>
<p>&nbsp;</p>
<ul>
<li><span style="color: #555555;"><span style="color: #333333;"><strong>Funcionan off line:</strong></span> posibilitan trabajar sin conexión a Internet gracias a que almacenan su contenido en caché.</span></li>
</ul>
<p>&nbsp;</p>
<p><img class="alignright  wp-image-3423" src="http://digboost.com/blog/wp-content/uploads/2018/05/Progressive-Web-Apps-300x157.jpg" alt="Progressive Web Apps" width="445" height="233" /></p>
<ul>
<li><span style="color: #555555;"><span style="color: #333333;"><strong><span style="color: #333333;">Tiempo de carga rápido</span>:</strong></span> ofrecen tiempos de carga “casi instantáneos”.</span></li>
</ul>
<p>&nbsp;</p>
<ul>
<li><span style="color: #555555;"><strong><span style="color: #333333;">Visualmente atractivas:</span></strong> cuentan con un diseño web tan seductor como el de una app nativa.</span></li>
</ul>
<p>&nbsp;</p>
<ul>
<li><span style="color: #555555;"><strong><span style="color: #333333;">Actualización automática:</span> </strong>los <em>service workers</em> o secuencias de comandos que el navegador ejecuta en segundo plano permiten que este tipo de aplicaciones estén siempre actualizadas.</span></li>
</ul>
<p>&nbsp;</p>
<ul>
<li><span style="color: #555555;"><span style="color: #333333;"><strong>Alto nivel de seguridad:</strong></span> la navegación se realiza en HTTPS, lo que garantiza una transferencia segura de datos.</span></li>
</ul>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3><span style="font-size: 10pt; color: #095403;">5 ventajas de aplicar las Progressive Web Apps en la estrategia de marca de una empresa</span></h3>
<h3><span style="color: #555555;"> </span></h3>
<ul>
<li><span style="color: #555555;"><strong><span style="color: #333333;">Reducen costes:</span> </strong>no es necesario crear un diseño diferente para iOS y Android, ya que las PWA son compatibles con todos los navegadores y dispositivos.</span></li>
</ul>
<p>&nbsp;</p>
<ul>
<li><span style="color: #555555;"><strong><span style="color: #333333;">Mejoran el SEO:</span></strong> esto es posible gracias a que </span><span style="color: #333333;"><strong>Google</strong></span><span style="color: #555555;"> rastrea este tipo de apps.</span></li>
</ul>
<p>&nbsp;</p>
<ul>
<li><span style="color: #555555;"><strong><span style="color: #333333;">Aumentan el alcance:</span></strong> el experto destaca que uno de los beneficios de las PWA es que se pueden compartir y enlazar fácilmente mediante url y, además, no requieren ser descargadas.</span></li>
</ul>
<p>&nbsp;</p>
<ul>
<li><span style="color: #555555;"><strong><span style="color: #333333;">Incrementan los ratios de conversión:</span></strong> un ejemplo de ello es Aliexpress, que tras instaurar una PWA, aumentó un 104% la conversión de nuevos usuarios y dobló el número de páginas vistas por persona.</span></li>
</ul>
<p>&nbsp;</p>
<ul>
<li><span style="color: #555555;"><strong><span style="color: #333333;">Permiten cambios más ágiles:</span></strong> las modificaciones se realizan mediante un test a/b, por lo que no es necesario actualizar la app para probar la rapidez y el rendimiento de los cambios.</span></li>
</ul>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h5 style="text-align: right;"><span style="color: #333333;">¡DIFÚNDELO!</span></h5>
<p>The post <a rel="nofollow" href="https://digboost.com/blog/progressive-web-apps/">¿Cómo influyen las Progressive Web Apps en una estrategia digital?</a> appeared first on <a rel="nofollow" href="https://digboost.com/blog">El Blog de Digital Boost</a>.</p>
]]></content:encoded>
			<wfw:commentRss>https://digboost.com/blog/progressive-web-apps/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Diferencias entre Usabilidad web y Experiencia de Usuario</title>
		<link>https://digboost.com/blog/usabilidad-web-y-experiencia-usuario/</link>
		<comments>https://digboost.com/blog/usabilidad-web-y-experiencia-usuario/#comments</comments>
		<pubDate>Tue, 13 Jun 2017 11:28:10 +0000</pubDate>
		<dc:creator><![CDATA[Digital Boost]]></dc:creator>
				<category><![CDATA[Diseño UX/UI]]></category>
		<category><![CDATA[accesibilidad]]></category>
		<category><![CDATA[diseño ux ui]]></category>
		<category><![CDATA[diseño web]]></category>
		<category><![CDATA[experiencia de usuario]]></category>
		<category><![CDATA[usabilidad web]]></category>

		<guid isPermaLink="false">http://digboost.com/blog/?p=2756</guid>
		<description><![CDATA[<p>La tecnología está cada vez más presente en nuestro día a día. Actualmente, es impensable salir de casa sin el teléfono móvil. Revisar las redes sociales, las aplicaciones y las noticias en busca de las últimas novedades se ha convertido en una “necesidad”. Lejos de...</p>
<p>The post <a rel="nofollow" href="https://digboost.com/blog/usabilidad-web-y-experiencia-usuario/">Diferencias entre Usabilidad web y Experiencia de Usuario</a> appeared first on <a rel="nofollow" href="https://digboost.com/blog">El Blog de Digital Boost</a>.</p>
]]></description>
				<content:encoded><![CDATA[<p>La tecnología está cada vez más presente en nuestro día a día. Actualmente, es impensable salir de casa sin el teléfono móvil. Revisar las redes sociales, las aplicaciones y las noticias en busca de las últimas novedades se ha convertido en una “necesidad”. Lejos de estancarse, la tecnología y la manera de consumirla continuarán en evolución, con el fin último de lograr una óptima usabilidad web y experiencia de usuario. Dos términos que, aunque es muy común confundirlos, no son lo mismo.</p>
<p>&nbsp;</p>
<p>Sobre las diferencias entre ambos conceptos habla el artículo “<a title="Usabilidad &amp; Experiencia de Usuario" href="http://digitalmarketingtrends.es/usabilidad-experiencia-usuario-hablamos-lo/" target="_blank">Usabilidad &amp; Experiencia de Usuario ¿Hablamos de lo mismo?</a>” que publica el portal <a href="http://digitalmarketingtrends.es" target="_blank">digitalmarketingtrends.es</a> y que ha sido elaborado por <strong><span style="color: #7d5419;">Lourdes López</span>,</strong> nuestra <span style="color: #7d5419;"><strong>UX Designer y que queremos compartir contigo en este post.</strong></span></p>
<p>&nbsp;</p>
<h2><span style="font-size: 14pt;">¿Qué es Usabilidad Web?</span></h2>
<p>Tal y como explica nuestra UX Designer, la<span style="color: #7d5419;"><strong> usabilidad web</strong></span>, que parte del estudio del comportamiento del usuario, es la “capacidad de un producto para ser entendido, aprendido, usado y ser atractivo en cualquier dispositivo con conexión a Internet”. En este sentido, la autora destaca cuatro factores que influyen en una correcta usabilidad web:</p>
<ul>
<li>El <span style="color: #7d5419;"><strong>tiempo de carga</strong></span> de una página web no debe de ser superior a tres segundos.</li>
<li>El <span style="color: #7d5419;"><strong>diseño</strong></span> tiene que ser limpio y claro. La información debe estar bien organizada y el usuario tiene que encontrar fácilmente lo que busca.</li>
<li>La <span style="color: #7d5419;"><strong>accesibilidad</strong></span> debe ser óptima con navegación fácil, práctica y funcional.</li>
<li>Todos los elementos de la web, app… tienen que tener <span style="color: #7d5419;"><strong>sentido y ser coherentes</strong></span>.</li>
</ul>
<p>&nbsp;</p>
<p>De este modo, Lourdes señala que es necesario mostrar correctamente la información al usuario sea cual sea el dispositivo desde el que se navegue, por lo que la web o la app debe ser responsive (que se adapte literalmente) o con diseño adaptativo (elaborar un diseño para cada terminal).</p>
<p>&nbsp;</p>
<p>En este sentido, para que una web tenga un buen nivel de usabilidad, es necesario evaluar y analizar el <strong><span style="color: #7d5419;">comportamiento de los usuarios y la efectividad del diseño web</span></strong> a través de herramientas como CrazyEgg (realiza un seguimiento de los clicks que hacen los usuarios); Smartlook (graba lo que hacen los consumidores); Write Maps (produce, administra y comparte los mapas de la web); MobiReady (mide la calidad responsive en el móvil); Page Speed Insight (evalúa la web a nivel de rendimiento); Browershots (permite ver la web en distintos navegadores) o World Count Tool (determina la facilidad de lectura de los textos en la web).</p>
<p>&nbsp;</p>
<p><img class="aligncenter wp-image-2762 size-full" src="http://digboost.com/blog/wp-content/uploads/2017/06/Usabilidad-web.jpg" alt="Usabilidad Web &amp; Experiencia de Usuario" width="700" height="400" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2><span style="font-size: 14pt;">¿Qué es Experiencia de Usuario?</span></h2>
<p>Por otra parte, Lourdes López subraya que la <span style="color: #7d5419;"><strong>experiencia de usuario</strong></span> va más allá del concepto anterior, siendo el resultado de las “percepciones y respuestas de una persona por el uso y uso anticipado de un servicio, producto o sistema”. Así, la experiencia de usuario se basa en la investigación, organización, diseño y prueba de la calidad. Pero, ¿cuáles son los factores que influyen en una correcta experiencia de usuario?</p>
<ul>
<li><span style="color: #7d5419;"><strong>Utilidad y valor</strong></span>, bien sea informativo o monetario.</li>
<li><span style="color: #7d5419;"><strong>Confianza y seguridad</strong></span>, fundamental para que el usuario tenga una experiencia positiva</li>
<li><span style="color: #7d5419;"><strong>Búsqueda fácil y rápida</strong></span>.</li>
<li><span style="color: #7d5419;"><strong>Deseo</strong></span>. En este caso, un diseño atractivo es fundamental ya que determina que el consumidor quiera entrar en una web o no.</li>
</ul>
<p>&nbsp;</p>
<p>En este caso, para comprobar la experiencia de usuario existen herramientas como Axure, Sketch, JustinMind, Moqups, Wireframe, Balsamiq, Marbel o la tradicional prueba A/B (crear dos versiones de la página y comprobar cual la que tiene mejor rendimiento).</p>
<p>The post <a rel="nofollow" href="https://digboost.com/blog/usabilidad-web-y-experiencia-usuario/">Diferencias entre Usabilidad web y Experiencia de Usuario</a> appeared first on <a rel="nofollow" href="https://digboost.com/blog">El Blog de Digital Boost</a>.</p>
]]></content:encoded>
			<wfw:commentRss>https://digboost.com/blog/usabilidad-web-y-experiencia-usuario/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
