Что такое Low-code?

Давайте вспомним, как развивалось программирование. Всё начиналось с машинного кода – нулей и единиц, которые напрямую «общались» с процессором. Это был базовый, но крайне сложный уровень, программисты писали эти 0 и 1 скрипя зубами и их было мало

Потом появились языки вроде C++ — теперь уже можно было давать команды процессору, не углубляясь в технические тонкости

Со временем появились Python, JavaScript и другие языки высокого уровня. Они сделали ещё один шаг вперёд: программисты перестали думать о механике и сосредоточились на том, куда и как двигаться продукту

И вот теперь мы на пороге нового этапа — low-code и no-code платформ. Представьте, что вместо изучения сложных языков программирования, вы собираете приложение как из конструктора Lego. Вы просто соединяете готовые блоки, и они сами превращаются в работающее приложение

Мой путь к low-code

С моим опытом знакомства с low-code всё началось случайно. Работая в стартапе, я получил задачу освоить CRM-систему Creatio и пройти аккредитацию. Если честно, тогда я был уверен, что трачу время впустую: сотни часов на изучение того, что казалось бесполезным и я даже не знал что изучаю low code платформу 🧠

Но когда я взялся за FlutterFlow, меня словно озарило: всё, чему я учился в Creatio, оказалось невероятно полезным. Блоки для перетаскивания, переменные, вызовы API — интерфейс и логика были практически те же

И вот что я понял: освоив один инструмент low-code, вы получаете ключ ко всем остальным. FlutterFlow, n8n, Make — все они используют похожие принципы. Это как выучить один язык программирования и понимать логику большинства других, почти точно вы быстро сможете въехать в новый инструмент

Зачем это нужно?

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

Раньше для создания приложения требовались месяцы работы команды программистов. Сегодня один человек с low-code инструментами может сделать то же самое за неделю.

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

Короче, low-code — это следующий этап развития, который убирает барьеры между идеей и её реализацией. Если вы думаете, что это не для вас, просто попробуйте. Вы удивитесь, насколько это удобно, а главное — перспективно

Базовые правила UX/UI для разработчиков или как я обосрался облажался с собственным приложением

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

Собрал для вас (и себя) базовые правила UI/UX, которые мы все периодически нарушаем в погоне за оригинальностью:
1️⃣ Не ломайте привычки
Не изобретайте велосипед там, где все уже привыкли к определенным вещам. Пользователи годами нажимают "назад" в левом верхнем углу - и они будут злиться, найдя эту кнопку в другом месте. То же самое с корзиной (правый верхний угол), логотипом (центр верхней части) и меню (три полоски слева вверху)

2️⃣ Закон Хика
Чем больше вариантов вы даёте пользователю, тем дольше он думает. Сужайте выбор до 5-7 пунктов в меню и минимизируйте ненужные элементы. Лучше меньше чем больше

3️⃣ Минимум отвлекающих элементов + Простота в дизайне
Чем меньше на экране лишнего, тем легче пользователю ориентироваться. Простые линии и формы вместо сложных паттернов

4️⃣ Fокус на главном
Люди читают экран как букву F: сначала смотрят верхнюю часть целиком, потом середину, а низ только по левому краю. Поэтому самое важное размещаем сверху и слева. Никто не будет играть в поиск сокровищ, листая до самого низа

5️⃣ Закон большого пальца + Понятные кнопки
Главные элементы управления — в зоне большого пальца. Кнопки минимум 44x44pt для iOS, 48x48dp для Android. Удобство превыше креатива!

6️⃣ Контраст и доступность
Текст должен быть читаемым! Используйте понятные символы и крупные шрифты. Светлый текст на светлом фоне = злой пользователь

7️⃣ Принцип обратной связи
Нажал кнопку — получи отклик. Анимация, цвет, вибрация — пользователь должен понимать, что его действие сработало.

8️⃣ Похожее = Одинаковое поведение
Похожие элементы должны вести себя одинаково и располагаться рядом. Если одна карточка кликабельна — все похожие тоже должны быть кликабельны.

9️⃣ Визуальные отступы
Используйте правило 8px для отступов. Создает визуальную гармонию и упрощает адаптацию под разные экраны.

Простая истина: если пользователь теряется в вашем интерфейсе – пора что-то менять.
Встречали похожие промахи в приложениях? Поделитесь в комментариях, вместе разберем, как можно было сделать лучше 😑