Claves para diseñar un buen site responsive

David Ayllon, Director de marketing y ventas de OVH

Marketing & Social

20 abril, 2016

El móvil se ha convertido ya en el dispositivo de acceso a Internet más utilizado, superando al ordenador en 10 puntos porcentuales, y es una tendencia que se reproduce en todo el mundo. En el ámbito del e-commerce, entre el 29% y el 36% de los clientes son móviles. A la luz de estas cifras, simplemente ya no es posible considerar el diseño de un sitio web a través del único prisma del sacrosanto ordenador de sobremesa para luego intentar adaptarlo a otros terminales.

Por ese motivo, han aparecido nuevas técnicas. La principal el diseño responsive. Gracias a esta combinación de métodos y técnicas llamada también llamada diseño web adaptativo, la interfaz de un sitio web o de una aplicación online puede adaptarse automáticamente al navegador del terminal que utilice el usuario (smartphone, tablet, ordenador portátil, ordenador de sobremesa, etc.).

Claves para diseñar un buen sitio responsive

Cuando se diseña un sitio de forma apresurada, no es raro llegar a un callejón sin salida. La página de inicio de la web consultada es perfectamente responsive, luego se hace clic en un enlace y desafortunadamente la siguiente página ya no está adaptada a móvil.

Existe un método muy sencillo para solucionar un escollo de este tipo que ¡incluso se enseña en la escuela primaria! Se trata de aplicar el principio del mínimo común denominador.

Antes de lanzarnos a realizar las plantillas del sitio web, dediquemos un tiempo a diseñar la estructura de archivos idónea en forma de mapa conceptual. Esta representación estructurada permite distinguir fácilmente las familias de plantillas y la navegación asociada.

Como el responsive design es una verdadera marea de fondo, los principales navegadores del mercado han respondido a la necesidad de los desarrolladores front-end ofreciéndoles funcionalidades que permiten probar sus diseños en diversas plataformas.  La vista de diseño adaptable de Firefox, por ejemplo, disponible en las herramientas de desarrollo integradas, permite mostrar una página HTML en ocho pantallas distintas. También se pueden probar los formatos apaisado o vertical, e incluso simular eventos táctiles.

Estas funcionalidades facilitan mucho la tarea ofreciendo una previsualización rápida de la calidad de la integración HTML/CSS, pero hay que tener cuidado, ya que, aunque los emuladores están mejorando mucho, a día de hoy nada sustituye a una batería de pruebas realizadas en los principales smartphones, phablets y tablets del mercado.

En definitiva, hoy en día, la mayoría de internautas navegan en varios terminales en el transcurso de un mismo día. No es raro comenzar furtivamente la consulta de una información en un smartphone y terminar la lectura en una tablet sentado en el sofá.

El futuro de la adaptabilidad pasa inevitablemente por una segmentación aún más precisa de los usos de los usuarios y de los datos que producen. Pensar mobile first no es, pues, un fin en sí mismo. Solo hay que ver el auge de los relojes conectados y del internet de las cosas en general para convencerse del callejón sin salida al que conduce el mobile first.

Impacto

¿Qué te pareció este artículo?

  • 795
  • 0

Recomendar

Recomendar

Si te pareció interesante este artículo, sé el primero en recomendarlo.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Relacionados

¿Tienen las tiendas online los deberes hechos en responsive?

Estar presente en el entorno mobile ya no es una opción, es un must. El canal móvil se...

  • 14 septiembre, 2016
  • No hay comentarios

La tienda online Carabinas y Pistolas renueva su ecommerce introduciendo mejoras en UX y un diseño responsive

Carabinas y pistolas, tienda online líder en carabinas de aire comprimido y outdoor que...

  • 7 abril, 2016
  • No hay comentarios

RECIBE NUESTRA NEWSLETTER



*Email: *Nombre apellidos: *Empresa:

Cargo:

Sector:  

   

Please don't insert text in the box below!

Patrocinado por: Patrocinador

Manual Ecommerce 2019: ya puedes descargarlo gratis online

Ecommerce News Radio #05# Wetaca: Emprendimiento, ecommerce y comida sana

¿Será tendencia? Un importante player en UK decide abandonar las redes sociales

“En los pagos digitales hay que buscar el equilibrio entre seguridad y experiencia de usuario”

Ecommerce Tour Sevilla 19 – Cumpliendo la PSD2 en eCommerce

Deliveroo nombra a Susana Voces vicepresidenta global del área de Restaurantes

“Somos la forma de consumo del futuro y las marcas empiezan a darse cuenta”

Experiencia de cliente y Experiencia de usuario: integrando ambos en una estrategia global

Preguntas y respuestas sobre la propuesta de directiva en materia de copyrigth

Cómo acabar con las interminables esperas al pedir la cuenta

El crecimiento de las compras móviles se acelera durante el Black Friday

La importancia de invertir en soluciones de pago adecuadas para aumentar la tasa de conversión de socios en ONGs

Black Friday, una oportunidad para hacer crecer las ventas de tu ecommerce

La suscripción y los servicios de entrega a domicilio, unidos para satisfacer las necesidades del consumidor

Ecommerce Tour Sevilla 19 – Cumpliendo la PSD2 en eCommerce

Ecommerce Tour Sevilla 19 – Apps transaccionales y el futuro del ecommerce

Ecommerce Tour Sevilla 19 – Keynote: Sabadell

Women in tech: Las niñas que forjaron a la mujer profesional (#03)

Women in tech: Las barreras al progreso de la mujer profesional (#02)

Women in tech: 8 mujeres, 8 visiones de la industria digital (#01)

Ecommerce News TV: Un mes con Amazon Alexa

Más leídas

Último número

Optimization WordPress Plugins & Solutions by W3 EDGE