Hoy hablaremos un poco sobre el diseño Responsive x Mobile, ¿cuál es la mejor opción?
Esta es la pregunta más importante para cualquiera que esté pensando en desarrollar un sitio web para dispositivos móviles, además de la versión de escritorio. Así que aclaremos un poco estas dudas que nos surgen.
Diseño de respuesta
Cuando trabajamos con este tipo de diseño, el entorno móvil y el entorno de escritorio son iguales. ¿Y qué definirá la experiencia del usuario en cada plataforma?
La respuesta es la implementación que realizará la programación mediante la técnica de Media Queries, adaptando el diseño a las resoluciones estándar de cada dispositivo.
Ejemplo:
@pantalla multimedia y (ancho mínimo: 767 px) {
—- Código CSS —-
Ejemplo de tienda: G1
Principales resoluciones utilizadas:
- Celulares => Entre 320px y 480px de ancho (Medida de iPhone de pie y acostado);
- Tabletas (de pie) => Entre 600px y 768px de ancho (un promedio de las medidas de varias tabletas);
- Tabletas (acostadas) => Entre 768px y 1024px de ancho (un promedio de las medidas de varias tabletas);
- Escritorio => Por encima de 1024 px;
Las ventajas de utilizar este tipo de diseño son la forma simplificada de mantenimiento, ya que solo será un entorno para aplicar cambios y gestionar contenidos. La otra ventaja es la indexación de Google: Google ve mejor los sitios responsivos en comparación con la versión móvil.
Diseño Móvil
Optar por una versión móvil implica construir un sitio web completamente nuevo, es decir: tendrás dos sitios web, uno para escritorio y otro para dispositivos móviles. Normalmente, las versiones móviles son entornos simplificados que facilitan la navegación del usuario y trabajan con un código más simplificado para que funcione en tecnologías obsoletas.
En el caso del comercio electrónico, todo el diseño está diseñado para facilitar la conversión de la tienda.
En este modelo no trabajamos con aplicaciones para cada resolución, el diseño se aplica a todas las resoluciones del dispositivo móvil.
La ventaja es que el usuario tendrá una experiencia mucho más placentera que el diseño responsivo, y esto es fundamental para la conversión del comercio electrónico.
Ejemplo de tienda: Menina Shoes
Conclusión
Como puedes ver ambos tienen sus pros y sus contras, el detalle es saber analizar cuál es tu prioridad, cuál es el costo de implementar cada uno y entender qué espera tu público objetivo de tu sitio web.
¿Quieres una solución profesional para tu e-commerce? Contáctanos.
