Lecciones de Diseño de 200+ Construcciones de Aplicaciones en Adalo

Hay un cierto tipo de aplicación Adalo que hace que otros constructores se detengan y miren más de cerca. Shantanu Srivastava ha construido más de 200 de ellas, para clientes en Europa, Estados Unidos, Japón, China, Rusia, Italia y Francia, y es bastante implacable con la parte que la mayoría de los creadores apresuran: cómo se ve y se siente realmente usarla.

Comenzó a construir sitios web en Wix en la secundaria, encontró Adalo a través de Product Hunt, y ha estado lanzando desde entonces. Hoy dirige su propia agencia, es activo en el foro de Adalo, y asesora a creadores que se quedan atrapados.

Hablamos con Shantanu sobre los errores de diseño que ve una y otra vez, cómo define el alcance de un proyecto antes de tocar el constructor, el camino de tres pasos que le da a cada principiante, y por qué cree que las aplicaciones construidas con IA siempre terminan volviendo a un constructor de aplicaciones sin código.

Conoce a Shantanu: De Wix en la Secundaria a 200+ Proyectos

Shantanu se metió en la construcción siendo joven, creando sitios web en Wix mientras aún estaba en la secundaria. Cuando se encontró con Adalo en Product Hunt, comenzó a aprenderlo inmediatamente. Su primera aplicación fue un concepto de preguntas y respuestas en el espíritu de Quora, donde los usuarios podían publicar preguntas y cargar y descargar material. Su segunda fue una aplicación de revisión de redes sociales dirigida al comercio electrónico.

Una vez que comprendió cómo funcionaba la plataforma, comenzó a construir para clientes, y desde entonces ha cubierto prácticamente todas las industrias que puedas nombrar: comercio electrónico, fabricación, redes sociales, aplicaciones comunitarias locales, paneles internos. Junto con el trabajo de clientes, ofrece consultas a otros creadores de Adalo que se quedan atrapados.

También probó las alternativas y es específico sobre por qué se quedó.

Ya probé Softr, FlutterFlow, Bubble y Glide también. Con Glide hay algunas limitaciones, la curva de aprendizaje es demasiado pronunciada. Y si hablas de FlutterFlow, tienes que ser un poco programador para trabajar en él.

Shantanu Srivastava, fundador de The Uncoders y Experto de Adalo

Su día a día es un flujo de trabajo de dos ventanas. Asistentes de IA abiertos en un lado, el editor de Adalo en el otro.

Hablo de un lado a otro con múltiples chats de IA para investigación, para todo, para mejorar la UX. Y del otro lado desarrollo aplicaciones, básicamente transformando la idea en realidad para varios creadores.

Shantanu Srivastava, fundador de The Uncoders y Experto de Adalo

También hace una observación que vale la pena considerar, sobre dónde tienden a terminar las aplicaciones generadas por IA.

Los usuarios usan las herramientas de IA para desarrollar la aplicación completa, pero al final, si hablas de escalabilidad, siempre vienen a la herramienta sin código. Dicen, quiero convertir esta aplicación completa que fue desarrollada por IA a sin código.

Shantanu Srivastava, fundador de The Uncoders y Experto de Adalo

Cómo Define el Alcance de un Proyecto Antes de Construir Nada

Shantanu no abre primero el constructor. Comienza con lo que el cliente ya tiene, y es generoso sobre lo que cuenta.

Un bosquejo aproximado está bien. Algunos clientes llegan con listas de características meticulosas, otros con tres líneas describiendo una idea vaga. De cualquier manera, hace las mismas preguntas iniciales: ¿tienes notas detalladas o una aplicación de referencia que te guste? Luego programa una llamada para entender la idea adecuadamente.

Con ese contexto, usa herramientas de IA para estructurar el alcance completo de la aplicación, prestando particular atención a la experiencia del usuario, luego lo ajusta contra su propia lectura de las notas del cliente. Ese alcance vuelve al cliente para su revisión antes de que se construya nada.

Una vez que tengo el alcance completo de la aplicación listo, se lo envío para confirmación. Por favor, echa un vistazo y revisa. Si falta algo, simplemente hazme saber.

Shantanu Srivastava, fundador de The Uncoders y Experto de Adalo

Solo después de ese visto bueno estima cuánto tiempo tomará la compilación y qué componentes o servicios necesitará. El trabajo inicial es lo que mantiene la estimación honesta.

Los Errores de Diseño que la Mayoría de Constructores de Adalo Cometen

Pregúntale a Shantanu por qué algunas aplicaciones de Adalo se ven sin pulir y va directamente a la estructura. Los nuevos creadores, a menudo sin experiencia técnica o sin código, tienden a resolver problemas con más pantallas de las que el problema necesita.

Crean múltiples pantallas que se podrían hacer en solo dos o tres pantallas. Crean 10 pantallas para eso.

Shantanu Srivastava, fundador de The Uncoders y Experto de Adalo

Eso no es solo un problema estético. Menos pantallas, mejor organizadas, significan una aplicación más rápida y un camino más corto para el usuario. Consolidar diez pantallas en tres elimina la navegación, reduce lo que tiene que cargar, y hace que todo se sienta intencional.

El segundo problema son las cosas pequeñas que nadie audita. Un botón que debería estar centrado en la página que está ligeramente descentrado. Espaciado que es casi consistente. Individualmente trivial, colectivamente la diferencia entre una aplicación que se ve profesional y una que no.

Estas cosas pequeñas, no les dan realmente atención. Cuando veo eso, creo que debería rediseñar toda la aplicación y hacerla más optimizada, para que se ejecute rápido y se vea profesional.

Shantanu Srivastava, fundador de The Uncoders y Experto de Adalo

El tercero es el alcance. Muchos clientes llegan queriendo todas las funciones en la versión uno, y su consejo es consistente.

Siempre les sugiero, comienza con características limitadas, luego mejora en futuras versiones.

Shantanu Srivastava, fundador de The Uncoders y Experto de Adalo

Los Dos Tipos de Clientes

Después de más de 200 proyectos, Shantanu clasifica a los clientes en dos grupos, y la diferencia no es cuánto saben.

El primer grupo conoce su idea con precisión y le da espacio para trabajar. Cuando sugiere un flujo más limpio o mejor lógica, lo consideran, lo dejan construir, y juzgan el resultado.

El segundo grupo también conoce su idea, pero conforme se vuelve real siguen añadiendo funciones, y tienden a rechazar sugerencias estructurales porque quieren exactamente lo que imaginaron. Es notablemente empático al respecto en lugar de desdeñoso.

Esto es algo, es una especie de bebé para ellos. Así que por esa razón también los considero.

Shantanu Srivastava, fundador de The Uncoders y Experto de Adalo

Su contrapeso es el data. Habiendo observado el comportamiento del usuario en muchas aplicaciones, sabe qué flujos tienden a funcionar, y presiona a los clientes hacia la única fuente de verdad que resuelve el argumento después del lanzamiento.

Siempre que vaya a lanzar, por favor considera también las reseñas, porque las reseñas son muy importantes para cualquier tipo de aplicación.

Shantanu Srivastava, fundador de The Uncoders y Experto de Adalo

Las aplicaciones de las que está más orgulloso lo confirman. Una aplicación de cliente que ha mantenido durante dos o tres años ahora sirve aproximadamente 14,000 a 15,000 usuarios y se ejecuta sin problemas. Otra es una aplicación comunitaria construida para una ciudad estadounidense. Varias están bajo NDA, así que mantiene esos detalles para sí mismo. Y está probando actualmente una idea propia en cafeterías locales, un concepto de recompensas que cree que no existe en ningún lugar todavía.

Siempre que desarrollo aplicaciones, cuando toda la UI es buena, la UX es buena, funciona muy bien, en ese momento me siento orgulloso. E incluso los usuarios finales también la usan muy suavemente.

Shantanu Srivastava, fundador de The Uncoders y Experto de Adalo

Su Camino de Tres Pasos para Principiantes

Esta es la cosa más directamente útil que Shantanu compartió, y es un currículo genuinamente bueno para cualquiera que abra Adalo por primera vez. No comiences con tu idea real. Construye tres aplicaciones.

Aplicación uno: comienza desde una plantilla. Elige cualquier plantilla de Adalo y úsala puramente para aprender dónde vive todo en el editor. Sin presión, sin pensamiento original requerido.

Aplicación dos: clona algo. Crea una nueva aplicación e intenta replicar una plantilla existente o una aplicación que admires. No reconstruyas todo, solo una a tres funciones. Aquí es donde aprendes a traducir un resultado que puedes ver en los pasos que lo producen.

Aplicación tres: construye tu idea real. Para entonces el editor te es familiar y has resuelto problemas reales, así que tu propio proyecto obtiene tu criterio en lugar de tu confusión.

Para el diseño en sí, sugiere usar herramientas de IA, que funcionan bien en versiones gratuitas, y examinar Dribbble para inspiración antes de comenzar a colocar elementos.

En tipografía, sus opciones son Poppins, Work Sans e Inter. Y la característica que más desea es una que muchos diseñadores reconocerán: importar diseños de Figma directamente en Adalo, algo que sospecha que Ada eventualmente podría manejar desde una imagen de referencia.

Sobre Ada y SheetBridge

Shantanu probó Ada, el constructor de IA de Adalo, proporcionándole un prompt completo para una aplicación y viendo hasta dónde llegaba. Su opinión es medida y coincide con lo que escuchamos de otros expertos: útil, mejorando rápidamente, no es un reemplazo para la mano de un diseñador.

Creo que Ada ya cubrió del 10 al 30 por ciento de las pantallas. Pero para hacerla funcional, para hacerla mejor, tengo que hacerlo manualmente. Ada está funcionando muy bien ahora mismo y creo que recibirá cada vez más actualizaciones en el futuro.

Shantanu Srivastava, fundador de The Uncoders y Experto de Adalo

También está interesado en la nueva generación de imágenes de Ada, ya que anteriormente obtenía ilustraciones de comunidades gratuitas para cosas como marcadores de posición de estado vacío.

SheetBridge, que conecta Google Sheets directamente a una aplicación, resolvió un problema muy específico para él. La empresa de un amigo mantenía sus datos en una hoja de cálculo y quería que el equipo pudiera verlos sin poder cambiarlos. Construyó una aplicación de panel de control sobre la hoja existente, y todo tomó de dos a tres días.

Les encanta ahora mismo, porque cada cosa que tienen que actualizar está en Google Sheet y listo.

Shantanu Srivastava, fundador de The Uncoders y Experto de Adalo

Sobre la publicación en las tiendas de aplicaciones, su experiencia es que es genuinamente sencillo una vez que conoces los pasos, siempre que sigas las políticas de Apple y Google. Su deseo es un único botón en el editor para enviar la versión más reciente directamente a las tiendas.

Por qué The Uncoders existe

La historia de origen de su agencia, The Uncoders, es refrescantemente poco glamorosa. En su país, una vez que los ingresos individuales superan un cierto umbral, no puedes seguir trabajando como autónomo y tienes que formar una empresa para propósitos fiscales. El trabajo con Adalo es lo que lo llevó allí.

Gracias a Adalo, básicamente me ayudó a alcanzar ese hito y formar la agencia.

Shantanu Srivastava, fundador de The Uncoders y Experto de Adalo

La dirige solo, trayendo desarrolladores especialistas y diseñadores de UI/UX cuando un proyecto requiere habilidades fuera de las suyas. Es una operación ágil que produce una cantidad irrazonable de trabajo.

Consejos para Constructores

El hilo conductor de todo lo que dice Shantanu es que el diseño no es decoración. Es estructura, y la estructura es lo que hace que una aplicación sea rápida, comprensible y valga la pena usar.

Así que no empieces con tu obra maestra. Aprende el editor en una plantilla, clona una o dos características para entender cómo se construyen los resultados, luego dale a tu idea real el beneficio de esa experiencia. Lanza una versión pequeña, observa lo que los usuarios realmente hacen, y lee tus reseñas. Consolida pantallas en lugar de agregarlas. Y centra el botón.

Si quieres construir de esa manera, puedes comenzar en Adalo de forma gratuita, explora aplicaciones que otros creadores han lanzado, o contrata un Experto de Adalo para diseñar y construir junto a ti.

Preguntas frecuentes

¿Quién es Shantanu Srivastava?

Shantanu Srivastava es un Experto de Adalo y fundador de The Uncoders, una agencia de desarrollo de aplicaciones sin código. Comenzó construyendo sitios web en Wix en la escuela secundaria, descubrió Adalo a través de Product Hunt, y desde entonces ha entregado más de 200 proyectos para clientes en Europa, EE.UU., Japón, China, Rusia, Italia y Francia. Es activo en el foro de Adalo y asesora a creadores que se quedan atrapados.

¿Cómo hago que mi aplicación de Adalo se vea profesional?

Enfócate en la estructura antes que en la decoración. Consolida pantallas en lugar de agregarlas, ya que los flujos que toman diez pantallas a menudo se pueden hacer en dos o tres, lo que también hace la aplicación más rápida. Luego revisa los pequeños detalles que la mayoría de los constructores omiten, como centrar botones correctamente y mantener un espaciado consistente. Lanza con un conjunto limitado de características y expande en versiones posteriores, e inspírate en el diseño de sitios como Dribbble antes de colocar elementos.

¿Cuál es el mayor error de diseño en las aplicaciones de Adalo?

Usar muchas más pantallas de las que requiere un flujo. Los constructores nuevos a menudo crean diez pantallas para algo que podría funcionar en dos o tres, lo que ralentiza la aplicación y alarga el camino para los usuarios. El segundo error más común es ignorar los pequeños detalles de alineación y colocación, como un botón que debería estar centrado pero no lo está, lo que en conjunto hace que una aplicación se vea sin pulir.

¿Cómo debe comenzar un principiante a aprender Adalo?

Construye tres aplicaciones en lugar de empezar con tu idea real. Primero, abre una plantilla de Adalo y úsala para familiarizarte con el editor. Segundo, crea una nueva aplicación e intenta replicar una a tres características de una plantilla existente o de una aplicación que admires. Tercero, construye tu proyecto real, ahora que el editor te es familiar y has resuelto problemas reales en el camino.

¿Puedo conectar Google Sheets a una aplicación de Adalo?

Sí. SheetBridge conecta Google Sheets directamente a una aplicación de Adalo con sincronización en tiempo real, sin requerir trabajo con API. Shantanu la utilizó para construir un panel de control interno para una empresa que mantenía sus datos en una hoja de cálculo y quería que los miembros del equipo vieran los datos sin poder editarlos. La construcción tomó de dos a tres días.

¿Qué es Adalo?

Adalo es un constructor de aplicaciones sin código con un lienzo visual de múltiples pantallas y un constructor de IA llamado Ada. Puedes diseñar, construir y publicar aplicaciones web basadas en bases de datos y aplicaciones nativas de iOS y Android desde un único proyecto, luego publicar en la App Store de Apple y Google Play. Los planes comienzan gratis con 500 registros por aplicación, y los planes pagados comienzan en $36 por mes.