Esta traducción aún no ha sido revisada editorialmente. La versión alemana es la vinculante. Deutsche Fassung →
Responsive
¿En qué tamaños de pantalla debería probarse un sitio web?
Un sitio web debe ser probado en tres tamaños de pantalla: Smartphone con 390, Tablet con 768 y Desktop con 1440 píxeles de ancho. Estos tres perfiles cubren las clases de dispositivos comunes. El servicio de comprobación emula dispositivos reales —con control táctil, identificación de navegador móvil y densidad de píxeles apropiada— en lugar de simplemente reducir una ventana del navegador.
Tres perfiles cubren las clases de dispositivos
El perfil de smartphone mide 390 por 844 píxeles —el formato de un teléfono actual común. El perfil de tablet mide 768 por 1024 píxeles, una tablet en modo vertical. El perfil de escritorio mide 1440 por 900 píxeles, un monitor ampliamente utilizado. En estos tres anchos, la mayoría de los sitios web cambian su apariencia: El menú se pliega, las columnas se apilan, las imágenes se escalan. Exactamente por eso, una sola mirada en su propia pantalla no es suficiente —una página puede verse perfectamente en el escritorio y desplazarse lateralmente en el móvil, cortando textos o encogiéndolos. Por lo tanto, cada perfil se prueba independientemente y se informa por separado en el informe, junto con una captura de pantalla.
La emulación real de dispositivo produce resultados reales
Un navegador simplemente reducido se comporta de manera diferente a un teléfono. Muchos sitios web cierren su visualización móvil solo cuando el navegador se identifica como dispositivo móvil: con entrada táctil, identificación de navegador móvil y mayor densidad de píxeles de una pantalla de móvil. Por lo tanto, el servicio de comprobación configura una emulación completa de dispositivo para cada perfil —el perfil de smartphone se reporta como un teléfono con toque y triple densidad de píxeles, el perfil de tablet como una tablet. Sin esta emulación, surgiría hallazgos falsos: La comprobación vería una forma intermedia de la página que ningún visitante real ve. Con ella, ve la misma visualización que la audiencia.
La comprobación ve la página como un visitante
Antes de la medición, la comprobación deja que la página se cargue completamente y se quede tranquila. Luego se desplaza lentamente hasta el final de la página y vuelve hacia arriba —como un visitante que se mira alrededor. Esto tiene una razón técnica: Muchas páginas muestran contenido solo al desplazarse. Si la medición ocurriera antes, estos bloques aún estarían en su posición inicial, y la comprobación reportaría un diseño que en el uso real no existe. Solo después de este pasada comienza la medición real: Comportamiento de desplazamiento, superficies de control, ajuste de texto, contenido en la primera pantalla —por perfil, con captura de pantalla como evidencia.
- Pruebe las páginas nuevas en al menos un smartphone real, además de la visualización en el monitor del escritorio.
- Compare las tres capturas de pantalla en el informe de comprobación: muestran cómo se ve la misma página en cada clase de dispositivo.
- Pregunte a su agencia en qué anchos de pantalla su sitio web cambia de diseño y haga que se prueben exactamente esas transiciones.
- Trate la vista móvil como su vista principal, porque muchos visitantes ven su sitio web solo en el teléfono.