En el pasado, hemos analizado los motivos y las formas de probar su sitio web, ya sea empresarial o personal, en varios navegadores de escritorio. La importancia de probar su sitio en diferentes navegadores asegura que su sitio se vea y se comporte correctamente, sin importar en qué navegador se lo esté viendo.
Lo mismo ocurre con los navegadores móviles e incluso puede ser más crucial en estos días, ya que muchas personas emplean el uso del diseño web receptivo. Este concepto, en pocas palabras, proporciona un sitio web que se verá y se comportará bien 7 Prácticas que los diseñadores profesionales utilizan para mejorar su negocio 7 Prácticas que los diseñadores profesionales utilizan para mejorar su negocio Manejar un negocio es muy exigente, pero no es necesario ser de esa manera Lea más en todos los dispositivos móviles, independientemente del tamaño. Con tantos tipos de teléfonos celulares Una breve historia de los teléfonos celulares Una breve historia de los teléfonos móviles Los teléfonos móviles han cambiado la forma en que vivimos nuestras vidas y para muchos, la perspectiva de un mundo sin llamadas de voz, mensajes de texto y acceso a Internet móvil es un inquietante. Como todos sabemos, ... Leer más y tabletas, diseñar su sitio para acomodar solo un dispositivo es un gran error.
Esto es lo que Eric Fischgrund, Profesional de Marketing y Comunicaciones, tiene que decir acerca de la importancia de este concepto en un artículo reciente de Huffington Post:
El contenido a menudo necesita ser reescrito también. Para dispositivos más pequeños, desea texto conciso y fácil de entender. Las imágenes deben ser de menor tamaño. El diseño receptivo consiste en mejorar la experiencia de los usuarios anticipándose a sus necesidades.
Con todo esto en mente, nadie espera que compre y mantenga todos los dispositivos disponibles. Y es importante tener en cuenta que a medida que se produzcan y vendan nuevos dispositivos, sería imposible mantenerse al día con ese método.
Ingrese, los emuladores móviles. Estas prácticas herramientas le permiten no solo ver, sino que en la mayoría de los casos navegar a través de su sitio web a través de los "ojos" de diferentes dispositivos. Cada uno de estos emuladores funciona bien y está disponible de forma gratuita.
Emulador de teléfono móvil
El sitio Emulador de teléfonos móviles le ofrece cierta flexibilidad para probar su sitio web. Puede elegir en qué dispositivo ver su sitio y cambiar entre todos para revisarlo. Aunque no contiene una lista completa de dispositivos, puede encontrar los populares de Apple, Samsung, LG, Blackberry y HTC con tamaños de pantalla para cada uno. También puede elegir ver su sitio en vistas retrato y paisaje en los dispositivos.
Una vez que se muestra su sitio web en el dispositivo, puede hacer clic en diferentes artículos, navegación o menús para ver cómo se ve cada área. También puede optar por ver el dispositivo en su tamaño "real" o para adaptarse a la ventana de su navegador. Mobile Phone Emulator es una opción realmente agradable y gratuita para las pruebas de navegador móvil.
Responsinador
Responsinator mostrará su sitio web en varios dispositivos, todo en una vista. No hay muchas opciones de dispositivos, pero puede ver su sitio en algunos dispositivos iOS y Android recientes en vistas vertical y horizontal. Cada uno tiene barras de desplazamiento para ver toda la página y nuevamente, puede hacer clic en los enlaces en su sitio desde los dispositivos para ver la navegación y otras páginas.
Responsinator está disponible de forma gratuita, pero si desea crear su propio Responsinator, esa opción está disponible por $ 6 mensuales o $ 60 por año. Si hace mucho diseño receptivo usted mismo, entonces esta podría ser una buena opción para que investigue más.
ResponsivePX
ResponsivePX puede no ser tan bonito como las otras opciones, pero funciona. En lugar de elegir desde diferentes dispositivos, selecciona el tamaño de la pantalla. Ajuste el ancho y la altura y la pantalla se ajustará sobre la marcha.
Puede optar por mostrar una barra de desplazamiento, que realmente podría estar allí por defecto, pero le ayuda a moverse por la página de su sitio. Se puede hacer clic en cada elemento en su sitio para que pueda ver la navegación y las diferentes páginas fácilmente.
ResponsivePX es una opción decente para las pruebas móviles y, teniendo en cuenta que puede ajustar el tamaño de la pantalla a 3000 por 3000, podría utilizarse para algo más que la visualización móvil.
Matt Kersley.com
El sitio de Matt Kersley es, una vez más, no tan bonito como algunos otros, pero puedes ver tu sitio web en cuatro vistas diferentes de dispositivos móviles. Los tamaños de los dispositivos incluyen un pequeño teléfono y tableta, así como iPhone y iPad. Cada uno tiene barras de desplazamiento y le permite hacer clic en los elementos de su sitio para realizar más pruebas como las anteriores.
iPad (y iPhone) vistazo
Para probar solo en iOS, iPad Peek muestra las vistas de iPad y iPhone de su sitio web. Puede cambiar rápidamente entre la tableta y el teléfono y también entre las vistas vertical y horizontal.
Simplemente ingrese su URL en el dispositivo y pruebe. Al igual que con los otros emuladores, iPad Peek le permite moverse a través de las páginas de su sitio y navegación para una experiencia completa.
MobiReady
MobiReady ha sido hasta hace poco una excelente herramienta, sin embargo, el sitio parece estar experimentando algunos problemas actualmente. Quiero incluirlo en caso de que sus problemas se solucionen pronto, porque realmente es un buen emulador. No solo muestra su sitio web, sino que también proporciona información de prueba útil.
Puede consultar análisis e informes junto con varios resultados de pruebas que muestran gráficos, errores y pases. Los dispositivos mostrados están limitados a algunos tamaños de teléfono diferentes junto con una vista de escritorio.
Pero la otra información es realmente lo que es más útil en MobiReady. Esperamos que el sitio vuelva a estar en funcionamiento pronto para que pueda probarlo.
¿Tu sitio está listo para dispositivos móviles?
¿Utiliza un diseño web receptivo para asegurarse de que su sitio esté listo para dispositivos móviles? ¿Cómo asegurarse de que su blog de WordPress sea accesible para usuarios móviles? ¿Cómo asegurarse de que su blog de WordPress sea accesible para usuarios móviles? Lea más? ¿Qué hay de tus pruebas? ¿echa un vistazo a su sitio web usando un emulador como uno de estos?
Tal vez haya otro emulador gratuito que creas que funciona mejor que todos estos. Si es así, por favor comparta sus sugerencias con todos en los comentarios a continuación.
Crédito de la imagen: tabletas 3D y teléfono móvil a través de Shutterstock