Como ya hemos dicho en algún artículo anterior, el Diseño Responsive Design (Diseño Web Adaptativo), es una técnica por la que con un solo diseño y desarrollo web se puede adaptar a cualquier dispositivo (de cualquier resolución) que emplee el usuario para acceder a la website, móvil, tabletas, PC, etc.
La gran relevancia del diseño responsive design es que permite mantener una base de diseño adaptable, pero requiere pruebas y no garantiza por sí solo ahorro ni compatibilidad con cualquier dispositivo.
Desde que se inició este tipo de diseño responsive se han creado multiples herramientas que ayudan a comprobar si el diseño y programación que se esta desarrollando se hace de manera correcta. No dejan de ser herramientas de comprobación, aunque es bastante preciso, la prueba final siempre se tiene que hacer con un dispositivo real.
Cómo comprobar el diseño
- Utiliza el modo adaptable del navegador, como Device Mode de Chrome, para variar el ancho y la orientación.
- Revisa menú, tablas, formularios y botones; busca recortes, solapamientos y desplazamiento horizontal innecesario.
- Amplía el texto y navega con teclado. Un diseño que cabe en pantalla puede seguir teniendo problemas de accesibilidad.
- Repite las tareas principales en dispositivos y navegadores reales. La simulación no reproduce todas las diferencias de hardware, entrada ni rendimiento.
Las siguientes herramientas se mencionaban en la publicación de 2013. Se conservan como referencia histórica; su disponibilidad actual no se ha validado:
. Screenfly
. Responsive Web Design Testing Tool
