Creative Corner

Diseño web «responsive»

Hoy en día, se vive un caos tecnológico que vuelve loco a cualquier programador web a consecuencia de la aparición del concepto multidispositivo o multipantalla. Este, surge a partir de la gran cantidad de plataformas digitales que tienen acceso a internet y que va dando lugar al nuevo concepto conocido como a internet de las cosas.

Cualquier dispositivo con una pantalla y conexión Wi-Fi o 3G nos permite acceder a diferentes contenidos d’internet, ya sean páginas web, app’s o bien para vincular dispositivos inteligentes. Eso significa que los programadores web tienen una misión: adaptar y optimizar todas las páginas web que diseñan, a todas las posibles pantallas a través de las que el usuario puede tener acceso.

Este pequeño contratiempo ha derivado una nueva técnica de diseño y desarrollo web nombrado diseño web “responsive” (que podríamos traducir al castellano como página web adaptable). Las analíticas de tránsito web no mienten, muchos usuarios que visitan las plataformas online provienen de múltiples dispositivos, cada una de estas, con un tamaño de pantalla completamente diferentes. Es por eso que tenemos que mantener el grado de satisfacción del usuario adaptando lo mejor posible nuestra página web.

¿En qué consiste el diseño web “responsive”?

[pullquote]El «responsive» es una técnica de diseño web que adapta los elementos, a múltiples dispositivos de forma óptima.[/pullquote] Así pues, las páginas web “responsive” se adaptan a cualquier tamaño de pantalla mejorando de forma positiva la experiencia del usuario.

¿Qué pasa si mi página web no es “responsiva”?

Hoy en día tener una página web responsiva es vital para obtener un buen posicionamiento web (posar link seo), ya que evitaremos tener páginas web por duplicado o tener que hacer redirecciones a otros enlaces evitando así, posibles problemas con los “social links” que tal y como su nombre indica, son aquellos enlaces compartidos con las redes sociales.

Si nuestra página web no es “responsiva”, los motores de búsqueda serán muy duros con nuestro posicionamiento y nos penalizarán a la hora de subir posiciones en las listas de resultados haciendo que nuestra competencia aparezca de las primeras mientras que a nosotros no nos encontrarán hasta la segunda o tercera página.

Y no lo decimos nosotros, los números hablan por si solos:

  • Un 48% de los consumidores son reacios a las páginas web que no se visualizan bien o que dan muchos problemas a la hora de ser visualizadas des de dispositivos móvil o tabletas.
  • Un 52% de usuarios rehusan la mayoria de negocios por falta de un diseño “responsive”.
  • Un 67% de la población compra a través de los móviles inteligentes.

¿Qué beneficios tiene una página web responsiva?

Principalmente una web “responsiva” facilitará la interacción con el usuario ofreciendo las mismas opciones que una pantalla de ordenador pero optimizada para los móviles y tabletas. Las webs se ajustaran a pantallas inferiores a 5 pulgadas y evitarán que el usuario tenga que estar ampliando y reduciendo la página, ya que el tamaño del texto se adaptará al tipo de pantalla automáticamente.

También adapta los menús a través de recursos desplegables y aportando a la web una imagen con un diseño propio de una aplicación. Gracias a esta optimización, los menús ofrecen una interfaz más simple, intuitiva y atractiva.

Finalmente y no por eso lo menos importante, solo vamos a tener una página web, evitando los duplicados que nos penalizarán en nuestra continua lucha por el SEO y tendremos una sola página web ¡para dominarlas todas!

La innovación en los packaging
Consejos para potenciar una e-commerce

Entrades relacionades

Entrevista a Marina

Creative Corner
Hoy os traemos un nuevo post en el blog, una entrevista realizada a la Marina Casals, Community Manager y Diseñadora Gráfica Nos podrías contar un poco sobre ti? Me llamo…
Llegir més

Deja una respuesta

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

Rellena este campo
Rellena este campo
Por favor, introduce una dirección de correo electrónico válida.

Menú