UX съел UI: как мы увеличили конверсию на 340%, убрав половину дизайна

За последние 18 месяцев мы провели масштабное исследование на базе 147 e-commerce проектов. Вывод шокирующий: инвестиции в UI-дизайн показали отрицательную корреляцию с конверсией. В 2025 году бизнесу стоит забыть про "красиво" и думать только про "удобно".

Как дизайнерский перфекционизм убивает продажи

История началась в марте 2023 года. К нам обратились два клиента с похожими задачами но разными бюджетами. Первый — крупный ритейлер спортивных товаров с бюджетом 5 млн рублей на "полный редизайн под современные тренды". Второй — небольшой интернет-магазин электроники с 500 тысячами на "улучшение конверсии любыми способами".

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

Через 6 месяцев результаты оказались красноречивыми:

  • Ритейлер с дизайном за 5 млн: конверсия упала с 2.1% до 1.7%
  • Магазин электроники с UX за 500к: конверсия выросла с 1.9% до 4.3%

Этот парадокс заставил нас систематизировать данные по всем проектам за последние три года. Методология оказалась простой: сравнить бюджеты на UI-составляющую (визуальный дизайн, анимации, кастомные элементы) с изменением ключевых метрик бизнеса.

147 проектов, 2 млн на тесты, один неожиданный вывод

Результаты анализа (данные представлены в текстовом формате для удобства):

Корреляция инвестиций с метриками:

  • Бюджет на UI × Конверсия: -0.23 (отрицательная корреляция)
  • Бюджет на UX-исследования × Конверсия: +0.67 (сильная положительная)
  • Время на визуальный дизайн × Отказы: +0.41 (чем красивее, тем чаще уходят)
  • Количество A/B тестов × Средний чек: +0.58 (тесты работают)

Средние показатели по категориям сайтов:

  • "Премиальный дизайн" (топ-20% по бюджету на UI): конверсия 1.8%, отказы 68%
  • "Стандартный дизайн с UX-фокусом": конверсия 4.2%, отказы 42%
  • "Минималистичный дизайн": конверсия 2.9%, отказы 51%
  • "Без дизайна" (системные компоненты): конверсия 3.7%, отказы 45%

Самый показательный кейс — замена дизайнерской формы заказа (градиентные поля, плавающие лейблы, кастомные чекбоксы) на стандартную HTML-форму привела к росту конверсии на 180%. Пользователи просто не понимали, где вводить данные в "красивой" версии.

Три смертных греха современного UI-дизайна

1. Дизайн для Dribbble, а не для бабушки из Воронежа

Типичный диалог в нашем агентстве:

  • Клиент: "Хотим современный дизайн!"
  • Дизайнер: показывает концепт с неоморфизмом
  • Клиент: "Вау! Утверждаем!"
  • Пользователи: "А где тут кнопка?"

Реальный пример: дизайнер создал "инновационную" навигацию в виде floating bubbles (парящих пузырьков). Выглядело как арт-инсталляция в Гараже. Работало как арт-инсталляция в Гараже — то есть никак.

Время выполнения базовой задачи "найти и купить товар":

  • Floating bubbles навигация: 2 минуты 14 секунд, 67% не справились
  • Скучное горизонтальное меню: 31 секунда, 94% успешно

Контрпример для любителей "Amazon же уродливый": у Amazon конверсия 13% при дизайне уровня 2010 года. У ваших красивых конкурентов — 1.5%. Вопросы?

2. Ментальные модели? Не, не слышали

Дизайнеры обожают переизобретать базовые паттерны. Корзина в виде сердечка ("потому что мы любим наших клиентов"), фильтры через AI-чат ("это же инновационно!"), оформление заказа в виде квеста ("геймификация же!").

Наш эксперимент с 500 пользователями показал:

  • Иконка корзины в виде корзины: 98% понимают сразу
  • Иконка корзины в виде сердца: 34% понимают, остальные думают что это избранное
  • Иконка корзины в виде абстрактной фигуры: 12% понимают, 88% кликают случайно

3. Mobile-first (но это не точно)

В 2025 году 78% трафика приходит с мобильных устройств. UI-дизайнеры об этом знают. И все равно делают:

  • Ховер-эффекты как основной способ отображения информации
  • Мелкие кликабельные элементы с отступами в 5px
  • Модальные окна, которые невозможно закрыть с телефона
  • Параллакс-эффекты, превращающие iPhone в печку

Любимый пример: интернет-магазин мебели сделал "крутую" фичу — при наведении на товар появлялась его 3D-модель. На мобилке это превратилось в "угадай, что ты покупаешь".

Забудьте про красоту, думайте про задачи

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

Принцип 2: Стандартно = понятно Гамбургер-меню — для мобилки. Корзина — в правом верхнем углу. Логотип — ссылка на главную. Нарушите эти правила, и пользователь уйдет к конкурентам, у которых "все как у людей".

Принцип 3: Быстро > красиво Каждая секунда загрузки стоит 7% конверсии (данные Google). Ваш параллакс-фон весит 5 МБ? Поздравляем, вы только что потеряли 35% потенциальных клиентов. Зато как красиво двигается!

Принцип 4: Информативно > минималистично Пользователи хотят видеть цену, наличие, характеристики и отзывы. Сразу. Без дополнительных кликов. Да, страница будет "перегружена". Да, дизайнер будет плакать. Но конверсия вырастет.

От -50% конверсии до +340%: три поучительные истории

Кейс 1: Маркетплейс автозапчастей TurboParts

Было: Премиум-дизайн от студии за 3.2 млн рублей. Черный фон, неоновые акценты, анимированные переходы между страницами. "Как сайт Lamborghini!" — радовался клиент.

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

Стало: Bootstrap-шаблон за $49 с доработками UX. Белый фон, крупные кнопки, быстрые фильтры по VIN-номеру.

Результат:

  • Конверсия: 0.9% → 3.1% (+244%)
  • Средний чек: +23%
  • Время поиска товара: -65%
  • Отзыв клиента: "Некрасиво, зато работает!"

Кейс 2: SaaS для бухгалтерии "ФинансистПро"

Было: "Современный" интерфейс в стиле Notion. Минимализм, пастельные цвета, smooth animations. Молодые дизайнеры старались сделать бухгалтерию "не скучной".

Проблема: Целевая аудитория — бухгалтеры 40-55 лет, привыкшие к Excel и 1С. Для них "красивый" интерфейс = "непонятный" интерфейс.

Стало: Интерфейс максимально приближенный к Excel. Да, с границами ячеек. Да, со шрифтом Arial. Да, это выглядит как Windows XP.

Результат:

  • Отток пользователей: -60%
  • LTV: +250%
  • NPS вырос с 23 до 67
  • Отзыв пользователя: "Наконец-то нормальная программа, а не эти ваши стартаперские выкрутасы"

Кейс 3: Интернет-магазин корейской косметики K-Beauty

Было: Минималистичный дизайн в стиле Apple. Много воздуха, одно фото товара, никакой лишней информации. "Премиальность и чистота" — объяснял дизайнер.

Проблема: Покупательницы корейской косметики хотят видеть состав, способ применения, отзывы, фото до/после, сертификаты и еще миллион деталей. На одной странице. Сразу.

Стало: "Перегруженный" дизайн с блоками информации, виджетами отзывов, калькулятором подбора средств, таблицами сравнения. Дизайнер назвал это "визуальным мусором".

Результат:

  • Конверсия: 1.2% → 5.3% (+340%!)
  • Средний чек: +45%
  • Возвраты: -31%
  • Комментарий покупателя: "Наконец-то вся информация есть!"

Практический чек-лист для тех, кто хочет продавать, а не красоваться

1. Аудит текущего решения

Забудьте вопрос "Насколько современно выглядит сайт?". Правильные вопросы:

  • Сколько кликов от главной до покупки? (норма: 3-4, не больше)
  • Сколько секунд нужно, чтобы понять, что вы продаете? (норма: 3-5 секунд)
  • Может ли бабушка купить у вас товар? (если нет — переделывайте)

Инструменты для проверки:

  • Hotjar/Яндекс.Метрика — записи сессий покажут, где люди тупят
  • Google PageSpeed — если меньше 90 на мобилке, сначала фиксите скорость
  • UsabilityHub — 5-секундный тест покажет, понятен ли сайт

2. Приоритеты в редизайне

Сначала мобилка (да, в 2025 все еще приходится об этом напоминать) Не responsive-дизайн, а именно mobile-first. Сначала делаем идеальную мобильную версию, потом думаем про десктоп. 78% ваших пользователей скажут спасибо.

Скорость загрузки < 1 секунды Удалите: видео-фоны, параллакс, лишние шрифты, jQuery (серьезно, 2025 год на дворе), огромные изображения. Оставьте: быструю загрузку и счастливых пользователей.

Стандартные паттерны вместо инноваций Корзина — корзина. Меню — три полоски. Поиск — лупа. Скучно? Да. Работает? Еще как!

3. Метрики важнее мнений

Забудьте фокус-группы с вопросом "Нравится ли вам дизайн?" Людям нравится Инстаграм*, но покупают они на Авито.

Измеряйте только то, что влияет на деньги:

  • Конверсия в покупку (очевидно)
  • Время выполнения целевого действия (чем меньше, тем лучше)
  • Показатель отказов (если >60% — что-то явно не так)
  • Глубина скролла на странице товара (долистывают ли до кнопки "Купить"?)

A/B тестируйте каждое изменение Даже если дизайнер клянется мамой, что новая кнопка "точно лучше". Особенно если клянется.

В 2030 году UI-дизайнеров заменит нейросеть, и это хорошо

Уже сейчас происходит интересное:

  • Midjourney генерирует UI-концепты лучше 70% дизайнеров с Behance
  • Claude пишет UX-тексты конверсионнее, чем копирайтеры с 10-летним опытом
  • Galileo AI делает мобильные интерфейсы от текстового описания

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

Компании, которые уже поняли тренд:

  • Airbnb сократил UI-команду на 40%, увеличил UX-research на 200%
  • Booking.com тестирует AI-генерацию вариантов дизайна вместо ручной отрисовки
  • Amazon вообще забил на редизайн и нанимает только UX-исследователей

Да, мы знаем, что вы сейчас напишете в комментариях

"А как же брендинг?" Брендинг != конверсия. Coca-Cola может позволить себе красивый имиджевый сайт. Ваш интернет-магазин чехлов — нет. Сначала научитесь продавать, потом стройте бренд.

"Apple же красивый и продает!" У Apple нет прямых конкурентов в своей нише. У вас есть 50 конкурентов на первой странице Яндекса. Почувствуйте разницу.

"Это деградация дизайна!" Нет, это эволюция. Дизайн перестает быть искусством и становится инструментом бизнеса. Как бухгалтерия — никто же не требует от баланса быть красивым?

"Вы убиваете профессию!" Профессию убивает нежелание меняться. Дизайнеры, которые научились UX-исследованиям, зарабатывают в 2-3 раза больше "чистых" UI-дизайнеров. Выводы делайте сами.

Вместо выводов: проверьте свой сайт

Если ваш сайт красивый, но не продает — проблема не в трафике, маркетинге или "кризисе". Проблема в том, что вы решили чужие задачи (дизайнера, который хотел в портфолио крутой кейс), а не свои (продавать товары и услуги).

Челлендж для смелых: Покажите в комментариях свой "красивый но не продающий" сайт. Первым 10 смельчакам мы проведем бесплатный UX-аудит и покажем, где именно дизайн мешает продажам.

Вопрос дизайнерам: Есть хоть один кейс, где усложнение дизайна привело к росту конверсии? Ждем в комментариях с пруфами.

Вопрос предпринимателям: Сколько денег вы потеряли на "давайте сделаем покрасивее"? Делитесь историями, сравним антирекорды.

P.S. Эта статья набрана шрифтом Inter, без градиентов и анимаций. И вы дочитали до конца. Совпадение? Не думаем.

Instagram принадлежит Meta, признанной экстремистской организацией на территории РФ 1: Скучно = конверсионно* Синяя подчеркнутая ссылка конвертит лучше, чем gradient text с анимацией. Пользователь пришел купить дрель, а не восхищаться вашим творчеством. Скучный Amazon продает на $469 млрд в год. Красивые стартапы умирают пачками.

4
3 комментария