Уроки дизайна из 200+ сборок приложений Adalo

Существует определённый тип приложения Adalo, который заставляет других разработчиков остановиться и присмотреться. Шантану Шривастава построил более 200 из них для клиентов по всей Европе, США, Японии, Китае, России, Италии и Франции, и он довольно настойчив в отношении той части, которую спешат пропустить большинство создателей: того, как это выглядит и ощущается при использовании.

Он начал создавать сайты на Wix в старшей школе, узнал об Adalo через Product Hunt и с тех пор постоянно выпускает приложения. Сегодня он управляет собственным агентством, активен на форуме Adalo и консультирует создателей, которые застряли.

Мы поговорили с Шантану об ошибках дизайна, которые он видит снова и снова, о том, как он определяет объём проекта перед началом разработки в конструкторе, о трёхэтапном пути, который он рекомендует каждому новичку, и о том, почему, на его взгляд, приложения, созданные ИИ, всегда возвращаются в конструктор приложений без кода.

Встреча с Шантану: от Wix в старшей школе к 200+ проектам

Шантану увлёкся разработкой в молодом возрасте, создавая сайты на Wix ещё в старшей школе. Когда он обнаружил Adalo на Product Hunt, он сразу же начал его изучать. Его первое приложение было вопросно-ответным концептом в духе Quora, где пользователи могли публиковать вопросы и загружать и скачивать материалы. Второе было приложением социальной сети отзывов, ориентированным на электронную коммерцию.

Когда он разобрался в работе платформы, он начал разрабатывать приложения для клиентов и с тех пор охватил практически все отрасли: электронную коммерцию, производство, социальные сети, приложения локальных сообществ, внутренние панели управления. Помимо работы с клиентами, он консультирует других разработчиков Adalo, которые столкнулись с трудностями.

Он также попробовал альтернативы и конкретно объясняет, почему он остался.

«Я уже попробовал Softr, FlutterFlow, Bubble и Glide. В Glide есть некоторые ограничения, кривая обучения слишком крутая. А если говорить о FlutterFlow, нужно быть немного программистом, чтобы работать на нём.»

Шантану Шривастава, основатель The Uncoders и эксперт Adalo

Его повседневный рабочий процесс — это работа с двумя окнами. Ассистенты ИИ открыты с одной стороны, редактор Adalo — с другой.

«Я общаюсь с несколькими чатами ИИ для исследований, для всего, для лучшего UX. А с другой стороны я разрабатываю приложения, по сути превращая идею в реальность для различных разработчиков.»

Шантану Шривастава, основатель The Uncoders и эксперт Adalo

Он также делает наблюдение, стоящее внимания, о том, где обычно оказываются приложения, созданные ИИ.

«Пользователи используют инструменты ИИ для разработки всего приложения, но в конце, если говорить о масштабируемости, они всегда переходят на инструмент без кода. Они говорят: я хочу преобразовать это целое приложение, разработанное ИИ, в приложение без кода.»

Шантану Шривастава, основатель The Uncoders и эксперт Adalo

Как он определяет объём проекта перед началом разработки

Шантану не открывает конструктор в первую очередь. Он начинает с того, что уже есть у клиента, и он щедро относится к тому, что считается подходящим материалом.

Грубого наброска достаточно. Некоторые клиенты приходят со скрупулёзными списками функций, другие — с тремя строками, описывающими расплывчатую идею. В любом случае он задаёт одни и те же несколько вопросов с самого начала: у вас есть подробные заметки или приложение-образец, которое вам нравится? Затем он назначает звонок, чтобы правильно понять идею.

Имея эту информацию, он использует инструменты ИИ для структурирования полного объёма приложения, уделяя особое внимание пользовательскому опыту, затем корректирует это в соответствии со своим пониманием заметок клиента. Этот объём возвращается клиенту на рассмотрение перед началом разработки.

«Когда у меня будет полный объём приложения, я отправляю его им для подтверждения. Пожалуйста, посмотрите и проверьте. Если что-то упущено, просто дайте мне знать.»

Шантану Шривастава, основатель The Uncoders и эксперт Adalo

Только после этого одобрения он оценивает, сколько времени займёт разработка и какие компоненты или сервисы потребуются. Предварительная работа — это то, что делает оценку честной.

Ошибки дизайна, которые делают большинство разработчиков Adalo

Спросите Шантану, почему некоторые приложения Adalo выглядят неполированными, и он сразу указывает на структуру. Новые разработчики, часто без техбэка или опыта с no-code, склонны решать проблемы, создавая больше экранов, чем необходимо.

«Они создают несколько экранов, которые можно было бы сделать на двух-трёх экранах. Они создают 10 экранов для этого.»

Шантану Шривастава, основатель The Uncoders и эксперт Adalo

Это не просто эстетическая проблема. Меньше, но лучше организованные экраны означают более быстрое приложение и более короткий путь для пользователя. Консолидация десяти экранов в три избавляет от навигации, уменьшает то, что должно загружаться, и делает всё намеренным.

Вторая проблема — мелочи, которые никто не проверяет. Кнопка, которая должна быть отцентрирована на странице, но находится чуть в стороне. Отступы, которые почти согласованы. Каждый по отдельности незначительный, но в целом это разница между приложением, которое выглядит профессионально, и тем, которое не выглядит.

«На эти крошечные вещи они в основном не обращают внимания. Когда я это вижу, я думаю, что мне нужно переделать всё приложение и сделать его более оптимизированным, чтобы оно работало быстро и выглядело профессионально.»

Шантану Шривастава, основатель The Uncoders и эксперт Adalo

Третья — объём. Многие клиенты хотят все функции в первой версии, и его совет неизменен.

«Я всегда им советую: начните с ограниченным набором функций, затем улучшайте в будущих версиях.»

Шантану Шривастава, основатель The Uncoders и эксперт Adalo

Два вида клиентов

После более чем 200 проектов Шантану делит клиентов на две группы, и различие не в том, сколько они знают.

Первая группа точно знает свою идею и даёт ему свободу действий. Когда он предлагает более чистый поток или лучшую логику, они рассматривают это, позволяют ему разработать и судят по результату.

Вторая группа тоже знает свою идею, но по мере того, как она становится реальностью, они продолжают добавлять функции, и они склонны отвергать структурные предложения, потому что хотят именно то, что они представили. Он примечательно сочувствует этому, а не критичен.

«Это для них, в некотором смысле, как дитя. Поэтому я также их учитываю.»

Шантану Шривастава, основатель The Uncoders и эксперт Adalo

Его противовес — данные. Наблюдая за поведением пользователей во многих приложениях, он знает, какие потоки обычно работают, и подталкивает клиентов к единому источнику истины, который завершает спор после запуска.

«Когда вы собираетесь запустить приложение, пожалуйста, также учитывайте отзывы, потому что отзывы очень важны для любого приложения.»

Шантану Шривастава, основатель The Uncoders и эксперт Adalo

Приложения, которыми он гордится больше всего, это подтверждают. Одно клиентское приложение, которое он поддерживает уже два-три года, обслуживает примерно 14 000–15 000 пользователей и работает без проблем. Другое — приложение сообщества, созданное для американского города. Несколько находятся под соглашением о конфиденциальности, поэтому он держит эти детали в тайне. И он в настоящий момент тестирует собственную идею в местных кафе — концепцию вознаграждения, которая, по его мнению, больше нигде не существует.

«Когда я разрабатываю приложения и весь интерфейс хороший, пользовательский опыт хороший, всё работает отлично, в этот момент я гордюсь. И даже конечные пользователи также используют его очень плавно.»

Шантану Шривастава, основатель The Uncoders и эксперт Adalo

Его трёхэтапный путь для новичков

Это самая прямо полезная вещь, которой поделился Шантану, и это подлинно хороший учебный план для каждого, кто открывает Adalo впервые. Не начинайте со своей реальной идеи. Разработайте три приложения.

Приложение первое: начните с шаблона. Выберите любой шаблон Adalo и используйте его только для того, чтобы узнать, где находится всё в редакторе. Без давления, без необходимости в оригинальном мышлении.

Приложение второе: клонируйте что-то. Создайте новое приложение и попытайтесь воспроизвести существующий шаблон или приложение, которое вам нравится. Не переделывайте всё, просто один-три функции. Здесь вы учитесь переводить видимый результат в шаги, которые его создают.

Приложение третье: разработайте свою реальную идею. К этому времени редактор вам знаком и вы решили реальные проблемы, поэтому ваш собственный проект получает ваше суждение вместо вашей растерянности.

Для самого дизайна он предлагает использовать инструменты ИИ, которые хорошо работают на бесплатных уровнях, и просматривать Dribbble в поисках вдохновения перед тем, как начать размещать элементы.

По типографике его выбор — Poppins, Work Sans и Inter. И функция, которую он больше всего хочет — одна, которую многие дизайнеры признают: прямой импорт дизайнов Figma в Adalo, что он подозревает Adalo может в итоге обработать со ссылкой на изображение.

На Ada и SheetBridge

Шантану протестировал Ada, конструктор ИИ Adalo, передав ему полный запрос для приложения и посмотрев, как далеко он зайдет. Его оценка взвешена и совпадает с тем, что мы слышим от других экспертов: полезно, быстро улучшается, но не является заменой работе дизайнера.

«Я думаю, что 10–30 процентов экранов уже были охвачены самим Ada. Но чтобы сделать это функциональным, чтобы сделать это лучше, я должен был сделать это вручную. Ada работает отлично и я думаю, что в будущем она будет получать все больше обновлений».

Шантану Шривастава, основатель The Uncoders и эксперт Adalo

Его также интересует новое поколение изображений Ada, так как ранее он брал иллюстрации из открытых сообществ для таких вещей, как заполнители пустых состояний.

SheetBridge, который соединяет Google Sheets напрямую с приложением, решил для него очень конкретную проблему. Компания друга хранила свои данные в электронной таблице и хотела, чтобы команда могла их видеть, но не могла их изменять. Он создал для них приложение панели управления поверх существующей таблицы, и все это заняло два-три дня.

«Им это очень нравится прямо сейчас, потому что все, что им нужно обновить в Google Sheets, и все готово».

Шантану Шривастава, основатель The Uncoders и эксперт Adalo

Относительно публикации в магазины приложений его опыт показывает, что это действительно просто, как только вы знаете шаги, при условии, что вы следуете политикам Apple и Google. Пункт его списка желаний — это одна кнопка в редакторе, чтобы отправить новую версию прямо в магазины.

Почему существует The Uncoders

История происхождения его агентства, The Uncoders, удивительно скромна. В его стране, как только личный доход превышает определенный порог, вы не можете продолжать работать фрилансером и должны создать компанию в целях налогообложения. Это произошло благодаря работе с Adalo.

«Благодаря Adalo, это в основном помогло мне достичь этого рубежа и создать агентство».

Шантану Шривастава, основатель The Uncoders и эксперт Adalo

Он управляет им в одиночку, привлекая специализированных разработчиков и дизайнеров пользовательского интерфейса и опыта, когда проект требует навыков, выходящих за пределы его собственных. Это стройная операция, производящая неразумное количество работы.

Советы для разработчиков

Нить, проходящая через все, что говорит Шантану, — это то, что дизайн — это не украшение. Это структура, а структура — это то, что делает приложение быстрым, понятным и достойным использования.

Итак, не начинайте со своего шедевра. Изучите редактор на шаблоне, скопируйте одну-две функции, чтобы понять, как строятся результаты, а затем дайте вашей реальной идее преимущество этого опыта. Выпустите небольшую версию, посмотрите, что на самом деле делают пользователи, и прочитайте ваши отзывы. Объедините экраны вместо их добавления. И отцентрируйте кнопку.

Если вы хотите строить таким образом, вы можете начать работу на Adalo бесплатно, просмотрите приложения, которые создали другие разработчикиили наймите эксперта Adalo чтобы проектировать и создавать вместе с вами.

Часто задаваемые вопросы

Кто такой Шантану Шривастава?

Шантану Шривастава — эксперт Adalo и основатель The Uncoders, агентства по разработке приложений без кода. Он начал создавать веб-сайты на Wix в школе, обнаружил Adalo через Product Hunt и с тех пор реализовал более 200 проектов для клиентов по всей Европе, США, Японии, Китае, России, Италии и Франции. Он активен на форуме Adalo и консультирует создателей, которые застревают.

Как сделать мое приложение Adalo профессиональным?

Сосредоточьтесь на структуре перед украшением. Объедините экраны вместо их добавления, так как потоки, которые занимают десять экранов, часто можно сделать в два или три, что также делает приложение быстрее. Затем проверьте небольшие детали, которые пропускает большинство разработчиков, такие как правильное центрирование кнопок и поддержание единообразного расстояния. Запустите с ограниченным набором функций и расширяйте в более поздних версиях, а также получайте вдохновение для дизайна с сайтов, таких как Dribbble, перед размещением элементов.

Какая самая большая ошибка в дизайне приложений Adalo?

Использование намного большего количества экранов, чем требуется для потока. Новые разработчики часто создают десять экранов для чего-то, что может работать в двух или трех, что замедляет приложение и удлиняет путь для пользователей. Вторая наиболее распространенная ошибка — это пренебрежение небольшими деталями выравнивания и размещения, такими как кнопка, которая должна быть отцентрирована, но не отцентрирована, что в совокупности делает приложение непроработанным.

Как новичку начать изучение Adalo?

Создайте три приложения вместо того, чтобы начинать со своей реальной идеи. Во-первых, откройте шаблон Adalo и используйте его, чтобы разобраться в редакторе. Во-вторых, создайте новое приложение и попытайтесь повторить одну-три функции из существующего шаблона или приложения, которое вам нравится. В-третьих, создайте свой фактический проект, теперь что редактор знаком и вы решили реальные проблемы на этом пути.

Могу ли я подключить Google Sheets к приложению Adalo?

Да. SheetBridge соединяет Google Sheets напрямую с приложением Adalo с синхронизацией в реальном времени без необходимости работы с API. Шантану использовал его для создания внутренней панели управления для компании, которая хранила свои данные в электронной таблице и хотела, чтобы члены команды могли просматривать данные, не имея возможности их редактировать. Сборка заняла два-три дня.

Что такое Adalo?

Adalo — конструктор приложений без кода с визуальным мультиэкранным холстом и построителем на ИИ под названием Ada. Вы можете проектировать, разрабатывать и публиковать веб-приложения, управляемые базой данных, и нативные приложения iOS и Android из одного проекта, а затем публиковать в Apple App Store и Google Play. Планы начинаются бесплатно с 500 записей на приложение, и платные тарифы начинаются с $36 в месяц.