¿Cómo crear una app para iPhone y Android sin programar?

Qué app puedes crear

Con CodeMyVibe puedes crear apps móviles con varias pantallas, datos y cuentas de usuario. Algunas ideas:

• Para tu negocio: una tarjeta de fidelidad con código QR para tu cafetería o una app de reservas para tu centro de yoga.
• Para tu club o asociación: calendario de actividades, socios y noticias.
• Para uso personal: un diario de entrenamientos, una lista de recetas o un control de gastos de casa.
• Para tu startup: la primera versión de tu idea para enseñarla a usuarios e inversores.

La app se construye con tecnología web moderna y funciona en iPhone y en Android.

Paso a paso: de la idea a la app en tu móvil

1. Elige App iOS y Android en el espacio de trabajo.
2. Planifica las pantallas. En modo Planificar acuerda con el agente qué pantallas tendrá la app y cómo se pasa de una a otra, sin tocar archivos.
3. Pasa a Crear y mira la app en la vista previa, dentro de un marco de iPhone o de Android.
4. Pruébala en tu teléfono escaneando un código QR: la abres en tu móvil real y ves cómo se siente al tacto.
5. Ajusta señalando elementos en la vista previa o adjuntando capturas de pantalla.
6. Instálala en la pantalla de inicio de tu móvil como web app a pantalla completa, o descarga el proyecto Cordova para compilarlo tú para las tiendas.

Un ejemplo de petición que funciona

Una app para los socios de mi centro de yoga Shanti en Bilbao: registro e inicio de sesión, horario semanal de clases con profesor y plazas libres, reserva de una plaza con un toque, pantalla Mis reservas y una tarjeta de socio con código QR. Barra de navegación abajo con cuatro iconos, colores suaves.

Funciona porque describe quién usa la app, cada pantalla, la acción principal y hasta la navegación. Las apps móviles tienen poco espacio: cuanto más claro tengas qué va en cada pantalla, mejor será el resultado desde el primer intento.

Qué obtienes con tu app

• Vista previa en marco de teléfono, de iPhone o de Android, para ver la app como la verán tus usuarios.
• Prueba en tu móvil real escaneando un código QR.
• Instalación en la pantalla de inicio como web app a pantalla completa, sin pasar por ninguna tienda.
• Datos y cuentas de usuario creados por el agente cuando la app los necesita, visibles en la pestaña Backend.
• Proyecto Cordova descargable, listo para compilar para la App Store y Google Play. La compilación y la publicación las haces tú con tus cuentas de desarrollador.
• Versiones con registro de cambios para volver atrás cuando quieras.

Web app o app de las tiendas: qué te conviene

Con CodeMyVibe tienes dos caminos para llevar tu app a los teléfonos de tus usuarios, y puedes empezar por el primero y pasar al segundo más adelante:

• Web app en la pantalla de inicio. Descargas el código fuente completo en un ZIP y lo pones en el hosting que elijas. Tus usuarios abren la app en el navegador y la añaden a la pantalla de inicio: se abre a pantalla completa, con su icono, como cualquier otra app. Es la forma más rápida de tener usuarios reales, sin esperar revisiones de ninguna tienda. La publicación con un clic desde CodeMyVibe llegará próximamente.
• App en la App Store y Google Play. Descargas el proyecto Cordova, lo compilas y lo publicas tú con tus cuentas de desarrollador. Lleva más trabajo, pero tu app aparece en las tiendas.

Para un club, un negocio local o una primera prueba con usuarios, la web app suele ser más que suficiente. Si la app funciona y la gente la usa, das el salto a las tiendas con un proyecto ya probado.

Consejos para una app más usable

• Pocas pantallas, bien pensadas. Empieza por las tres o cuatro imprescindibles.
• Una acción principal por pantalla, con botones grandes y fáciles de tocar.
• Prueba siempre en tu teléfono: hay cosas que solo notas con el dedo, como un botón demasiado pequeño.
• Adjunta capturas de apps que te gustan para explicar el estilo de la navegación.
• Datos de ejemplo realistas para que la app se vea viva cuando la enseñes.

Qué hacer después

Da permiso a tus primeros usuarios para abrir la vista previa privada, que prueben la app en su móvil y te den su opinión. Con lo que te digan, pide los cambios en el chat: cada uno crea una nueva versión.

Cuando quieras llevarla a las tiendas, descarga el proyecto Cordova y compílalo con tus cuentas de desarrollador de Apple y Google. También puedes descargar gratis el código fuente completo en ZIP o sincronizarlo con GitHub, GitLab o Bitbucket, y retocar lo que quieras en el editor de código integrado, el mismo de VS Code.

Preguntas frecuentes