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

Responsive design, vista móvil, web móvil paralelo o App, ¿cuál es la mejor solución para su sitio web?

La cantidad de dispositivos móviles sigue creciendo rápidamente, y se espera que las visitas a sitios web desde smartphones sean cada vez más. ¿Está su sitio preparado para recibirlas?

La presencia en dispositivos debe estar diseñada estratégicamente de acuerdo al cliente y para ello analizamos su negocio, su audiencia, el tráfico web, y los contenidos para definir la solución más acertada. Es por esto que a continuación revisamos algunos pros y contras sobre las tendencias más comunes para atender a los usuarios móviles.

Responsive Design

 Ilustración que muestra cómo funciona el diseño responsivo

El diseño responsive 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 CSS3 y de Jquery. Actualmente es lo recomendado por Google para una mejor experiencia de uso en dispositivos.

Ventajas

  • Mejor experiencia de uso en dispositivos.
  • Mejora el posicionamiento en Google.
  • Menos tiempos y costos de mantención / actualización.
  • Eficiencia en la administración, se publican 1 vez los contenidos.

Desventajas

  • Lentitud de carga en conexiones 2G, 3G, ya que "arrastra" todo el desarrollo del sitio web desktop (eventualmente javascripts, css, fotos, videos, publicidad).
  • La baja velocidad de carga de un sitio es penalizada por Google.
  • No permite segmentar contenidos sin afectar el rendimiento.
  • Mayor complejidad para desarrollar.

Vista móvil

Ilustración que muestra cómo funciona la vista Móvil 

Se trata de una vista del mismo sitio, pero especialmente diseñada y desarrollada para una mejor experiencia en móviles. Los contenidos son los mismos, pero a través de una regla en el servidor (user-agent) se muestra la versión desktop/tablet o la versión móvil, dependiendo del dispositivo que tenga el usuario que visita el sitio.

Ventajas

  • Mayor velocidad de carga del sitio.
  • Mejor experiencia de uso en dispositivos ya que está desarrollada integramente para esa versión.
  • Eficiencia en la administración, se publican 1 vez los contenidos.
  • Permite segmentar contenidos y publicidad.

Desventajas

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

 Web móvil paralelo

Ilustración que muestra cómo funciona una web móvil paralela

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

 Ilustración que muestra cómo funciona una app móvil

Su marca también puede tener presencia en dispositivos a través de aplicaciones tanto para Apple como para Android, considerando que los usuarios de estos equipos utilizan en promedio 94 minutos del día en "App". Se trata de programas especialmente desarrollados para una o ambas plataformas que permiten una experiencia única en tales dispositivos 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.
  • Necesita una estrategia de difusión ya que no puede ser indexada por Google.
  • Requiere más personas para la administración.

Comparte este artículo

Logo de Facebook Logo de Twitter

Artículos Relacionados

Accesibilidad, el desafío de una web para todos

En la web existen ciertas malas prácticas que impiden u obstaculizan el que un sitio web pueda ser utilizado por todos los usuarios.

Cómo conectarse con los usuarios al diseñar una app móvil

Pedro Palma, gerente de diseño de AltaVoz, expuso en el evento ValparApps contando nuestra experiencia en el desarrollo de proyectos móviles.