<?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>Sitios web responsive: Noticias, Fotos, Evaluaciones, Precios y Rumores de Sitios web responsive • ENTER.CO</title>
	<atom:link href="https://www.enter.co/noticias/sitios-web-responsive/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.enter.co/noticias/sitios-web-responsive/</link>
	<description>Tecnología y Cultura Digital</description>
	<lastBuildDate>Fri, 10 Jul 2020 23:31:51 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://www.enter.co/wp-content/uploads/2023/08/Favicon-ENTER.CO_.jpg</url>
	<title>Sitios web responsive: Noticias, Fotos, Evaluaciones, Precios y Rumores de Sitios web responsive • ENTER.CO</title>
	<link>https://www.enter.co/noticias/sitios-web-responsive/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>El 38% de las marcas brindan una mala experiencia móvil a clientes</title>
		<link>https://www.enter.co/especiales/empresas-del-futuro/el-38-de-las-marcas-brindan-una-mala-experiencia-movil-a-clientes/</link>
					<comments>https://www.enter.co/especiales/empresas-del-futuro/el-38-de-las-marcas-brindan-una-mala-experiencia-movil-a-clientes/#comments</comments>
		
		<dc:creator><![CDATA[Ana María Luzardo]]></dc:creator>
		<pubDate>Thu, 19 Jan 2017 19:33:48 +0000</pubDate>
				<category><![CDATA[Visa Empresas del Futuro]]></category>
		<category><![CDATA[dispositivos móviles]]></category>
		<category><![CDATA[experiencia de usuario]]></category>
		<category><![CDATA[fidelización de clientes]]></category>
		<category><![CDATA[movililidad]]></category>
		<category><![CDATA[redes sociales]]></category>
		<category><![CDATA[Sitios web responsive]]></category>
		<guid isPermaLink="false">http://www.enter.co/?p=276628</guid>

					<description><![CDATA[Para no quedarse atrás, las marcas deben luchar constantemente por satisfacer las demandas de sus consumidores, lo cual las ha llevado a realizar transformaciones en todos los ámbitos del negocio que les ayuden a generar lealtad en los clientes. No olvidemos que estos pasan, de manera muy rápida, de la tienda física a la tienda [&#8230;]]]></description>
										<content:encoded><![CDATA[<figure id="attachment_276658" aria-describedby="caption-attachment-276658" style="width: 1024px" class="wp-caption alignnone"><img fetchpriority="high" decoding="async" class="wp-image-276658 size-full" src="https://www.enter.co/wp-content/uploads/2017/01/girl-1848477_1920-1FINAL.jpg" alt="girl-1848477_1920 (1)FINAL" width="1024" height="768" srcset="https://www.enter.co/wp-content/uploads/2017/01/girl-1848477_1920-1FINAL.jpg 1024w, https://www.enter.co/wp-content/uploads/2017/01/girl-1848477_1920-1FINAL-300x225.jpg 300w, https://www.enter.co/wp-content/uploads/2017/01/girl-1848477_1920-1FINAL-768x576.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption id="caption-attachment-276658" class="wp-caption-text">Según IBM, el 45% de las marcas tardan más de 24 horas en responder las preguntas de los clientes en redes sociales.</figcaption></figure>
<p>Para no quedarse atrás, las marcas deben luchar constantemente por satisfacer las demandas de sus consumidores, lo cual las ha llevado a realizar <a href="http://www.enter.co/guias/lleva-tu-negocio-a-internet/cuatro-empresas-que-transformaron-sus-negocios-gracias-a-internet/" target="_blank">transformaciones en todos los ámbitos del negocio</a> que les ayuden a generar lealtad en los clientes. No olvidemos que estos pasan, de manera muy rápida, de la tienda física a la <a href="http://www.enter.co/guias/lleva-tu-negocio-a-internet/aprende-como-aceptar-pagos-en-linea-en-tu-sitio-web/" target="_blank">tienda virtual</a> y de la tienda virtual al dispositivo móvil. Este camino también puede recorrerse a la inversa, lo cual complejiza un poco el asunto ¿no creen?</p>
<p><span id="more-276628"></span></p>
<p>Pero, sin importar cuál de los dos recorridos tomará primero el usuario, en este punto juega un papel muy importante la experiencia móvil, que <a href="https://www-935.ibm.com/services/us/gbs/thoughtleadership/uniquelygenz/" target="_blank">de acuerdo con un estudio que realizó IBM</a> -llamado Customer Experience- no se cumple a cabalidad en las empresas. 500 marcas de 24 países alrededor del mundo fueron consultadas para este análisis.</p>
<p>Según los resultados que nos compartió la compañía en un comunicado de prensa, solo el 19% de las marcas puede proporcionar una experiencia de <a href="http://www.enter.co/especiales/claro-negocios/54-de-los-colombianos-compara-precios-en-internet-antes-de-comprar/" target="_blank">compra digital</a> altamente personalizada -y aunque el móvil no es el dispositivo preferido de muchos consumidores- el 38% de las marcas brinda una mala experiencia móvil o ninguna experiencia.</p>
<p>Otros datos significativos del estudio son que solo el 31% de las marcas permite a los clientes acceder y administrar los detalles de su cuenta a través de una <a href="http://www.enter.co/chips-bits/apps-software/colombia-cuarto-pais-de-latinoamerica-en-consumo-de-apps-moviles/" target="_blank">aplicación móvil</a>; el 64% no deja a sus clientes especificar un día para la entrega de sus productos o el intervalo de tiempo preferido; el 47% no ofrece funciones de búsqueda digital o tiene funciones muy básicas para ese fin; y el 45% de las marcas tardan más de 24 horas en responder las preguntas de los clientes en <a href="http://www.enter.co/especiales/enter-foros/redes-sociales-clave-para-las-mipymes/" target="_blank">redes sociales</a>, o no responden en lo absoluto.</p>
<p>De acuerdo con Ana Lucía Vargas, gerente de marketing y comunicaciones de IBM Colombia, <em>“esta brecha entre lo que los consumidores demandan y lo que las marcas pueden entregar, requiere de capacidades cognitivas. Soluciones cognitivas de IBM, basadas en la nube, pueden examinar los datos de los clientes y combinarlos con datos sobre otros factores críticos como los patrones meteorológicos, las tendencias de precios, los comportamientos de compra y la disponibilidad de los proveedores, para ofrecer experiencias altamente personalizadas que piden los clientes”</em>.</p>
<p>A la hora de tomar medidas para optimizar la experiencia de los usuarios desde sus dispositivos móviles, es importante que tu empresa tenga claro conceptos como sitios web responsive. <a href="http://www.enter.co/guias/lleva-tu-negocio-a-internet/lo-que-debes-tener-en-cuenta-al-crear-un-sitio-web-responsive/" target="_blank">En una nota anterior sobre este tema</a>, mencionábamos que los analistas estiman que entre 2015 y 2020 el tráfico móvil global crecerá cerca de ocho veces, por lo cual es necesario diseñas y poner en marcha canales digitales eficientes.</p>
<p>¿Qué esperas para fidelizar los clientes desde smartphones y tablets? Lee nuestras recomendaciones haciendo <a href="http://www.enter.co/guias/lleva-tu-negocio-a-internet/lo-que-debes-tener-en-cuenta-al-crear-un-sitio-web-responsive/" target="_blank">clic aquí</a>.</p>
<p><em>Imagen: <a href="https://pixabay.com/es/chica-teen-caf%C3%A9-por-la-ventana-1848477/" target="_blank">Pixabay</a>.</em></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.enter.co/especiales/empresas-del-futuro/el-38-de-las-marcas-brindan-una-mala-experiencia-movil-a-clientes/feed/</wfw:commentRss>
			<slash:comments>5</slash:comments>
		
		
			</item>
		<item>
		<title>Lo que debes tener en cuenta al crear un sitio web responsive</title>
		<link>https://www.enter.co/guias/lleva-tu-negocio-a-internet/lo-que-debes-tener-en-cuenta-al-crear-un-sitio-web-responsive/</link>
		
		<dc:creator><![CDATA[ENTER.CO]]></dc:creator>
		<pubDate>Wed, 21 Dec 2016 19:31:41 +0000</pubDate>
				<category><![CDATA[Lleva tu negocio a internet]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[Cloudinary]]></category>
		<category><![CDATA[experiencia de usuario]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[sitios web adaptados a móviles]]></category>
		<category><![CDATA[Sitios web responsive]]></category>
		<guid isPermaLink="false">http://www.enter.co/?p=272581</guid>

					<description><![CDATA[Tener presencia en línea requiere un sitio web responsive (optimizado para móviles), ya que esto aumentará las posibilidades de que las personas conozcan tu negocio, y los productos o servicios que ofreces. Ya no basta con un sitio web de escritorio. De acuerdo con un estudio de Ditrendia -la consultora española sobre tendencias digitales- el [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img decoding="async" class="aligncenter wp-image-494292" src="https://www.enter.co/wp-content/uploads/2018/10/alt-logo.svg" alt=".CO + Enter-lleva-tu-negocio-a-internet" width="470" /></p>
<p>Tener presencia en línea requiere un sitio web responsive (optimizado para móviles), ya que esto aumentará las posibilidades de que las personas conozcan tu negocio, y los productos o servicios que ofreces.</p>
<p><span id="more-272581"></span></p>
<p>Ya no basta con un sitio web de escritorio. De acuerdo con un estudio de Ditrendia -la consultora española sobre tendencias digitales- <a href="http://www.amic.media/media/files/file_352_1050.pdf" target="_blank" rel="noopener noreferrer">el tráfico móvil global crecerá cerca de ocho veces entre 2015 y 2020</a>. Esto quiere decir que cada vez serán más las personas que quieran saber acerca de tu empresa desde su celular o tableta.</p>
<p>A la hora de diseñar el sitio web para móviles, debes seguir algunas recomendaciones relacionadas con el diseño, la extensión de los textos, el peso de las imágenes, entre otras características. Aquí te las explicamos:</p>
<h2>La experiencia de usuario</h2>
<p>El éxito de un sitio web responsive se basa en la facilidad con la cual los usuarios pueden navegar en este sitio desde sus dispositivos móviles. Y la navegación tiene mucho o todo que ver con la plantilla y las fotografías que elijas.</p>
<p>Por esto es importante que escojas una plantilla responsive que se adapte al tamaño del smartphone o la tableta. La mayoría de los proveedores de templates te ofrecen estas plantillas listas para diseñar, pero no sobra que verifiques cómo se ve esa plantilla en modo portrait (vertical) o landscape (horizontal). Estos proveedores te indicarán también en qué parte de su plataforma puedes realizar estas pruebas.</p>
<p>Al seleccionar las imágenes puedes usar una <a href="http://cloudinary.com/" target="_blank" rel="noopener noreferrer">herramienta como Cloudinary</a>, que te permitirá trabajar con fotos de cualquier tipo, sin que el peso de estas fotografías afecte la navegabilidad de tu sitio web. Cloudinary es un Content Delivery Network (CDN), es decir, una solución informática que aloja tus fotos en su servidor (no en el tuyo). Al momento de usarlas, se te entrega un enlace que puedes incluir en tu sitio web para ‘llamar’ o arrastrar esas fotos o videos desde Cloudinary a tu web.</p>
<p>Aun así, lo ideal en las versiones móviles es que las imágenes no pesen más de 100 KB.</p>
<h2>Textos</h2>
<p>Los textos para un sitio web responsive se adaptan según la sección en la que se encuentren. En el home, procura incluir un título corto y un texto, seguido de una foto. Los expertos recomiendan hasta 70 caracteres para títulos, hasta 140 caracteres para extractos cortos y hasta 280 caracteres para extractos largos.</p>
<p>Respecto a la lecturabilidad, es aconsejable que utilices fuentes tipográficas serifadas, es decir, fuentes con pequeños adornos ubicados generalmente en los extremos de las líneas de las letras. Las tipografías Times, Georgia, Garamond y Courier son ejemplos de estas tipografías con ‘remates’.</p>
<p>A la hora de leer, este tipo de fuentes demarcan la línea de lectura (o la ilera), favoreciendo el curso normal que debe seguir el ojo humano y evitando que tengas una sensación de salto entre líneas.</p>
<h2>Sistema de carga progresiva</h2>
<p>Incluir un sistema de carga progresiva mejora la experiencia de usuario. Esto se debe a que la carga de información se hace al ritmo del usuario que ‘consume’ el contenido del sitio. En la medida en que el usuario va deslizando hacia abajo o hacia los lados (scroll), el sitio va revelando toda su información.</p>
<p><a href="https://developers.google.com/speed/pagespeed/insights/" target="_blank" rel="noopener noreferrer">Existe una herramienta gratuita de Google llamada Google Speed Test</a> a través de la cual podrás validar la velocidad de tu sitio web. Una vez digitado el nombre del sitio en la caja de búsqueda, Google Speed Test te mostrará en una escala de 1 a 100 en qué nivel de velocidad se encuentra, y te hará recomendaciones para mejorar diferentes aspectos que están evitando que sea más rápido.</p>
<h2>Más recomendaciones de diseño</h2>
<p>Otra herramienta que te puede ser útil cuando diseñas tu sitio web responsive es <a href="https://bjango.com/mac/skalapreview/" target="_blank" rel="noopener noreferrer">Skala Preview</a>. Esta aplicación de escritorio se sincroniza <a href="http://www.enter.co/chips-bits/apps-software/hoyaprendi-a-editar-en-photoshop-hazlo-tu-tambien/" target="_blank" rel="noopener noreferrer">con Photoshop</a> para mostrarte en tiempo real los cambios que vas realizando. De esta forma, siempre que uses Photoshop desde tu computador para editar algún componente de tu sitio web (íconos, textos, márgenes, etc.), verás automáticamente esa modificación en tu computador, y sabrás con mayor exactitud cómo está quedando.</p>
<p>Si también quisieras ver estos cambios en tu celular, puedes usar Skala View. Esta app móvil está disponible para dispositivos móviles con sistema operativo <a href="https://itunes.apple.com/us/app/skala-view/id498876303?mt=8" target="_blank" rel="noopener noreferrer">iOS</a> o <a href="https://play.google.com/store/apps/details?id=com.bjango.skalaview&amp;hl=en" target="_blank" rel="noopener noreferrer">Android</a>.</p>
<p>Skala Preview te servirá, por ejemplo, para revisar la funcionalidad de los botones de tu sitio. Los botones que conducen al usuario a las redes sociales de tu empresa no pueden tener un ‘clic torpe’ o un ‘tap torpe’, es decir, que cuando me pose sobre estos, no cambien de color o no sobresalgan indicando que fueron activados o accionados.</p>
<p>Las tres aplicaciones (Skala Preview, Skala View y Photoshop) deben estar conectadas a la misma red WiFi para poderse sincronizar.</p>
<p>Ahora, si tu sitio web necesita formularios (de contacto u otros), asegúrate de que también sean responsive e incluyan validaciones in line –o sea– alertas que le indican al usuario en dónde se está equivocando.</p>
<p>Para finalizar, ten presente que <a href="http://www.enter.co/chips-bits/apps-software/herramientas-con-las-que-hoyaprendi-a-inspirarme-para-disenar/" target="_blank" rel="noopener noreferrer">desde el punto de vista del diseño</a>, es mejor partir de un sitio web responsive, y escalar ese diseño a tabletas y luego a escritorio. La experiencia inicial con smartphones te ayudará a determinar más fácilmente qué se puede hacer en tabletas y en escritorio (en este último hay más posibilidades de albergar información, ya que los espacios no son tan limitados).</p>
<p><em>Imagen: <a href="https://pixabay.com/es/responsivo-paginas-web-p%C3%A1ginas-web-1622825/" target="_blank" rel="noopener noreferrer">Pixabay</a>.</em></p>
<p><a href="http://goo.gl/qHLGSx" target="_blank" rel="noopener noreferrer"><img decoding="async" class=" size-full wp-image-287234 aligncenter" src="https://www.enter.co/wp-content/uploads/2016/05/boton.png" alt="boton" width="422" height="53" srcset="https://www.enter.co/wp-content/uploads/2016/05/boton.png 422w, https://www.enter.co/wp-content/uploads/2016/05/boton-300x38.png 300w" sizes="(max-width: 422px) 100vw, 422px" /></a></p>
<hr />
<hr />
<p><img decoding="async" class=" wp-image-494285 alignleft" src="https://www.enter.co/wp-content/uploads/2020/06/dotco-logo-sm.jpg" alt="" width="100" height="106" /><a href="https://www.enter.co/seccion/guias/lleva-tu-negocio-a-internet/">Lleva tu negocio a internet</a> es una categoría especial en alianza con <a href="https://www.go.co/">.CO Internet</a>. El dominio <a href="https://www.go.co/">.CO</a> es un patrimonio de todos los colombianos que se ha posicionado como los dominios más importantes a nivel global.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
