El Novedoso Diseño Web Adaptable

¿Cómo crear una página web adaptable?

Realizando un diseño de una página web cuyos estilos que se adapten a distintos dispositivos.

El enfoque para servir a la multitud de dispositivos móviles que existen en la actualidad era hasta ahora detectar el tipo de dispositivo con el que un usuario visitaba una página web y entonces direccionarlo a una página web diferente optimizado para ese dispositivo móvil. De esta manera era necesario contar con 2 o más sitios webs con el mismo contenido, a fin de satisfacer esta demanda.

Crear una página web con diseño web adaptable

¿Cómo crear una página web que pueda ser adaptable a todos los dispositivos del mercado?

Pero desde que Ethan Marcotte acuñó el concepto de Diseño Web Adaptable o sensible (en inglés Responsive Web Design – RWR), en lugar de construir sitios independientes para cada dispositivo, el nuevo enfoque es construir una página web que se adapta a cada dispositivo.

Esta nueva tecnología es muy nueva y es la que ahora estamos usando en nuestra página web. Para probarlo por usted mismo basta con que achique el ancho de su navegador y verá de que estoy hablando. El contenido comienza a adaptarse al ancho de la pantalla, incluyendo las fotos. Las columnas buscan acomodarse desplazándose debajo de otros contenidos, etc.

Recientemente Google ha recomendado este tipo de tecnología  ya que limita el contenido a una única URL anulando la duplicación de páginas web. Esto ayuda a Google a descubrir los contenidos de manera más eficiente, ya que no tiene que rastrear páginas con robot diferente a fin de indexar todo el contenido.

Probablemente sea esta la mejor solución para el problema causado por el avance de la tecnología móvil y la multitud de dispositivos móviles. El Diseño web adaptable mejora la experiencia de usuario porque cuando visita una página web con cualquier dispositivo de escritorio o móvil el contenido busca achicarse y acomodarse para mostrarse de la mejor manera.

RWD es una tecnología muy nueva y no es perfecta, y debemos aclarar que no sirve para todas las situaciones. Pero en la mayoría de los casos permite crear presencia en la web de una manera inteligente y con un presupuesto accesible.

El hecho hoy por hoy es que crear una página web adaptable, nos proporciona una gran solución para hacer frente a los dispositivos móviles, y creo que esta tecnología está aquí para quedarse.

Prototipo de página web con diseño web adaptable

The Boston Globe fue uno de los primeros grandes sitios de noticias en ofrecer un diseño web adaptable

A continuación adjuntamos un enlace con más información donde podemos aprender hacer una página web con diseño web adaptable:

Publicado el diciembre 21, 2012 en Diseño Web y etiquetado en , , , , , . Guarda el enlace permanente. 1 comentario.

  1. En nuestra web de Diseño 3D Barcelona estamos bastante motivados con el tema, y seguramente la transformemos a un diseño web adaptable.

    Un saludo!

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: