hit counter
Área Práctica, Gestión, Noticias

Diseño responsive: la adaptación a todos los dispositivos

diseño_responsiveEn una época en la que los móviles y las tablets son casi tan útiles para navegar como un ordenador, es el momento de hablar del diseño responsive. Creado y definido por Ethan Marcotte, esta técnica se puede traducir como diseño web adaptativo o lo que es lo mismo un diseño que se adapta al dispositivo sin importar que sea un smartphone, tablet u ordenador.

Para verlo en plena acción solo basta entrar en nuestra web dedicada al mundo de la movilidad, MuyMóvil, desde diferentes dispositivos. Aquí os dejamos la prueba:

diseño_responsive_muymovil

Arriba, MuyMóvil desde un Chrome para PC y abajo, desde el navegador de un Samsung Galaxy S3.

diseño_responsive_muymovil_1

Pros y contras del diseño responsive

La idea de este diseño es su principal ventaja: poder ser visto en todos los dispositivos sin problema. Quizás por ello cada vez más desarrolladores web utilizan este tipo de diseños para que la experiencia de navegación se pueda adecuar a todos los formatos, navegadores y resoluciones de pantallas.

Además, el diseño responsive es aupado por grandes del SEO como Google. El gigante anima a los desarrolladores a utilizar esta técnica que potencia el posicionamiento porque solo aparece una URL de búsqueda y la interacción social porque hace la web más amigable. También reduce el mantenimiento por aquello de que es apto para todas las plataformas por igual.

Sin embargo, todavía es una técnica en pañales. Aunque en el diseño todo va muy deprisa, todavía es un diseño que se comienza a implementar por lo que pueden aparecer problemas técnicos o de implementación. Aún así existen muchas plantillas que ya incorporan esta opción y hacen más sencillo su uso.

Diseño responsive ¿Sí o no?

Si todavía te estás planteando si este tipo de diseño es mejor para tu página web o no, te podemos dar una respuesta: Sí. Prácticamente las desventajas son nulas si vemos las ventajas. Es por ello que es una buena solución para pensar en un rediseño de nuestro sitio corporativo y hacerlo más eficaz donde podamos adaptarnos a todas las realidades de navegación.

¿Tienes un diseño responsive? ¿Qué te parecen? Abiertos los comentarios para vuestras ideas o críticas.

 

Artículo AnteriorSiguiente Artículo
Verónica Cabezudo
Coordinadora editorial de MuyCanal. Danzando día a día entre partners, mayoristas y fabricantes para profundizar en el canal de distribución tecnológico.
  • Bauzo

    Alguien sabe como hacer para que el diseño Responsive que hemos realizado para un formato de móvil, se

    vea en los nuevos Smartphones que tiene resoluciones de pantallas de formato Desktop?

    Por ejemplo, si hago un diseño Responsive en 3 formatos, para movil / tablet y desktop, con 3 media querys:

    /* desktop */

    @media screen and(min-width: 980px) { … }

    /* tablet */

    @media screen and (min-width: 481px) and (max-width: 979px) { … }

    /* movil */

    @media screen and (max-width: 480px) { … }

    tengo el problema que los smarthpones actuales tienen resoluciones de Desktop. Por ejemplo, el Samsung Galaxi S3,

    tiene una resolución de 1280×720 píxeles.

    Es decir, que el media query me detectaría una resolución de mas de 980px y se me mostraría el formato que he realizado para Desktop,

    mientras que lo que yo quiero es que se vea con el formato para Movil, con botones grandes y un menú mas pequeño.

    Cómo se puede solucionarse?

precio de SSD

El precio de SSD sube rompiendo la tendencia

smartwatch

Lenovo cancela la producción de nuevos smartwatch

white_bear_solutions_ingecom
premios_mcr_2016_ganadores

MCR galardona la mejor tecnología y empresas

efectivo_pagos
pedidos para el iPhone 7

Apple reduce pedidos para el iPhone 7

Suscríbete gratis a MuyCanal

La mejor información sobre el canal de distribución informático en su correo electrónico cada semana. 

¡Suscripción completada con éxito!