<?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/experiencia-de-usuario/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>
		<item>
		<title>10 claves para una web centrada en el usuario &#8211; Usabilidad</title>
		<link>https://digboost.com/blog/10-claves-web-centrada-en-el-usuario/</link>
		<comments>https://digboost.com/blog/10-claves-web-centrada-en-el-usuario/#comments</comments>
		<pubDate>Tue, 23 Aug 2016 10:01:26 +0000</pubDate>
		<dc:creator><![CDATA[Digital Boost]]></dc:creator>
				<category><![CDATA[Diseño UX/UI]]></category>
		<category><![CDATA[Marketing Digital]]></category>
		<category><![CDATA[experiencia de usuario]]></category>
		<category><![CDATA[social network]]></category>
		<category><![CDATA[usabilidad]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[user]]></category>
		<category><![CDATA[user centric]]></category>
		<category><![CDATA[user experience]]></category>

		<guid isPermaLink="false">http://digboost.com/blog/?p=2051</guid>
		<description><![CDATA[<p>Para lograr una web que se adapte a los objetivos del usuario, empresa u organismo que la crea, lo primero que debes saber es a qué público quieres dirigirte. Ten en cuenta que ni siquiera dos miembros de una misma familia o de un mismo...</p>
<p>The post <a rel="nofollow" href="https://digboost.com/blog/10-claves-web-centrada-en-el-usuario/">10 claves para una web centrada en el usuario &#8211; Usabilidad</a> appeared first on <a rel="nofollow" href="https://digboost.com/blog">El Blog de Digital Boost</a>.</p>
]]></description>
				<content:encoded><![CDATA[<p style="text-align: justify;">Para lograr una web que se adapte a los<span style="color: #ff6138;"><strong> objetivos del usuario</strong></span>, empresa u organismo que la crea, lo primero que debes saber es a qué público quieres dirigirte. Ten en cuenta que ni siquiera dos miembros de una misma familia o de un mismo grupo de amigos tienen <span style="color: #ff6138;"><strong>intereses y afinidades</strong> </span>tan similares como para crear un contenido idéntico para todos ellos y satisfacer así cada experiencia de usuario.</p>
<p>&nbsp;</p>
<h5 style="text-align: justify;"><span style="color: #000000;">Ponte manos a la obra</span></h5>
<p style="text-align: justify;">Si trasladamos esa idea al diseño de webs, hemos de tener claro nuestro <strong><span style="color: #ff6138;">público objetivo o &#8216;target&#8217;</span>,</strong> su perfil socioeconómico, edad, género&#8230; de aquellos que serán nuestros lectores y sus intereses para una correcta ux o &#8216;user experience&#8217;. Una vez aclarado este punto, pasamos a explicarte las diez principales claves que debes seguir para que tu nueva web sea todo un éxito. ¡Atento!:</p>
<p>&nbsp;</p>
<p style="text-align: justify;"><img class="  wp-image-2075 alignright" src="http://digboost.com/blog/wp-content/uploads/2016/08/web-centrada-en-el-usuario-digital-boost.jpg" alt="Businessmen And Businesswomen Meeting To Discuss Ideas" width="327" height="327" />1.<span style="color: #ff6138;"> <strong>Ofrece pocas cosas y muy claras</strong></span>. Evita saturar de productos o servicios (los artículos y noticias también lo son), céntrate en un mercado específico y lleva tus contenidos a ese mercado, ofreciendo calidad y eficiencia con pocas pero <strong>contundentes </strong>ofertas al lector.</p>
<p>&nbsp;</p>
<p style="text-align: justify;">2. <span style="color: #ff6138;"><strong>Elige un diseño adecuado</strong></span> al tipo de web que pretendes crear. Si quieres abrir una web de cuidado de mascotas, obviamente deberás integrar imágenes de animales con colores de tono pastel, sin estridencias y con predominio de la claridad.</p>
<p>&nbsp;</p>
<p style="text-align: justify;">3. <span style="color: #ff6138;"><strong>Crea tu propio estilo</strong></span>, haciendo reconocible tu web frente a la competencia. Muchas veces, utilizar de forma repetitiva un color y una imagen <span style="color: #000000;"><strong>(logos)</strong></span> marca la diferencia.</p>
<p>&nbsp;</p>
<p style="text-align: justify;">4. Añade <span style="color: #ff6138;"><strong>información de contacto</strong></span>: esto es vital. No olvides indicar la dirección postal, la ubicación física, el e-mail y todo tipo de información para que el internauta pueda localizarte a ti y a tus productos.</p>
<p>&nbsp;</p>
<p style="text-align: justify;">5. Trabaja <strong><span style="color: #ff6138;">SEO y los metabuscadores</span></strong>. De nada sirve tener una web muy lograda si no aparece en las dos o tres primeras páginas de Google. Para ello, posicionarla adecuadamente trabajando los tags, SEO y metabuscadores es vital.</p>
<p>&nbsp;</p>
<p style="text-align: justify;">6. Utiliza la<span style="color: #ff6138;"> <strong>publicidad amable</strong></span>. Inserta anuncios en Facebook o en Twitter de contenido positivo y amigable para darte a conocer.</p>
<p>&nbsp;</p>
<p style="text-align: justify;">7. Evita utilizar las típicas<span style="color: #ff6138;"> <strong>imágenes de actores </strong></span>que sonríen, aplauden o levantan el pulgar. Son demasiado cantosas y evidentes. Cómete el coco y <span style="color: #ff6138;"><strong>sé creativo</strong></span>.</p>
<p>&nbsp;</p>
<p style="text-align: justify;">8. <strong><a href="http://www.nosolousabilidad.com/articulos/heuristica.htm#estructura">Estructura correctamente toda la información</a> </strong>que pretendes dar al internauta en un simple vistazo. Siguiendo con el ejemplo de la web de animales, si lo que vendes es productos para el cuidado de determinadas especies, déjalo claro desde el principio, posiciona bien tus ofertas y añade información creativa de apoyo para que el que entre en la web no se sienta &#8220;consumidor&#8221; sino más bien &#8220;usuario amigo&#8221;.</p>
<p>&nbsp;</p>
<p style="text-align: justify;">9. Interrelaciona tu web con las<span style="color: #ff6138;"><strong> redes sociales</strong></span>, en especial Twitter, Facebook e Instagram.</p>
<p>&nbsp;</p>
<p style="text-align: justify;">10. ¡Da el salto! <span style="color: #ff6138;"><strong>Atréve y sé positivo</strong></span>. Nosotros podemos ayudarte, no te cortes y escríbenos.</p>
<p>&nbsp;</p>
<h5 style="text-align: right;">¡Difúndelo!</h5>
<p>The post <a rel="nofollow" href="https://digboost.com/blog/10-claves-web-centrada-en-el-usuario/">10 claves para una web centrada en el usuario &#8211; Usabilidad</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/10-claves-web-centrada-en-el-usuario/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
