Actualmente existe una gran variedad de dispositivos con acceso a internet, entre ellos: celulares, tablets, computadores de escritorio, portátiles entre otros. Esta situación es una gran ventaja puesto que aumenta el acceso de las personas a internet, pero también es un reto para quienes nos dedicamos a crear páginas responsive design.
Cuando hacemos dichas páginas, diseñamos y construímos webs de tal forma que se visualicen correctamente en todos los dispositivos. Sino por lo menos en la mayoría de ellos (priorizando los más utilizados).
La idea fundamental de esta técnica es que la página muestre la misma información en todos los dispositivos o la esencial y que los usuarios la puedan visualizar bien, sin cortes o deformaciones sino que el contenido este adecuado a las resoluciones de pantalla y características propias de cada entorno.
Características de una página responsive design
Algunas características de un diseño responsive son:
- Cuando un usuario accede a la página desde cualquier dispositivo esta enseña la misma información o la esencial
- Las imágenes están optimizadas para todos los dispositivos, por ejemplo en celulares puede contar con imagenes más pequeñas y de menor peso.
- Los menús de navegación se adaptan de acuerdo a las características del dispositivo, para que el usuario interactúe fácilmente con ellos.
- El contenido más relevante de la web responsive se encuentra en la parte superior, así en dispositivos móviles se accede a ellos rápidamente y ayuda a retener más usuarios.
- Cuando es necesario se crean funcionalidades particulares para un dispositivo, por ejemplo filtros de productos en tiendas online en celulares.
Ventajas de webs adaptadas a todos los dispositivos
¿Cómo se favorece una página construída con responsive design?
- Los motores de búsqueda como Google lo utilizan como criterio para posicionar las páginas en su índice.
- Se evita el contenido duplicado, anteriormente cuando se creaba una versión para cada dispositivo esto representaba un problema.
- No tener que generar una versión para cada dispositivos también reduce los tiempos y costos de implementación.
- Mejora el ratio de conversión al tener una versión adecuada en dispositivos móviles que son los más utilizados actualmente.
5 Ejemplos de páginas responsive design
Algunas páginas web que aplican bien el concepto de responsive design son:
- https://blog.kevinbermudez.com
- https://www.iebschool.com/blog/que-es-responsive-web-design-analitica-usabilidad/
- https://laprobell.com.co/
- https://horizonautologistics.com/new
- https://silleteros.com/
En conclusión
Actualmente no es aceptable tener una página web que no sea responsive design, los motores de búsqueda las penalizan e incluso los mismos usuarios si tienen una mala experiencia de usuario, por esto todos nuestros diseños y desarrollos están pensados para visualizarse correctamente en todos los dispositivos.
0 Comentarios