Herramientas para probar diseño responsive
El uso de dispositivos móviles en el mundo ha crecido de manera circunstancial desde hace poco tiempo, ya hemos dejado a un lado el uso masivo de computadores, ha habido una ola de uso de conexión desde nuestros teléfonos, iPads y tablet, por eso se hace importante cada vez mas probar diseño responsive de nuestra web, en Temas de WordPress tenemos muy presente esto.
Se calcula que el mes de octubre de 2016 fue el momento en que por primera vez en la historia el acceso a Internet desde dispositivos móviles fue superior a la conexión a Internet desde pcs, con 51.3% sobre 48.7%.
Las cifras muestran claramente este incremento, el portal business2community.com revela las siguientes cifras de consumo de datos móviles :
Previsión de Consumo de datos móviles por mes, en cada año
2017: 9.9 exabytes per month
2018: 14.9 exabytes per month
2019: 21.7 exabytes per month
2020: 30.6 exabytes per month
Tomado de: http://www.business2community.com/
Si profundizamos un poco mas en los números, la gente de WeAreSocial ha realizado un completo informe sobre el acceso a Internet en el mundo, entregando algunos datos bastante interesantes que vale la pena tener presente, por ejemplo los usuarios se conectan a Internet solo desde un dispositivo móvil creció desde el año pasado un 5%, las conexiones móviles a Internet en América son mas de 1000 Millones (1.069 Million), donde el 66% de los usuarios se conecta a Internet. También es importante remarcar que el trafico web realizado desde dispositivos de escritorio y laptops a disminuido un 20%.
Todos estos datos nos animan a pensar seriamente en implementar sitios web con las características adecuadas para esos usuarios que visitaran nuestro sitio desde dispositivos moviles, por eso es muy importante tener herramientas que nos permitan verificar el comportamiento de nuestro sitio en esos dispositivos y probar diseño responsive.
A continuación te presentamos algunas herramientas que te pueden ayudar al momento de probar diseño responsive:
Sizzy
Esta herramienta salio recientemente mencionada en productHunt y calificada con buenos números por parte de los usuarios. Cuenta con opciones para ver varios dispositivos a la vez o uno solo elegido. Es interesante que permite aplicar la rotación de pantalla a todos a la vez, tiene un gran cantidad de dispositivos y bastantes filtros.
En la imagen vemos MegaHost Tema WordPress para Hosting, optimizado para dispositivos móviles, que permitirá montar su sitio web y ofrecer los servicios de hosting.
DEMO COMPRAR
Resizr
Aunque con un nombre difícil de pronunciar
En la imagen vemos Travelia es un Tema Html/Css ideal para viajeros y hoteles, tiene todo lo que requieres, galería de imágenes, pagina de preguntas frecuentes, una barra de búsqueda de reservas con un excelente diseño.
DEMO COMPRAR
Responsiv
Personalmente la que mas uso, me gusta la idea de poder ver no solo en móviles, si no también en otros dispositivos. Te va mostrando uno a uno a medida que realizas scroll, de esta manera te puedes ir haciendo la idea de como se ve tu sitio web en cada resolución. Además anotar que es uno de los mas fieles, en estos “Emuladores” por llamarlos de alguna manera siempre hay diferencias.
En la imagen vemos Coopbank Tema WordPress para bancos y cooperativas, cualquier área financiera puede usar este excelente tema.
DEMO COMPRAR
Romtec.ch
Esta interesante herramienta cuenta con una Regla que permite ajustar de manera practica cada resolución, además de contar con algunas resoluciones pre-establecidas de los elementos mas populares.
En la imagen vemos Mas Dashboard es una interfaz gráfica (UI) para una Clínica Médica (Html / Css), A través de esta plataforma el usuario (normalmente una persona que necesita una cita con un especialista o médico particular) puede hacerlo sin salir de casa, el usuario podría cancelar una cita.
DEMO COMPRAR
Troy
Si requieres una herramienta con gran cantidad de dispositivos, la capacidad de mostrar varios dispositivos a la vez, incluso resoluciones laptop, entonces Troy es lo que estas buscando.
En la imagen vemos Jekas – Tema Html/Css Landing page, para aplicaciones móviles, con características ideales para mostrar tu aplicación a los usuario finales.
DEMO COMPRAR
Inspector de Elementos
La herramienta responsive que trae el inspector de elementos no podía quedar por fuera, es a la que uno acude cuando requiere de manera instantánea probar diseño responsive, no requiere ingresar a ningún sitio en particular ni instalar ninguna herramienta.
En la imagen vemos Stanum – Tema Responsive Creativo, para negocios o web de portafolio para cualquier profesional.
DEMO COMPRAR
Finalmente podemos hablar de extensiones que van dentro de cada navegador, para mi caso Chrome.