Простыми словами
UI (User Interface) — пользовательский интерфейс: цвета, шрифты, кнопки, иконки, отступы. Это то, что человек видит. UX (User Experience) — пользовательский опыт: насколько легко ему добиться цели, будь то заказать звонок или оформить доставку.
Простая аналогия — ресторан. UI — интерьер и подача блюд, UX — то, как быстро вас встретили, понятно ли меню, не приходится ли долго ждать счёт. Один без другого не работает: красивый зал не компенсирует двухчасовое ожидание.
Как это работает
UX-работа начинается с вопросов: кто пользуется сайтом, зачем он пришёл, что мешает довести дело до конца. Проектировщик рисует схему переходов и прототип без красок — только структуру экранов — и проверяет её на реальных людях.
Когда логика понятна, подключается UI: дизайнер подбирает палитру, шрифты и компоненты, которые будут одинаково выглядеть на всех страницах. В итоге получается дизайн-система — набор правил, по которым легко развивать сайт дальше.
Зачем это владельцу бизнеса
Хорошая структура сокращает путь клиента до заявки. Если на мобильном телефоне форму приходится искать, увеличивать пальцами и заполнять шесть полей, часть посетителей уйдёт. Каждый лишний шаг стоит денег.
Дизайн к тому же формирует доверие. Аккуратная, современная страница воспринимается как признак надёжной компании, а перегруженная и устаревшая — как повод усомниться в качестве услуг.
Пример из практики
Стоматология в Усть-Каменогорске жаловалась, что на сайт заходят много, а записываются единицы. Оказалось, что кнопка записи терялась на фоне фото, а форма требовала указать восемь полей. После перестройки экранов и сокращения формы до имени и телефона конверсия в запись выросла почти вдвое.
Частые ошибки
- Начинать с дизайна, не продумав структуру и сценарии
- Делать сайт под вкус владельца, а не клиента
- Мелкий текст и низкий контраст, нечитаемые на улице
- Не проверять сайт на телефонах и разных экранах
- Добавлять эффекты, которые замедляют страницу и отвлекают от цели