July 27 2016
Desarrollo web - Diseño

¿Se extinguirán las webs para móviles?


Hace algunos años las webs para móviles eran toda una novedad y un “must” para las marcas, pero en este momento diseñar una web solo para que funcione en smartphones es una pérdida de tiempo y de dinero.

 

Con esto no estamos diciendo que no debamos tener un espacio digital que funcione en móviles, sino que nos enfoquemos a hacer páginas web que sean responsive. Este nuevo concepto y tendencia del diseño web ha cambiado el panorama, debido a que esta característica permite que tu página web no solo se vea correctamente en el computador, sino también en los dispositivos móviles.

 

Para hacer una página responsive debemos tener dos características en mente:

 

1) Que la web se haga en HTML5 reemplaza las limitaciones que nos imponía flash al no ser compatible con diferentes dispositivos y navegadores. El HTML5 nos permite volver al diseño dinámico y creativo; a las transiciones y al contenido multimedia.

 

2) Las imágenes en formato SVG, son imágenes en formato adaptable, lo que permite que la imagen subida se adapte al tamaño del dispositivo sin que esta pierda la calidad o su proporción.

 

Aquí les compartimos 3 ejemplos de buenas prácticas en páginas responsive:

 

Illy Issimo:

 

Una página de promoción de producto. Se visualiza a la perfección en cualquier dispositivo, integra las leyes de la atracción y proporciona una buena experiencia de usuario.


Andersson - Wise Architects:

 

Siendo esta una página de arquitectos, el diseño de la página está enfocada en las fotografías de sus proyectos. La página tiene 3 secciones principales acompañadas de material fotográfico, la imágenes adaptables o flexibles permiten que la visualización se acomode al tamaño de la pantalla donde estemos viendo el contenido.


The Boston Globe

 

Un buen ejemplo de página de contenido/noticias con fotos y texto, que además tiene artículos relacionados. La página tiene un diseño convencional, que es adecuado para este tipo de contenidos, su diseño se basa en tres columnas, pero cambia dependiendo de la pantalla, como lo vemos en el móvil que se reduce a una.


La característica más importante de una web responsive es la flexibilidad en todo el diseño, y ese debe ser uno de los requerimiento para tener presente a la hora de generar este tipo de programaciones.




Compartir en:

ARTÍCULOS RELACIONADOS