Diseño web adaptativo, responsive web desing

diseño web, HazmeWeb, responsive design, Uncategorized / marzo 27, 2014

Diseño web adaptativo, responsive web desing

 

 Responsive web design, ver bien tu web en toda los dispositivos

 

 

No es nada nuevo que cada día el acceso a internet es mayor desde los dispositivos móviles,cada vez somos más los  que navegamos  desde una tablet o móvil mientras descansas en el sofa y ve la tv, en un estado anímico muy favorable para comprar online…

Los analisisis de ecomerce indican que el volumen de compra desde estos dispositivos (smartphone y tablet fundamentalmente)  cada vez es mayor y con tickets cada vez mas altos. Por lo que hay que prestar una atención especial a esta funcionalidad.

En el video de “Video to brain”, define muy bien que es el responsive design de una manera muy gráfica.

 Valores que aporta el responsive design a nuestra web

 

Responsive Desing, diseño adaptativo

Responsive Desing, diseño adaptativo

  • Imagen Una web bien adaptada da una imagen profesional.
  • las búsquedas por smartphone en muchas ocasiones son para algo que se necesita de inmediato(cajero automático, grúa, negocio cercano...) por lo que si nuestro negocio no esta bien adaptado perderemos leeds.
  • Mejora de posicionamiento, Google valora positivamente las webs que implementan diseño adaptativo.
  • Mejora SEO, usando responsive design mejoramos el numero de visitas ya que serán siempre a las mismas URL
  • Inserccion fácil de nuevo contenido, si la web esta bien adaptada, introducir nuevo contenido será muy sencillo y se vera bien en cualquier tamaño de pantalla.
  • La usabilidad mejora, logicamente con la adaptación conseguimos que nuestra web se pueda usar perfectamente desde cualquier dispositivo.

 

Técnicas para hacer nuestra web adaptativa.

En función del uso al que destinemos nuestro proyecto web podemos elegir entre las técnicas y tecnologías para el diseño adaptativo, por ejemplo:

Si nuestro proyecto es una web corporativa, lo mas indicado es que mantenga la imagen adaptando el contenido y utilizaremos las Media Queries de CSS3

Si nuestra web lo que prima son loos motores de búsqueda y los formularios emplearemos jQuery mobile, que nos va ha garantizar que la usabilidad seguirá siendo la mejor.

Si en nuestro proyecto lo que prima es la imagen buscaremos una adaptación mediante estilos css3 adhoc para el proyecto

Es importante conocer cuales son las necesidades de nuestro proyecto para que la adaptación sea correcta siempre pensando en la experiencia de usuario.

Jquery-mobile

Comments (1)

Deja un comentario

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