¿Sitio web único y responsivo o sitios dedicados?

El equipo de desarrollo web de una empresa siempre debe cuestionar si el sitio web debe ser único, responsivo para diferentes tamaños de pantallas o si debe tener una página dedicada para la versión desktop y otra para los móviles.

Para entender las diferencias de cada una de las opciones, vamos a aprender cada una de sus características.

Subtítulo: Proyecto Apeperia del curso “Layouts Responsivos: Trabajando con layouts mobile” de Alura Latam.

Los términos

Los sitios web únicos y responsivos son, en resumen, las páginas que sufren adaptaciones del diseño de acuerdo con el dispositivo dónde es accedido.

De esa manera es creado un modelo único de página y, a medida que las especificaciones de la pantallas cambian, también cambian la disposición y el tamaño de los elementos. Y debemos pensar en la especificidad de la interacción de cada dispositivo, por ejemplo, un móvil y un tablet logran tener pantallas táctiles (touch screen) y los desktop logran tener el diseño de una flecha al utilizar el ratón.

Los sitios mobile son dedicados a una versión del sitio web desktop pero para los dispositivos móviles. Esta estructura es desarrollada de manera paralela y aparece para el usuario sólo cuando hay una requisición de determinado dispositivo.

Si el usuario accede el sitio en desktop, por ejemplo, tendrá acceso a un determinado tipo de diseño, aunque el diseño sea modificado de manera responsiva con sus dimensiones específicas.

Si este mismo usuario accede al sitio web de cualquier dispositivo móvil, habrá la requisición de la versión móvil y su diseño es visualizado como una nueva versión de lo mismo.

En estos casos, aprovechamos al máximo lo que cada dispositivo tiene a ofrecer para la experiencia de nuestros usuarios y las diferentes experiencias de una aplicación. Con eso las direcciones de la URL son creadas para cada versión del sitio web que a veces es con la inserción del m. en el subdominio.

Sítio único responsivo versus Sítio mobile dedicado

Para dejar más claro cuáles son las diferencias encontradas en cada uno de esos tipos, vamos analizar los siguientes cuadros:

Design

Los diseños son más simples para facilitar la adaptación de los elementos en los diferentes tamaños de la pantalla y hay mayor libertad para la creación del diseño una vez que cada uno funciona en paralelo.

Domínio

Se utiliza un único dominio que facilita compartir las direcciones de los sitios web, hay la inserción del subdominio como m. que direcciona el usuario desde el dominio principal, lo que puede resultar que la página carga con menos tiempo y facilita su acceso.

SEO

Según el propio Google, se sugiere la utilización de los sitios web responsivos porque hay la economía de los recursos cuando el Googlebot va a buscar la página. Antes de pasar en el test de Mobile Friendly Websites del Google, los sitios mobile dedicados serán bien clasificados en el ranking si todas las versiones del sitio ofrecen una buena experiencia del usuario. Además de las diversas URLs, el rastreo de Googlebot puede quedar más lento y comprometer la actualización frecuente de esa búsqueda.

UX

Si las adaptaciones del diseño no son hechas de manera correcta, la experiencia del usuario en relación con la interacción del sitio web puede comprometerse. Una vez que el diseño es creado con enfoque para el dispositivo, es más fácil que haya un mejor provecho de los recursos y limitaciones de los dispositivos, lo que no significa que la simple creación de un diseño dedicado soluciona todos los problemas porque va a depender de qué manera es pensada por los diseñadores.

Manutención

La manutención es hecha en la estructura directa del sitio web principal y que va a actualizar todas las versiones al mismo tiempo. Cuanto más páginas hay, más complejas son sus manutenciones. Actualizar la página principal no saca la necesidad de actualizar las demás versiones pero facilita y mucho el trabajo de los desarrolladores.

Performance

La velocidad de la carga de un sitio único responsivo es perjudicial cuando tiene largos códigos HTML y CSS, con contenido e imágenes más pesadas, una vez que son utilizados en el desktop y en el móvil.

Aquí debemos tener atención con que Guilherme Silveira de Alura nos indica porque el sitio web puede tener una buena performance si el código y las imágenes son optimizados, en especial con la utilización de la media query. O sea, para tener una buena performance es necesario un poco más de trabajo también.

El sitio web móvil dedicado es creado para un contexto de los dispositivos móviles y, además de tener código HTML y CSS menores, permite que la carga de las imágenes con tamaños menores y con eso menos pesadas, lo que ayuda el tiempo de la carga. Por eso es importante recordar que las personas diseñadoras deben optimizar las imágenes correctamente para que las imágenes no queden pesadas.

Al fin, ¿cuál es la mejor opción?

Después de todas las definiciones y análisis de comparaciones, no hay una respuesta definitiva. Lo que existe son pesos y medidas que deben ser analizados antes de la decisión final.

Antes de elegir una línea para desarrollar una página web es importante hacer las consideraciones para entender mejor el factor determinante para la propuesta del sitio web.

Abajo listamos algunas cuestiones que pueden ayudarnos a elegir el mejor modelo:

¿Cuál es el objetivo del sitio web?

¿Cuál es el perfil del público de la página? ¿Hay más usuarios de desktop o de móviles?- ¿Cuánto hay de verba?

¿Cómo funciona la actualización del sitio web? ¿Hay demanda contínua? Antes de iniciar tu proyecto, es necesario alinearse con el equipo y el cliente adecuadamente y realizar esos análisis. Para saber más, tenemos un curso en Alura Latam de Layouts Responsivos.

Puedes leer también:

• Cómo construir un portafolio de diseño