ESTA
WEB SE
ADAPTA
LLAMA HOY MISMO AL
636 39 50 74


CREA UNA WEB PARA TU
NEGOCIO POR SOLO 150 €
PARA PYMES Y AUTONOMOS

RESPONSIVE
WEB
DESIGN
24 enero 2013
One comentarios

"Diseño Web Adaptable" o "Responsive Web Design" ¿eso que es?

En este artículo voy a hablar de una tendencia en el diseño de páginas web: el llamado "Responsive Web Design" o "Diseño Web Adaptable". Veamos en que consiste este diseño flexible, cual es su importancia y como puede ayudar a una pyme a ahorrar dinero

responsive web design diseño web adaptable flexible responsable sensible


Los tiempos han cambiado (y mucho) durante el pasado 2012. Como ya te habrás dado cuenta, cada vez se utilizan más los dispositivos móviles para navegar por internet. Seguro que conoces a alguien a quien los reyes magos le han traído una tableta digital. Cuando vas al bar a almorzar ves que siempre hay alguien leyendo el marca en el teléfono móvil

Este hecho, tradicionalmente, obligaba a los diseñadores a hacer 2 páginas web: una para el ordenador de sobremesa o portátil y otra para los teléfonos móviles. Con la fuerte llegada de las tabletas haría falta otro diseño web intermedio para que el sitio fuera navegable en estos dispositivos. Bueno, pues esto se acabó.

A finales de 2.012 llegó para quedarse una nueva tendencia llamada Diseño Web Adaptable (Responsive Web Design en inglés) que hace que la misma web se adapte a la pantalla en la que se está mostrando.

DISEÑO WEB ADAPTABLE o RESPONSIVE WEB DESIGN, ¿ ESO QUE ES ?

Básicamente consiste en diseñar webs que se adapten a cualquier tipo de resolución y dispositivo. Veamos como define la wikipedia este término:
El diseño web adaptable o adaptativo (en inglés, Responsive Web Design) es una técnica de diseño y desarrollo web que mediante el uso de estructuras e imágenes fluidas, así como de media-queries en la hoja de estilo CSS, consigue adaptar el sitio web al entorno del usuario.

diferentes resoluciones de pantalla para el diseño web adaptable o responsive web design

Una página con un Diseño Web Adaptable es útil porque con un único diseño un sitio web puede ser visto en todo tipo de dispositivos con todo tipo de tamaños de pantalla. El sitio web simplemente se adapta (o responde, de ahí lo de responsive) a este ambiente y auto-ajusta su contenido en el acto para crear una experiencia de navegación óptima para el dispositivo que el lector está usando.

COMO FUNCIONA

Lo mejor del Responsive Web Design es que se trata de una solución tecnológica muy ligera, que prácticamente no afecta al tiempo de carga de la página. Todo recae sobre una nueva característica del código CSS llamada media query que nos permite llamar a diferentes estilos dependiendo del tamaño de pantalla y orientación detectada en el dispositivo que el lector está utilizando

responsive web design con los elementos flotando en funcion de la resolucion de la pantalla del dispositivo donde se muestra

Por ejemplo, imagina que hemos pensado tu web para que tenga 3 columnas con contenido para que se vea todo bastante bien en un ordenador de sobremesa o portátil. Pero, ¿Que pasa si ves esta web en un iPhone?  Pues pasa que cuesta bastante leer el contenido. Con estos media query podemos cambiar el estilo de la web y decirle que en lugar de 3 columnas lo muestre todo en una columna ancha con el texto más grande.

Y PORQUE DICES QUE PUEDE HACER AHORRAR DINERO A UN EMPRESARIO


Pues lo digo sobre todo a la hora de planificar la creación de una nueva página web. Considero que hoy en día encargar el diseño de una web y no exigir que tenga un diseño web adaptable en parte es tirar el dinero. Y digo en parte porque ya has visto como ha cambiado todo esto en el último año. Y con las nuevas televisiones que te permiten navegar por internet todavía va a cambiar más.

Necesitas que tu nueva página web se adapte al monitor de un ordenador, a la pantalla del teléfono móvil, al iPad, al televisor y a cualquier otra pantalla que en un futuro pueda servir para navegar por internet

ejemplo de diseño web flexible adaptativo responsable o responsive web design

Si la intención de tu página web es ayudar a tu empresa a hacer negocios no puedes pasar esto por alto. Cada vez más gente realiza compras por internet a través de la tableta digital o del teléfono móvil. Si tu web en tu web vas a mostrar tus productos o servicios, se tienen que ver bien en todos estos dispositivos y en los que están por llegar
Algunos estudios indican que para el año 2014 el acceso a internet desde dispositivos móviles superará a los que se hacen desde líneas de conexión fijas.
Como ejemplo te pongo esta misma web. Prueba a verla en el ordenador de la oficina, en el móvil y en una tableta digital. Verás como se adapta a las diferentes pantallas para que la experiencia de navegación sea óptima.

Si estás buscando quien te haga una página web debes de saber que hoy en día nuestro Pack de Ataque ya incluye el diseño adaptable de una página web. Si estás interesado no dudes en contactar conmigo y hablamos de negocios.

Os dejo una infografía muy bien hecha por la gente de Ideas Chicago en la que se explican las características y ventajas de este tipo de diseño de páginas web que se adaptan a los teléfonos móviles y resto de dispositivos:


¿Y tu que opinas? ¿Crees que el Diseño Web Adaptable ha llegado para quedarse? ¿O tal vez opinas que debemos seguir realizando diferentes páginas web adaptadas para cada dispositivo? Déjanos un comentario con tus impresiones
diseño paginas web para el telefono movil

1 comentarios:

  1. Desde luego, el diseño web adaptativo es la solución para muchos problemas entre otros, esta especie de locura en la que nos encontrábamos de tener que desarrollar sitios independientes e incluso apps por dispositivo. Se ha vuelto insostenible. Por cierto, parece que en vez de diseño adaptable nos tenemos que referir a diseño web adaptativo según la fundación del español urgente (FUNDEU)

    ResponderEliminar

Muchas gracias por tu aporte. En breve aparecerá publicado

 
CONTACTO
Subir