В брифах часто пишут «нужен UI/UX» одной строкой. Для бюджета это разные объёмы. UX отвечает на вопрос, как человек дойдёт до цели. UI — как это будет выглядеть и считываться на экране. Путать их значит оплатить макеты там, где ещё не решена структура.

UX: сценарий, а не картинка

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

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

UI: как интерфейс выглядит и читается

UI-дизайн — сетка, цвет, типографика, кнопки, состояния наведения, иконки, отступы. Хороший UI делает сценарий очевидным: главное действие заметно, второстепенное не кричит, текст можно прочитать без усилия. Плохой UI может испортить верный сценарий, если кнопка сливается с фоном, а заголовок не отличается от абзаца.

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

Что писать в задаче

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

Как не платить дважды

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

Если задача уже сформулирована, посмотрите работы в близкой сфере или напишите через контакты — скажем, нужен ли вам полный цикл или точечный разбор интерфейса.