ДизайнAI6 мин. чтения

Как я попалась на UX крючок и AI-фичу

Разбираем на примере Preply, как грамотно встроить AI в интерфейс: личный опыт и выводы для дизайнеров.

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

А тут не слилась. И залипла. И вот сижу я, дизайнер 15 лет в индустрии, и ловлю себя на мысли: погоди, меня же тут удерживают как последнего юзера. Но удерживают красиво. Настолько красиво, что я не могу не разобрать это как продукт.

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

Сначала про то, что бесит меня в AI везде

Давайте по-честному. Сейчас каждый второй продукт лепит на себя AI, как наклейку. Открываешь приложение, а там тебе в лицо лезет чат-бот, которого ты не звал, и предлагает «помочь». Спасибо, не надо. Это AI ради инвесторов и ради строчки на лендинге, а не ради меня.

И я, если честно, была готова к тому же самому от Preply. Думала, ну сейчас опять какая-нибудь болтливая нейросеть будет мне навязываться.

А получила совсем другое. И вот тут началось интересное.

Момент, когда я залипла

После обычного урока я увидела блок, который называется Lesson Insights. Разбор занятия, который AI собрал сам, пока я болтала с преподавателем.

AI в UX: экран Lesson Insights в Preply с AI-разбором урока

Общий экран разбора урока Lesson Insights

И там было вот что. Сколько времени говорила я, а сколько тичер. У меня вышло 22 минуты против 31, то есть 42 на 58 процентов выглядит как простая цветная полоска. Но я на неё посмотрела и сразу поняла: ага, я всё ещё больше слушаю, чем говорю, надо активнее открывать рот. Ни один преподаватель мне это так наглядно не показывал.

Дальше сколько слов я вообще произнесла и сколько среди них новых. 2069 слов за урок, из них 338 новых. И знаете что? Я реально сказала «ого». Потому что в изучении языка ты вечно варишься в ощущении, что топчешься на месте. А тут тебе в цифрах: вот, ты сегодня использовала 338 новых слов, ты не топчешься, ты идёшь.

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

Внедрение AI в продукт: экран с разбором ошибок и обратной связью после урока

Экран с примерами ошибок

А теперь смешное. Знаете, как это работает под капотом? Да проще некуда. Ваш разговор по сути «подслушивает» AI: транскрибирует урок, переводит голос в текст. Дальше этот текст прогоняется через заранее заготовленный промт, который настроен выцепить, где ты ошиблась и как это починить. Пара строчек логики, и всё.

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

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

А теперь разберём, почему это работает. По-дизайнерски

Ладно, эмоции эмоциями, а мы же тут продукт разбираем. Почему эта AI-фича сработала, а сотни других нет?

  • Первое. Она делает невидимое видимым. Прогресс в языке это самая мучительная штука на свете, потому что его не пощупать. Ты вроде занимаешься, а результата не видишь, и руки опускаются. Preply берёт этот туман и превращает его в цифры и графики. Всё, туман рассеялся, ты видишь движение. Это базовая, но дико мощная UX-механика: если процесс длинный и результат не очевиден, покажи человеку его прогресс наглядно.
  • Второе. Она честная. Тут нет фальшивого позитива, от которого тошнит. AI не гладит меня по голове, он говорит как есть: тут ошибка, тут ты мало говорила. И вот эта честность странным образом вызывает больше доверия, чем любые похвалы. Потому что я вижу, что мне дают инструмент, а не пытаются меня развлечь.
  • Третье, и вот это прям кайф как дизайнеру. Под всем этим блоком есть спокойная маленькая приписка: AI может ошибаться, ты можешь скачать аудио урока, удалить свои данные или поменять настройки когда захочешь. Это не запрятано в подвал мелким шрифтом. Это лежит честно, рядом. И это снимает ту самую тревогу, которую сейчас куча людей испытывает к AI: а что он там про меня знает, а куда делись мои данные. Здесь тебе сразу говорят: расслабься, всё под твоим контролем. Доверие вшито прямо в интерфейс.

AI в интерфейсе: подпись о приватности AI-generated insights и настройках данных

Приписка про приватность «AI-generated insights may contain errors… download / delete / settings»

Главный фокус: AI, который не отсвечивает

А вот теперь самое важное, ради чего я вообще села это писать.

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

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

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

Удержание пользователя: экран Practice English с ежедневными заданиями и карточками слов

Экран Practice English с блоком Daily exercise и плитками Vocabulary

Кстати, тут в чистом виде работает эффект Зейгарник: незавершённое дело сидит в голове и не даёт покоя, пока ты его не закроешь. Preply оставляет тебе маленький открытый гештальт в виде недоделанной практики, и ты возвращаешься его закрыть. Хитро.

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

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

Экран Flashcards

И чтобы два раза не вставать, про вход на платформу

Раз уж я разошлась, покажу, что этот же принцип «убери за пользователя лишнее» работает у них с самого начала, ещё до всякого AI-разбора.

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

Поведенческая психология в дизайне: подобранная выдача преподавателей Preply

Экран выдачи преподавателей

И ещё деталь, которую я обожаю. В выдаче главное это не текст, а видеовизитки на 30–60 секунд, которые можно запустить прямо из ленты, не проваливаясь на страницу препода. Почему это умно? Потому что язык это про уязвимость, про страх ошибиться перед незнакомцем. Текст с рейтингом тебе не передаст ни акцент, ни улыбку, ни энергетику. А видео за полминуты закрывает вопрос «приятен ли мне этот человек», и страх созвона исчезает. Ты как будто трогаешь продукт руками ещё до покупки.

Шо с этим делать нам, дизайнерам

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

  • Не пихайте AI в лицо. Серьёзно. Лучший AI это тот, которого пользователь почти не замечает, но чувствует его пользу. Поставьте его туда, где он решает настоящую боль, а не туда, где модно. Preply поставил его на разбор урока и борьбу с забыванием, и попал в самое сердце проблемы.
  • Делайте прогресс видимым. Если ваш продукт про долгий путь, где результат не очевиден сразу, покажите человеку его движение в цифрах. Это одна из сильнейших причин не бросить.
  • Будьте честными, в том числе про сам AI. Никакого фальшивого позитива и спрятанных настроек. Скажите прямо: он может ошибаться, вот твои данные, вот контроль. Доверие удерживает лучше, чем вау-эффект.
  • Не отпускайте человека между ключевыми событиями. Растяните ценность на всю неделю микро-задачами. Пусть продукт будет ежедневным, так пользователи будут возвращаться на платформу чаще чем просто сходить на видео урок.
  • Опирайтесь на привычки, которые у пользователя уже есть. Свайп, стрелки, знакомые паттерны. Не заставляйте учиться новому там, где можно опереться на старое.

А самый главный вывод такой. Я осталась на Preply не потому, что у них лучшие в мире преподаватели. А потому, что их AI впервые за долгое время заставил меня почувствовать: я вижу свой прогресс, мне тут не впаривают, а помогают (ладно, немножко впаривали промокоды на мейл, но я не сопротивлялась и всех их использовала). Вот и вся формула. Люди не уходят оттуда, где чувствуют пользу.

Давайте перестанем использовать AI примитивно

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

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

А если хочется научиться так думать про дизайн и AI по-настоящему, а не просто потыкать ради интереса, приходите учиться к нам. На этом всё. Пойду доучивать слово nostalgia, оно мне сегодня выпало в карточках.

Подписывайся на наш регулярный дайджест

Будем присылать полезные статьи и новости из мира AI, дизайна, технологий и карьерного развитиядизайна и технологий

Более 3000 человек уже получают полезные материалы