В этом выпуске Design Review эксперты акселератора Y Combinator разбирают сайты стартапов, фокусируясь на превращении посетителей в клиентов. Специальный гость выпуска — Пит Кумен (Pete Koomen), сооснователь компании Optimizely, которая помогает тысячам брендов проводить A/B-тестирование и оптимизировать пользовательский опыт. На примере реальных проектов участники обсуждают тактики снижения трения, поиск «Aha-момента» и типичные ошибки в дизайне лендингов.
🧬 Анатомия конверсионной воронки 0:00
Прежде чем приступать к разбору конкретных сайтов, Пит Кумен объясняет фундаментальное понятие «конверсионной воронки» (conversion funnel) . По его определению, это последовательность шагов, которые должен предпринять пользователь: от приземления на сайт до совершения целевого действия .
Основные этапы воронки могут включать:
- Переход по ссылке «Узнать больше».
- Ввод адреса электронной почты.
- Ввод данных кредитной карты.
- Финальную конверсию (покупка, регистрация или подписка) .
Пит подчеркивает, что конверсия — это не всегда покупка; это любое действие, которое компания ожидает от пользователя после его захода на сайт . Опыт работы в Optimizely показал ему, что даже мельчайшие изменения в интерфейсе могут радикально изменить поведение аудитории .
🕹 Rivet: Парадокс выбора и путаница в призывах к действию 1:43
Первым объектом критики стал проект Rivet — опенсорс-решение для развертывания и масштабирования многопользовательских игр . Ведущие отмечают, что главная страница продукта перегружена призывами к действию (CTA), что создает эффект «парадокса выбора» .
На первом экране Rivet пользователю предлагается:
- Нажать кнопку «Click to start» на виртуальном компьютере.
- Нажать кнопку «Sign up».
- Изучить туториалы и шаблоны.
- Открыть панель управления («Open Rivet»).
- Воспользоваться строкой поиска.
- Поставить звезду репозиторию на GitHub .
По мнению Пита Кумена, обилие конкурирующих CTA снижает вероятность того, что пользователь выберет хоть какой-то из них . Он рекомендует свести всё к одному четкому призыву к действию. Кроме того, формулировки кнопок сбивают с толку: «Open» намекает на мгновенный доступ, а «Sign up» — на необходимость предварительной регистрации .
При попытке пройти по воронке ведущие столкнулись с технической неразберихой:
- Кнопка «Click to start» запускает демо-игру «Танки», где непонятно, как играть и в чем заключается «мультиплеерность» .
- Кнопка «Open Rivet» открывает вкладку с авторизацией гостя и предложением зарегистрироваться в сообществе .
- Кнопка «Sign up» ведет на форму регистрации в бета-тесте через сторонний сервис Typeform .
Пит резюмирует, что сайт не отвечает на два главных вопроса: убеждает ли он пользователя зарегистрироваться и не мешает ли сам процесс регистрации этому желанию . Для Rivet критически важно прояснить, для кого этот продукт (целевая аудитория разработчиков) и что именно они должны сделать в первую очередь .
🎨 Decoherence: Путь к «Aha-моменту» и снижение трения 6:02
Сайт генератора AI-видео Decoherence произвел на экспертов более позитивное впечатление благодаря четкой визуализации продукта. Пит отмечает, что для такого типа сервисов крайне важно сначала показать результат работы (output), чтобы заинтересовать пользователя .
Удачные решения Decoherence:
- Повторяющиеся CTA: Кнопка «Start free trial» дублируется по мере прокрутки страницы, что повышает шансы на конверсию .
- Снятие возражений: Приписка «No credit card required» (кредитная карта не требуется) резко снижает риск для пользователя и делает клик психологически «бесплатным» .
- Социальный вход: Использование Google Login избавляет от необходимости придумывать пароль и заполнять формы .
Однако ведущие нашли проблемы на этапе после регистрации. Внутри продукта пользователя встречает сложный интерфейс без четкого обучения (onboarding) . Пит советует добавлять «мягкие подсказки» (gentle guides), которые проведут новичка через создание первого ролика .
Ключевая рекомендация для таких стартапов — найти свой «Aha-момент» (момент, когда пользователь осознает ценность продукта) и максимально сократить путь до него . Ведущий вспоминает примеры, когда команды переносили этот момент с седьмого шага на второй, просто убирая лишние клики и поля .
⚖️ Solve Intelligence: Борьба со скептицизмом и невидимые кнопки 13:25
Проект Solve Intelligence предлагает написание патентов с помощью ИИ . Здесь эксперты обнаружили серьезные проблемы с дизайном главного экрана: кнопка «Request a full demo» сливается с фоном и практически незаметна .
Основные замечания к сайту:
- Скептицизм: Пит утверждает, что обещание написать целый патент по одному заголовку вызывает недоверие . В такой чувствительной сфере, как право, пользователю нужны доказательства надежности.
- Демонстрация продукта: Видео на сайте слишком мелкое. Эксперты рекомендуют использовать зум (приближение) на ключевых элементах интерфейса и размытие второстепенных деталей, чтобы сфокусировать внимание зрителя .
- Отсутствие социального доказательства: Для юридического ИИ-сервиса критически важно показать, сколько патентов уже было одобрено или какие компании им пользуются .
Ведущие подчеркивают: если ошибка ИИ может стоить клиенту огромных денег (отказ в патенте), доверие становится главным фактором конверсии . Пока что сайт Solve Intelligence выглядит как «черный ящик» с формой обратной связи, что создает слишком высокое трение для входа в воронку .
📅 InEvent: Социальное доказательство против перегруженных слайдеров 18:08
InEvent — это платформа для управления мероприятиями (живыми, виртуальными и гибридными) . Этот сайт получил высокую оценку за работу с социальными доказательствами: прямо на главной странице указано, что с помощью сервиса создано 1,1 млн событий .
Сильные стороны InEvent:
- Встроенная форма: Вместо кнопки, ведущей на другую страницу, поле для ввода email интегрировано прямо в первый экран, что статистически повышает конверсию .
- Липкий CTA: Кнопка «Book a meeting» остается в поле зрения при скроллинге .
Главный минус — использование перегруженных слайдеров и вкладок . Пит Кумен утверждает: «В 9 случаях из 10 информация, спрятанная за табами или в слайдере, останется незамеченной» . Например, InEvent разместили важные функции в слайдере из 10 позиций. Ведущие уверены, что никто не будет докликивать до конца.
Рекомендация для InEvent: перечислить самые важные функции просто вертикально вниз по странице. Пит настаивает, что современные пользователи готовы скроллить, но не готовы разгадывать загадки интерфейса . Также эксперты советуют упростить заголовки: вместо абстрактного «Go beyond in-person events» лучше использовать прямое «Event management software for live events and webinars» .
