5 cosas que debes tomar en cuenta para hacer tu sitio web responsive

5 cosas que debes tomar en cuenta para hacer tu sitio web responsive

Un sitio web responsive es aquel que ha recibido cambios en su formato tradicional de escritorio, para adaptarse a las dimensiones de un dispositivo móvil. Y con lo común que es hoy en día utilizar el celular antes que una pc o laptop, tener un sitio web con diseño responsive se ha vuelto necesario. Por eso a continuación te mostraremos 5 cosas que debes tomar en cuenta para hacer tu sitio web responsive.

 

Elimina elementos

Sin duda esto es primordial. Y es que al tener que adaptar un sitio web de escritorio a un dispositivo de menores dimensiones, es indispensable eliminar elementos que no sean tan necesarios. O también cambiarlos por unos de menor tamaño.

Para eso es muy importante tener claro qué es lo que se quiere comunicar. Esto para que, aunque se eliminen o se sustituyan unos elementos por otros, no se pierda el objetivo del elemento ni la comodidad visual.

 

Mantén la velocidad de carga

La cantidad y tamaño de los elementos no afecta solo afecta la parte visual, sino también la velocidad de carga. Por eso es tan importante eliminar los que no sean tan necesarios para que la página no se vuelva pesada. Esto es fundamental si quieres que tu sitio web siga teniendo el mismo tráfico de usuarios.

 

Cuida el formato de las imágenes

Imágines ligeras

Es importante que coloques imágenes con poco peso, para que sean fáciles y rápidas de cargar.

 

Imágines panorámicas

Por la parte visual, debes colocar imágenes panorámicas, estas se adaptan muchísimo mejor a las dimensiones de los distintos dispositivos móviles. Para eso existen herramientas que funcionan como librería, las llenas de las imágenes que quieras y, dependiendo del dispositivo, estas colocarán la que más se adapte al tamaño de este.

 

Cuida el tamaño del texto

Es importante tener en cuenta que aunque hay que disminuir el tamaño del texto para que el sitio web sea responsive, hay que cuidar que este siga siendo legible. Se recomienda usar un tamaño de 16px para que el usuario no tenga que acercar tanto el texto.

 

No pongas tantos efectos

En los dispositivos móviles los efectos visuales no tienen la misma función que en los sitios web de escritorio. Por eso es importante que no pongas tantos y que además selecciones los adecuados. Deben ser aquellos que no molesten a los usuarios y realmente hagan más atractiva tu web.

 

Referencias

1. Delgado, H. (2018). Diseño Web Responsive – Tutorial con ejemplos adaptables. (n/a): Diseño Web Akus.net Recuperado de: https://disenowebakus.net

  1. Tutorial: Transforma tu web en Responsive Desing. (2013). (n/a): Blog IK Huerta. Recuperado de: http://blog.ikhuerta.com
  2. Goncalves, W. (2017). Cómo crear una página web responsive: 5 tips. (n/a): Rock Content. Recuperado de: https://rockcontent.com
  3. Martínez, J. (2014). Las 9 Técnicas para hacer tu sitio web 100% Responsive. (n/a): Ondho. Recuperado de: https://www.ondho.com
  4. Crea una página web responsive desde cero 2 por purito código. (s.f.). (n/a): Recursos Web Para Compartir. Recuperado de: https://recursoswebparacompartir.blogspot.com
A %d blogueros les gusta esto: