Páginas web móviles vs. Páginas web de escritorio

Las páginas web que están optimizadas para su uso en dispositivos móviles difieren de las que aparecen en computadoras de escritorio y portátiles. Estos últimos están diseñados para pantallas grandes y clics precisos del mouse, mientras que las páginas web móviles están diseñadas para pantallas más pequeñas y toques imprecisos con los dedos.

Dado que la mayoría de las visitas al sitio web provienen de dispositivos móviles, los diseñadores de sitios tienen la tarea de proporcionar versiones que funcionen tanto con dispositivos móviles como con computadoras de escritorio. El enfoque más común es utilizar un diseño web receptivo, que entrega automáticamente la versión adecuada según el dispositivo del usuario y el tamaño de la pantalla, según lo detecta el navegador.

En cualquier caso, las páginas web optimizadas para dispositivos móviles se diferencian de las versiones de escritorio en varias formas.

Diseño de página: las pantallas móviles tienen menos espacio

La diferencia más obvia entre las páginas web de escritorio y móviles es el espacio de la pantalla. Si bien la mayoría de los monitores de escritorio miden al menos de 19 a 24 pulgadas en diagonal, las tabletas suelen tener alrededor de 10 pulgadas. Los teléfonos inteligentes miden aproximadamente 4 pulgadas en diagonal. El simple hecho de alejar la imagen no convierte correctamente una página web en una versión compatible con dispositivos móviles porque hace que el texto sea ilegible y requiere un paso adicional por parte del visitante del sitio. Además, tocar con precisión en elementos pequeños se vuelve imposible.

Para solucionar el problema, los diseñadores pueden eliminar las barras laterales y los gráficos que no son estrictamente necesarios. En su lugar, utilizan gráficos más pequeños, aumentan el tamaño de las fuentes y contraen el contenido en widgets expandibles. Esta limitación de bienes raíces ha impulsado un tipo de pensamiento completamente diferente entre los diseñadores web.

Además, los widgets de menú plegables o expandibles generalmente reemplazan las barras laterales y los menús de encabezado voluminosos. En su búsqueda por hacer que cada milímetro de espacio en la pantalla cuente, los diseñadores eliminan los espacios en blanco superfluos, mientras vigilan la legibilidad.

Una multitud de enlaces patrocinados y grandes anuncios publicitarios simplemente no funcionan en un teléfono o tableta pequeña. En cambio, los anuncios emergentes pequeños son más comunes en las páginas web para dispositivos móviles.

Los diseños que presentan texto envuelto alrededor de un gráfico no funcionan bien en dispositivos móviles. En cambio, los diseñadores a menudo dan a esos gráficos el ancho completo de la pantalla y ejecutan el texto debajo o arriba. Del mismo modo, un buen diseño web divide el texto en trozos para facilitar la lectura; nadie quiere leer paredes sólidas de texto. Esto se vuelve aún más importante en pantallas pequeñas. Usar el espacio en blanco con prudencia es crucial.

Controles de página: Precisión de escritorio vs. Blobs móviles

A diferencia de un puntero de mouse preciso en su escritorio, el dedo humano es una mancha, y tocar requiere grandes objetivos en la pantalla para hipervínculos. Los sitios optimizados para dispositivos móviles ofrecen grandes áreas de toque (o puntos de acceso) para facilitar una navegación precisa.

Las páginas web optimizadas para dispositivos móviles también suelen incluir la letra metro en sus direcciones; por ejemplo, la dirección móvil de Facebook es m.facebook.com. El telefono celular URL Por lo general, se elige automáticamente cuando navega con una tableta móvil o un teléfono inteligente. En algunos casos, verá un enlace que se puede tocar que le permite cambiar a la versión de escritorio normal de la página.

Iniciar sesión y contraseña Los campos destinados a computadoras de escritorio y portátiles se vuelven pequeños e inutilizables en un teléfono, por lo que los editores web los agrandan, a veces dándoles sus propias páginas para facilitar su uso. Iniciar sesión con un huella dactilar u otra cuenta, como Google o Facebook, se está volviendo cada vez más común a medida que evolucionan las capacidades de los dispositivos y los servicios.

¿Por qué eso importa?

Las páginas web móviles están diseñadas para dispositivos portátiles y son bastante diferentes de las páginas creadas para la lectura de escritorio. Si bien generalmente puede ver la versión de escritorio de una página web en un dispositivo móvil y viceversa, están diseñadas de manera diferente para que el contenido sea más fácil de ver, leer y navegar.