Buenas prácticas para crear sitios web Responsive

Responsive, el término o tendencia más escuchada durante los últimos dos años, tendencia que prácticamente se volvió obligación para todo desarrollador web o empresa con negocios en Internet que quieren llevar su producto a más clientes o que simplemente desea permanecer actualizada con las últimas tecnologías que nacen en Internet.

En este momento cuando inicies un proyecto web lo primero que debes preguntarte es ¿Tendré usuarios desde dispositivos móviles, tablets o similares? Si es un sí, definitivamente debes ponerle mucha atención a tener un diseño adaptativo o responsive en tu proyecto, según la siguiente infografía creada por WhoIsHostingThis? actualmente hay 2,100 millones de usuarios con móviles, el 87% de los adultos en USA tienen smartphone, cifra que es similar en Latinoamerica, ¿O no has notado que cada día aumenta el número de amigos en Facebook con el icono de un móvil en el chat? ;), el 74% de usuarios con móvil abandonan el sitio web si éste toma más de 5 segundos en cargar.

La clave está en crear grillas fluidas y imágenes flexibles haciendo uso de Media Queries y enfocarse en la cabecera del sitio web, la galería de imágenes, la descripción del producto, la información relevante y el pie de página, al resto no tienes que prestarle tanta atención en móviles.

ResponsiveDesignInfographic-WhoIsHostingThis

Vía: WhoIsHostingThis?

FROONT: Crea sitios web responsive de forma fácil

5-28-2013 9-14-10 AM

Ya hemos hablado en varias ocasiones sobre el diseño Responsive, presentado algunas plantillas gratuitas y compartido diferentes herramientas para verificar tus sitios web Responsive, crear un sitio que se adapta de forma dinámica a todas las resoluciones y dispositivos que existen es un trabajo tedioso y para nada fácil, que requiere mucho tiempo y sobretodo muchísimas pruebas para comprobar que todo se ve como debería verse.

Pero ahora existe una herramienta para crear sitios web totalmente Responsive de forma visual y mucho más fácil que hacerlo de forma manual, se trata de FROONT, una aplicación web creada especialmente para facilitarte el trabajo, incluye en su editor las resoluciones más comunes de los dispositivos moviles actuales, se puede mover, editar y personalizar fácilmente todo tipo de los elementos comunes que tienen cualquier sitio web.

En el siguiente vídeo pueden ver su funcionamiento y lo fácil que resulta crear sitios web con diseño responsive en tiempos considerablemente menores.

FROONT