<?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/diseno-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>
		<item>
		<title>7 tendencias en diseño web para el 2017</title>
		<link>https://digboost.com/blog/7-tendencias-en-diseno-web-2017/</link>
		<comments>https://digboost.com/blog/7-tendencias-en-diseno-web-2017/#comments</comments>
		<pubDate>Fri, 17 Mar 2017 11:13:55 +0000</pubDate>
		<dc:creator><![CDATA[Digital Boost]]></dc:creator>
				<category><![CDATA[Diseño UX/UI]]></category>
		<category><![CDATA[diseño web]]></category>
		<category><![CDATA[tendencias]]></category>
		<category><![CDATA[tendencias en diseño]]></category>

		<guid isPermaLink="false">http://digboost.com/blog/?p=2609</guid>
		<description><![CDATA[<p>El diseño web se ha convertido en un aspecto fundamental para los usuarios. Una óptima experiencia de uso es una de las claves que marca la diferencia al elegir entre dos sites diferentes. Para que el internauta se “enamore” de nuestra web sólo tenemos que...</p>
<p>The post <a rel="nofollow" href="https://digboost.com/blog/7-tendencias-en-diseno-web-2017/">7 tendencias en diseño web para el 2017</a> appeared first on <a rel="nofollow" href="https://digboost.com/blog">El Blog de Digital Boost</a>.</p>
]]></description>
				<content:encoded><![CDATA[<p>El diseño web se ha convertido en un<span style="color: #fddc2d;"> <strong>aspecto fundamental para los usuarios</strong></span>. Una óptima experiencia de uso es una de las claves que marca la diferencia al elegir entre dos <em>sites </em>diferentes. Para que el internauta se “enamore” de nuestra web sólo tenemos que escuchar al que está al otro lado, observar su comportamiento y analizar las métricas.</p>
<p>&nbsp;</p>
<p>Las propuestas estandarizadas han dado paso a la personalización, por lo que cada propuesta debe ser única y ofrecer un valor añadido. Hablamos sobre esto en el portal <a href="http://digitalmarketingtrends.es/" target="_blank">Digitalmarketingtrends.es</a> con el artículo “<a href="http://digitalmarketingtrends.es/tendencias-en-diseno-web-para-el-2017/" target="_blank">Tendencias en Diseño Web para el 2017</a> elaborado por <span style="color: #fddc2d;"><strong>Ana Suárez</strong>, <strong>Diseñadora de Experiencia</strong></span> en <a href="http://www.digboost.com" target="_blank">DigitalBoost</a>.</p>
<p>&nbsp;</p>
<p>El usuario como foco de atención es un factor que se mantiene inamovible, y que<span style="color: #fddc2d;"><strong> la innovación y la creatividad</strong></span> son dos premisas que no sólo siguen presentes, sino que se presuponen. Así, las ideas que aporten valor y que enriquezcan la experiencia digital seguirán siendo fundamentales.</p>
<p>&nbsp;</p>
<h5>Siete tendencias en diseño web para el 21017</h5>
<p>&nbsp;</p>
<p>Además, destacamos siete tendencias que marcarán muchos de los diseños de las webs más rompedoras del año y que ayudarán a aumentar la eficacia de la estrategia digital:</p>
<p>&nbsp;</p>
<p><strong>1. La ilustración como valor añadido:</strong> Si se consigue un estilo fresco y con personalidad, las ilustraciones pueden suponer un “elemento clave” de diferenciación para las marcas, así como una manera de reforzar su identidad. En este sentido, nuestra diseñadora de interacción señala que “una ilustración cuidada y elegida con rigor aporta un valor añadido extra”.</p>
<p>&nbsp;</p>
<p><a href="http://education.iceandsky.com/" target="_blank"><img class="aligncenter wp-image-2644" src="http://digboost.com/blog/wp-content/uploads/2017/03/IlustracionValoranadido.jpg" alt="tendencias en diseño web 5 digital boost" width="564" height="295" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><strong>2. Adiós a las imágenes de stock:</strong> Se busca llegar al usuario mediante “imágenes potentes, que impacten y que causen algún tipo de sentimiento”. De esta manera, las antiguas y socorridas imágenes de stock no tienen cabida ya en este 2017.</p>
<p>&nbsp;</p>
<p><a href="http://www.helpingheartkids.org.nz/warrior" target="_blank"><img class="aligncenter wp-image-2649" src="http://digboost.com/blog/wp-content/uploads/2017/03/AdiosImgStock.jpg" alt="tendencias en diseño web 4 digital boost" width="559" height="267" /></a></p>
<p>&nbsp;</p>
<p><strong>3. Explosión de color:</strong> La apuesta por el uso de diversas tonalidades cromáticas aporta dinamismo y frescura a los tradicionales diseños web. Este año, los <em>sites </em>apuestan por colores sin temor a brillar y degradados imposibles.</p>
<p>&nbsp;</p>
<p><strong>4. El polémico menú hamburguesa:</strong> Este tipo de menú tiene “grandes detractores” que defienden que, mediante su uso injustificado, se violan importantes principios de usabilidad como la accesibilidad y la visibilidad. Así, este 2017 se volverá a huir de este tipo de diseños.</p>
<p>&nbsp;</p>
<p><img class="aligncenter wp-image-2645" src="http://digboost.com/blog/wp-content/uploads/2017/03/PolemicoMenuHamburguesa.jpg" alt="tendencias en diseño web 3 digital boost" width="549" height="265" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><strong>5. Más allá del Grid. </strong>La tendencia web en este nuevo año con respecto a composición seguirá el camino de 2016. Diseños dinámicos que mantienen la coherencia, alejándose de las ya clásicas y aburridas 12 columnas de antaño, con el objetivo de llamar la atención del usuario.</p>
<p>&nbsp;</p>
<p><a href="http://thefotonaut.com/en/" target="_blank"><img class="aligncenter wp-image-2643" src="http://digboost.com/blog/wp-content/uploads/2017/03/MasAllaDelGrid.jpg" alt="tendencias en diseño web 2 digital boost" width="565" height="273" /></a></p>
<p>&nbsp;</p>
<p><strong>6. La importancia del contenido.</strong> Centrar la atención del usuario en el mensaje que se quiere transmitir e intentar no distraerlo con artificios innecesarios es uno de los objetivos a lograr este año. Por lo tanto, usabilidad e información clara, concisa y directa serán una de las claves en 2017.</p>
<p>&nbsp;</p>
<p><a href="http://redcollar.digital/" target="_blank"><img class="aligncenter wp-image-2647" src="http://digboost.com/blog/wp-content/uploads/2017/03/ImportanciaDelContenido.jpg" alt="Tendencias en diseño web digital boost" width="582" height="281" /></a></p>
<p>&nbsp;</p>
<p><strong>7. Animaciones con sentido.</strong> La tendencia en el área de animación para 2017 pasa por la sutileza, por entenderlo como “un valor añadido que ayuda a la navegación web y no como un mero elemento estético”.</p>
<p>&nbsp;</p>
<p>Como afirmamos en el artículo de <a href="http://digitalmarketingtrends.es" target="_blank">Digitalmarketingtrends.es</a>, aunque el uso de estas tendencias puede suponer un valor añadido, no debemos perder de vista el “auténtico propósito de un sitio web: la comunicación de un mensaje de manera intuitiva a los usuarios”. En este sentido, se <span style="color: #fddc2d;"><strong>debe primar por encima de todo “una experiencia sencilla”</strong></span>, en la que el uso de este tipo de recursos no suponga un sacrificio para el mensaje a transmitir, sino “un medio para poder llegar mucho mejor al usuario y permanecer en su memoria”.</p>
<p>The post <a rel="nofollow" href="https://digboost.com/blog/7-tendencias-en-diseno-web-2017/">7 tendencias en diseño web para el 2017</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/7-tendencias-en-diseno-web-2017/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
