Почему ваше первое приложение на ИИ должно быть некрасивым

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

Вторая группа куда более многочисленна, и это более дорогая ошибка. Этот пост о том, почему ваше первое приложение на ИИ должно быть слегка некрасивым — нарочно.

Ловушка вылизанности

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

И тут ваш взгляд цепляется за отступы. Заголовок слишком большой. В пустом состоянии текст-заглушка. Экран входа выглядит как экран входа из 2008 года.

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

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

Когда приложение слегка некрасивое, вы остаётесь сосредоточены на том, что оно делает. Когда приложение красивое, вы начинаете относиться к нему как к готовому.

То, что вам на самом деле нужно знать

Вы не строите приложение. Вы проверяете гипотезу.

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

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

Когда он наконец показал его людям, отзыв был: «Мне нравится, но я бы никогда не использовал по три за раз». Его основная гипотеза была неверна. Красивая версия была неверна ровно так же, как была неверна некрасивая версия. Просто он потратил десять лишних дней, вылизывая неправильный ответ.

Как выглядит «достаточно некрасиво»

Некрасиво не значит сломано. Это значит нарочито недоукрашено. Несколько признаков приложения, которое на правильном уровне некрасивости для первой сборки:

Тема по умолчанию делает бо́льшую часть визуальной работы. Если ИИ-конструктор поставлялся с разумными настройками по умолчанию, вы их ещё не трогали.
Пустые состояния — простой текст. Никаких иллюстраций, никакого текста «Похоже, здесь пока ничего нет 🎉». Просто «Нет элементов».
Фавикон — по умолчанию. То же с логотипом, если он есть. Текстового логотипа шрифтом по умолчанию достаточно.
Поток аутентификации — какой выдал конструктор. Не брендированный. Не кастомный. Рабочий.
Одна страница может быть подключена к реальному делу. Всё остальное может быть заглушкой или ссылкой на Google Forms.

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

Два вида обратной связи, которые даёт некрасивость

Когда вы показываете кому-то вылизанное приложение, человек реагирует на вылизанность. «О, градиент классный». «Мне нравится иконка». Ничто из этого не информация. Это разговорный эквивалент светской болтовни.

Когда вы показываете кому-то некрасивое приложение, вы получаете два разных вида обратной связи, оба полезные:

«Это решает реальную проблему для меня». Вот за чем вы пришли. Если некрасивое приложение получает такую реакцию, гипотеза держится, и у вас есть лицензия на вылизывание. Теперь цвета имеют значение, потому что вы не ставите на то, что цвета вытянут плохую идею.
«Я не очень понимаю, для чего это». Это тоже то, за чем вы пришли, пусть это и жалит. Некрасивое приложение вытаскивает это быстрее, потому что ничто не отвлекает от сути. Красивое приложение получило бы вежливый кивок и «выглядит круто», и вы бы ничего не узнали.

Обе реакции говорят вам, что делать дальше. Вылизанная версия дала бы вам мнения о насыщенности шрифта.

«А что, если я хочу показать инвесторам / клиентам / маме?»

Разумное опасение. Помогают три вещи.

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

Второе: есть разница между некрасивым и недоделанным. Некрасивое приложение всё ещё может ощущаться намеренным — плоские цвета, системные шрифты, последовательные отступы. Чего стоит избегать — это полуукрашенности: красиво анимированного лендинга перед экраном настроек, который всё ещё показывает Lorem Ipsum, или трёх разных стилей кнопок, потому что вы кастомизировали две из них, а третью забыли. Такая неровность читается как «я бросил на полпути», а это гораздо хуже, чем «я ещё не начинал заниматься дизайном».

Третье: некрасивое-нарочно — это жанр. Простые текстовые инструменты от инди-разработчиков, брутализм в дизайне, эстетика «сделано одним человеком» — это широко уважаемые образы. Если вы переживаете, что выглядите непрофессионально, склонитесь к этому образу нарочно, а не извиняйтесь за него.

Когда вылизанность становится правильным шагом

Есть точка, где некрасивость перестаёт быть полезной. Это не конкретная дата — это конкретное ощущение. Вы поймёте, что вылизывание — правильный шаг, когда:

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

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

Пока вы до этого не добрались, вылизывание — это в основном прокрастинация в одежде прогресса.

Версия этого совета, которой можно воспользоваться уже сегодня

Откройте свой ИИ-конструктор приложений и посмотрите на то, над чем работаете. Задайте себе один вопрос: если бы я отдал это одному реальному человеку завтра, узнал бы я что-то, чего ещё не знаю?

Если да — вам не нужно вылизывать. Вам нужно отправить это.

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

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

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