¿Aún no sabes todo sobre el responsive web design? ¡Pues se te va acabando el tiempo!

  por    0   0

¿Has escuchado hablar de diseño adaptable o “responsive web design? Probablemente a estas alturas del 2013, la respuesta sea si, y también lo apliques en tus proyectos. Si no aún no te han hablado de este concepto o sigues dudando en aplicarlo, te daremos una serie de razones de peso para que veas lo que te pierdes. El Responsive Web Design es una técnica de diseño y desarrollo web que surge en 2010 de la mente de Ethan Marcotte. Es capaz de adaptar el contenido web a cualquier dispositivo, independientemente de que se trate de un smartphone, tablet, ordenador tradicional o porque no… ¡una nevera!. Su cometido es garantizar la mejor usabilidad y accesibilidad a los usuarios presentando nuestros contenidos con la mayor calidad posible y el tamaño e interfaces adecuados.

¿Cómo se consigue esto?

Mediante una serie de consultas al dispositivo que le indican al navegador la resolución actual. Así dependiendo del valor devuelto se adaptarán las imágenes, los textos, menús u otras secciones de forma que sean perfectamente legibles o se pueda interactuar con ellos. Es muy importante que TODO el contenido se muestre en la ventana sea cual sea el tamaño, sin que aparezca la odiosa barra de desplazamiento horizontal.

Ejemplo de diseño responsive en web y ecommerce

¿Importancia y beneficios del Responsive Design?

  • No será necesario tener diferentes subdominios de nuestro sitio, algo altamente beneficioso para el posicionamiento y facilitar el linkbuilding. Los buscadores se basan en una URL canónica y cualquier subdominio de esta URL lo indexarán como un web site diferente.
  • Reduce los costes de mantenimiento, ya que descarta la tediosa labor de crear y mantener diferentes versiones del proyecto adaptado a la mayoría de soportes disponibles. (Una para iPhone, otra Desktop, otra para tablets, Smart TVS, etc…)
  • Es una inversión rentable. Obviamente desarrollar un sitio web en “responsive” implica trabajar varios layouts y ese “trabajo extra” no puede ser realizado gratis, pero las visitas y conversiones a tu portal bien lo valdrán.
  • La última pero quizás más importante: Garantiza la presencia en dispositivos móviles. Algo que no podemos obviar ya que este año está previsto que las conexiones desde estos artilugios superen a las realizadas desde dispositivos de sobremesa cómo se ve en el siguiente gráfico (y sospechamos que nunca volverá a ser al revés)

Internet móvil contra Internet desde PCs wen web y tiendas online

En definitiva, invertir en este diseño adaptado a móviles implica que todos los actores salgan beneficiados. Desde desarrolladores hasta clientes o buscadores, pero sobre todo para quien van destinados nuestros contenidos, los usuarios finales.

¿Cómo sé si una web es responsive?

¡Pues fácil, con tu móvil!  Y si no tienes batería, no lo tienes a mano, aún vas con tu Nokia 3310 o no te quieres levantar ahora mismo del PC…  A nosotros nos encanta este servicio: quirktools.com/screenfly

¿Cómo va la adaptación en Internet?

Pues es cierto que el boom móvil nos ha cogido a todos un poco desprevenidos  y dependiendo de la complejidad del proyecto, la adaptación puede ser realmente costosa y complicada. Incluso marcas y proyectos gigantes aún están pendientes de transformar, por ejemplo Fnac, Zara, Dell y muchos otros. Aunque gran parte ya han cambiado o están en proceso. Algunos ejemplos geniales para probar el diseño elástico: FoodSense o Cacao Tour (Prueba a abrirlos y redimensionar tu navegador web)

¿Y en FreshCommerce?

Por nuestra parte, nuestros últimos proyectos ya utilizan diseño “responsive” cómo por ejemplo Artenerife, Náutica y Deportes, IslandShake, Liceo de Taoro o Distribuciones Canarias entre otros. Además los proyectos en marcha y los futuros serán 100% responsive, y los “no responsive” se adaptarán (aprovechando de paso para hacer algunos cambios). Por supuesto (y aquí nos damos una “autocolleja” por el mal ejemplo)  la nueva FreshCommerce también será adaptada, pero ya se sabe… “los clientes son lo primero”  😉

Los comentarios están cerrados.


Posts relacionados

¿Qué es el buyer persona y para qué sirve?


LEER MÁS →

Si llevas tiempo en el mundo de los negocios online, es probable que hayas oído hablar de los conceptos ‘buyer persona’ o ‘público objetivo’. En este post explicaremos qué son y para qué sirven. Aunque no es lo mismo, sí es cierto que ambos tienen algunos aspectos en común, así como una finalidad parecida. En […]

¿Cuándo sé que tengo una buena idea para montar un E-commerce?


LEER MÁS →

¿Estás planteándote iniciar un e-commerce y no sabes si la idea que te traes entre manos es lo suficientemente buena o rentable? No te preocupes, todos hemos pasado por este proceso. En el post de hoy te traemos un método paso a paso para saber si tu Idea E-commerce es realmente factible para ganar dinero […]

Los 4 sesgos cognitivos que dispararán las ventas de tu e-commerce


LEER MÁS →

En este post descubrirás cuatro sesgos cognitivos que influyen en la venta de tu e-commerce. Pero ¿Has pensado alguna vez a quién vendes en tu e-commerce? Y no, la respuesta que estamos buscando no es ‘a las personas’. Queremos que pienses de verdad a quién le vendes, más concretamente, a qué parte del comprador te […]

Instagram Shopping: tu tienda online en Instagram


LEER MÁS →

¿Qué es Instagram Shopping? Ventajas, requisitos, consejos de cómo usarlo en tu tienda online El comercio electrónico está en evolución de una forma sorprendente, sobre todo en estos últimos años. Ya hablamos en el post sobre métodos de pago para e-commerce acerca del peso que tienen hoy en día las integraciones entre distintas plataformas, como […]

El misterio del comprador John Smith: ¿Qué está pasando con los carritos abandonados?


LEER MÁS →

Muchas empresas dedicadas al comercio electrónico han recibido la visita de un comprador misterioso llamado John Smith que abandona sus carritos de manera sospechosa; Y por más que se destinen esfuerzos de marketing en enviar e-mails para recuperar dicho cliente y su compra, jamás ocurre: ¿Quieres saber qué está pasando? Te lo desvelamos en este […]
AtrásListadoSiguiente