App o página web: qué necesita tu negocio

Web, PWA, Mini App o app: comparación en una tabla

«App o página web» en realidad no es una pregunta de dos opciones, sino de cuatro. Entre una web normal y una app en la tienda hay dos formatos intermedios, y a menudo son justo la elección sensata. Esta es la comparación con los precios de YARDOS.

Si no sabes por dónde empezar, la regla es: ve de lo barato a lo caro. La web es la base sobre la que se construye todo lo demás. Después añade un formato cuando veas que a tus clientes les falta. Cuánto cuesta una app en su totalidad lo hemos desglosado en el artículo «Cuánto cuesta hacer una app».

La diferencia principal entre una web y una app

Una web se abre con un enlace en cualquier navegador. La encuentran en Google y se puede presionar desde un anuncio sin instalar nada. Es una gran ventaja: el camino del interés a la solicitud lleva segundos.

Una app hay que encontrarla en la tienda, descargarla, abrirla y registrarse. Cada uno de esos pasos pierde a parte de los usuarios. A cambio obtienes un lugar fijo en la pantalla del teléfono, notificaciones, acceso a la cámara, la geolocalización y otras funciones del dispositivo, y funcionamiento sin conexión.

Qué significa para un negocio

• Los clientes nuevos llegan casi siempre por la web, el buscador y los anuncios. Para ellos una app es una barrera demasiado alta.
• Los clientes habituales usan con gusto una app si les ahorra tiempo: pedido en dos toques, historial de compras, puntos.
• SEO. La web trae tráfico del buscador. La app no lo hace por sí sola; hay que promocionarla aparte en las tiendas.
• Actualizaciones. La web se actualiza al instante. La app pasa la revisión de la tienda con cada versión nueva.

Por eso lo habitual es que un negocio tenga primero una web y solo después (si hay motivo) una app. Si todavía no tienes web, empieza por los pasos del artículo «Cómo crear una página web para tu negocio».

Cuándo a un negocio le basta una web

Una web es suficiente si se cumplen la mayoría de estos puntos:

• los clientes te encuentran en el buscador o en los anuncios y dejan una solicitud;
• comprar o reservar se hace llenando un formulario o con una llamada;
• el cliente vuelve pocas veces (varias al año), no a diario;
• no necesitas sensores del teléfono: cámara, Bluetooth, notificaciones en segundo plano;
• quieres gastar el presupuesto en crecer, no en desarrollar un formato nuevo.

Esto vale para la mayoría de los servicios, las empresas B2B, los profesionales independientes, las clínicas, los despachos de abogados, las empresas de producción y las tiendas pequeñas. Para ellos, una web adaptable moderna que se ve bien en el celular cubre casi todo lo que la gente atribuye a una app. Sobre todo porque muchos clientes en tu país buscan primero a la empresa en el buscador.

Si dudas entre un constructor y un desarrollo, hay una comparación en el artículo «Constructor web o web a medida».

PWA o app nativa: en qué se diferencian

Una PWA (progressive web app) es una web que sabe comportarse como una app. Se puede instalar en la pantalla del teléfono, se abre sin barra de direcciones, guarda parte de los datos para funcionar con poca cobertura y puede enviar notificaciones. Los fundamentos de la tecnología están en el curso de web.dev. Una app nativa es un programa que se instala desde App Store o Google Play y funciona directamente en el sistema operativo.

Lo que la PWA hace bien

• No hay que pasar la revisión de las tiendas ni pagar cuentas de desarrollador.
• Un solo código para todos los dispositivos y las actualizaciones salen al instante.
• Cuesta bastante menos: la PWA a partir de la web es con nosotros US$2,790.
• La gente entra por un enlace de un anuncio, un código QR o un envío, y puede añadir el icono a la pantalla.

Donde la PWA se queda corta

• En iPhone las notificaciones solo funcionan después de que el usuario añada la web a la pantalla de inicio (iOS y iPadOS 16.4 o posterior) y las permita al presionar; en una pestaña normal del navegador no hay notificaciones (documentación de Apple).
• No apareces en las búsquedas de las tiendas de aplicaciones.
• El acceso a parte de las funciones del dispositivo es más limitado que en una app nativa.
• A muchas personas les resulta más natural buscar apps en la tienda, donde es más fácil trabajar la confianza y las valoraciones.

Qué elegir

Si necesitas acceso rápido, notificaciones y una interfaz agradable en el teléfono sin presupuesto para las tiendas, empieza por una PWA. Si necesitas capacidades pesadas del dispositivo, presencia en las tiendas o suscripciones de pago dentro de la app, elige una app completa. Ten en cuenta también que Apple no admite en App Store apps que sean simplemente una «web empaquetada» sin funciones propias (norma 4.2), así que un simple envoltorio de tu web puede no pasar a la tienda.

Cuándo no hay forma de evitar la app

Una app se amortiza cuando se cumplen al menos dos o tres condiciones de esta lista:

• Uso frecuente. El cliente entra una vez al día o más: pedir comida, fitness, formación, banca, reparto.
• Las notificaciones son importantes para el servicio. Un recordatorio, el estado de un pedido, un mensaje del profesional.
• Hacen falta funciones del teléfono. Cámara, escáner, geolocalización, Bluetooth, funcionamiento sin internet.
• Necesitas tu propio «entorno». Perfil, historial, puntos y contenido privado en un solo lugar.
• La tienda como canal. Cuentas con que parte de los clientes te encuentre en App Store y Google Play.
• La app es tu producto. Una startup donde el servicio solo funciona en el teléfono.

Si eres una startup y la app es la idea de tu producto, no intentes hacerlo todo de golpe. Primero comprueba la demanda con una versión mínima. Qué es un MVP y cuánto cuesta lanzarlo lo cuenta el artículo «Qué es un MVP y cuánto cuesta lanzarlo», y el camino de la idea a la publicación está en «Cómo crear una app».

Flutter o React Native: con qué hacer la app

Si has elegido una app, surge una pregunta técnica que los clientes también hacen con frecuencia: con qué se escribe. Una de las búsquedas habituales sobre el tema es la comparación de Flutter y React Native. No necesitas entrar en los detalles, pero conviene entender lo esencial.

Las dos son una forma de escribir un solo código del que salen las apps tanto para iPhone como para Android. Es más rápido y barato que hacer dos apps por separado. Flutter lo desarrolla Google y usa el lenguaje Dart y su propio dibujado de la interfaz (flutter.dev). React Native se basa en JavaScript y utiliza los elementos nativos de interfaz de cada plataforma (reactnative.dev).

Una respuesta honesta

Para la mayoría de las apps de negocio sirven las dos tecnologías y el usuario no nota la diferencia. Deciden otras cosas: la experiencia del equipo, las bibliotecas ya hechas para tus tareas, la posibilidad de encontrar especialistas para el mantenimiento y el costo de ese mantenimiento. Por eso no elijas por las comparativas de internet, donde los autores suelen defender «su» tecnología.

Qué preguntar al proveedor:

1. ¿Con qué harán la app y por qué con eso?
2. ¿El código será mío y podrán mantenerlo otros desarrolladores?
3. ¿Tienen ustedes experiencia publicando este tipo de apps en las tiendas?

El desarrollo nativo por separado (Swift para iOS y Kotlin para Android) hace falta para gráficos pesados, un trabajo complejo con sensores o cuando el producto necesita las funciones más recientes de la plataforma el mismo día en que salen. Para todo lo demás, un solo código es más sencillo y económico.

Cómo crecer de la web a la app sin gastos de más

El esquema más seguro es una escalera donde cada peldaño comprueba la demanda del siguiente.

1. Web. Tienes una dirección que puedes poner en anuncios, en el banco y con los socios. Recoges solicitudes y ves qué preguntan los clientes.
2. PWA o Mini App. La web obtiene un icono en la pantalla y notificaciones, o el servicio pasa a Telegram. Ves si la gente vuelve y si aprovecha la comodidad.
3. App en las tiendas. Si el uso regular está confirmado, tiene sentido invertir en una app completa. Para entonces ya tienes escenarios, textos, diseño y datos, así que el desarrollo es más rápido y más preciso.

Este camino no tira dinero: los textos, la identidad visual y la parte de servidor se reutilizan en cada peldaño. Por eso montamos los productos con módulos y no «desde cero» para cada caso: el negocio crece conforme se confirma la demanda, no según previsiones atrevidas.

Errores frecuentes al elegir

• «Todos los competidores tienen app, así que nosotros también». Mira cuántas descargas y reseñas tienen. A veces la app existe y la usan cuatro personas.
• Empezar por la app saltándote la web. Sin web no te encontrarán en el buscador, y los bancos y los socios no verán la empresa.
• Encargar un envoltorio de la web para la tienda. Estas apps corren el riesgo de no pasar la revisión de Apple y aportan poco al usuario.
• No contar los gastos tras el lanzamiento. Cuentas de las tiendas, actualizaciones para las nuevas versiones de iOS y Android, mantenimiento y promoción. Prevélos desde el principio.
• Elegir la tecnología antes que la tarea. Primero decide qué debe hacer el producto y después elige el formato y las herramientas.

Qué elegir según tu situación

• Si estás abriendo una empresa o lanzando un servicio, empieza por la web. La necesitas para el banco, los socios y los clientes, y la app puede esperar. Para arrancar rápido tienes la «Web en 24 horas».
• Si ya tienes web y los clientes vuelven, añade la PWA por US$2,790: icono en la pantalla y notificaciones sin tiendas.
• Si tus clientes se comunican en tu ciudad por Telegram, mira la Mini App desde US$4,290: reservas, catálogo y pago directamente en el mensajero.
• Si eres una startup y la app es tu producto, haz un MVP desde US$11,990 y comprueba la demanda.
• Si no estás seguro, repasa la lista de arriba o escríbenos por la página de contacto: te diremos con honestidad qué formato te conviene.
• Si necesitas un sistema complejo con áreas privadas y roles, empieza con la sesión de arquitectura de US$3,890 (el importe se descuenta del proyecto).

Cómo elegir proveedor para cualquiera de estos formatos sin equivocarte lo verás en el artículo «Cómo elegir una agencia de diseño web», y los precios de todos los formatos están reunidos en la página de precios.