Laptop, tablet y smartphone mostrando la misma imagen

Home> Blog > Ventajas y desventajas de las diferentes formas de diseñar para móviles

Ventajas y desventajas de las diferentes formas de diseñar para móviles

Hay distintas opciones para llegar a los móviles de las personas. ¿Cuál es la mejor solución para su empresa?

Navegar desde un smartphone ya es parte de la vida cotidiana, por lo que un buen sitio web debe pensar en los usuarios que lo visitarán desde dispositivos móviles. Es importante diseñar el sitio de acuerdo al perfil de los clientes, y para ello analizamos su negocio, su audiencia, el tráfico web, y los contenidos para definir la solución más acertada.

A continuación revisamos algunos pros y contras sobre las opciones más comunes para diseñar para móviles.

Diseño responsivo

El diseño responsivo permite que un sitio web se adapte adecuadamente a todos los tamaños de pantalla, manteniendo proporciones correctas en su diagramación, fotografías, videos, textos. Esto se logra mediante reglas de CSS y de Jquery. El mismo sitio web, con el mismo contenido, se adapta a los diferentes dispositivos.

Ventajas

  • La información se mantiene igual para todos los usuarios, independiente del dispositivo utilizado.
  • Menos tiempos y costos de mantención / actualización, ya que es el mismo diseño para todos. Al hacer un cambio, se aplica a todos los dispositivos.
  • Eficiencia en la administración, se publican 1 vez los contenidos para todos los dispositivos.

Desventajas

  • Posible lentitud de carga en conexiones de baja velocidad, ya que "arrastra" todo el desarrollo para el sitio web desktop.
  • No permite segmentar contenidos o integrar contenidos diferenciados por dispositivo sin afectar el rendimiento.

Vista móvil 

Se trata de una vista especialmente diseñada y desarrollada para una mejor experiencia en móviles. Los contenidos pueden ser los mismos o pueden estar diferenciados según el dispositivo utilizado por el usuario (user-agent).

Ventajas

  • Se puede optimizar para lograr una mayor velocidad de carga desde móviles.
  • Dependiendo del proyecto, se puede lograr una mejor experiencia de uso desde móviles ya que la interfaz está desarrollada íntegramente para esa versión.
  • Usando Prontus, es posible lograr eficiencia en la administración, publicando una vez los contenidos de manera centralizada para todas las vistas.
  • Permite segmentar contenidos, con información diferenciada para equipos de escritorio o móviles.

Desventajas

  • Mayor tiempo de desarrollo ya que son distintas plantillas.
  • Mayores tiempos y costos de mantención / actualización, ya que hay que mantener dos versiones.

AMP

Corresponde a una plantilla especial desarrollada usando las funcionalidades definidas en el proyecto Accelerated Mobile Pages (AMP). Este formato utiliza una versión especial del código HTML para asegurar que la página cargará de manera casi instantánea cuando el usuario acceda al sitio. Google genera una versión caché de la página en sus servidores, para entregar aún mayor velocidad de carga.

Ventajas

  • Permite que el sitio cargue casi instantáneamente en móviles.
  • Mejor experiencia de uso en dispositivos ya que está desarrollada integramente para esa versión.

Desventajas

  • Hay algunas cosas que no se pueden hacer en sitios AMP debido a las restricciones para asegurar una velocidad de carga rápida.

Web móvil paralelo

Corresponde a una versión separada completamente del sitio desktop en cuanto a desarrollo y contenidos, lo que permite una mayor autonomía de ambos.

Ventajas

  • Permite segmentar los contenidos para distintos tipos de usuarios.
  • Mayor velocidad de carga del sitio.
  • Mejor experiencia de uso en dispositivos ya que está desarrollada integramente para esa versión.
  • Administradores separados para ambas versiones.

Desventajas

  • Mayor tiempo de desarrollo ya que son sitios distintos.
  • Mayores tiempos y costos de mantención / actualización.

Aplicaciones

Su marca también puede tener presencia en dispositivos a través de aplicaciones tanto para Apple como para Android. Se trata de programas especialmente desarrollados para una o ambas plataformas que permiten una experiencia distinta a la que se puede lograr con un sitio web, al utilizar funcionalidades nativas de los equipos.

Ventajas

  • Mejor experiencia de marca, que puede complementar la versión web.
  • Permite utilizar funcionalidades nativas del teléfono (Cámara, GPS, datos del usuario, etc).
  • Permite acceder a ellas sin estar conectado a Internet.

Desventajas

  • Requiere descargar al dispositivo.
  • Mayor costo y tiempo de implementación.
  • Requiere más personas para la administración.

Comparte este artículo

Logo de Facebook Logo de Twitter

Artículos Relacionados

Tips de diseño para lograr mejores conversiones en tu sitio web

El diseño web permite guiar a los visitantes de tu sitio hacia las opciones que tiene disponibles.

4 tendencias de color para 2020

Un poco de inspiración para los proyectos de este año.