Що таке UX Writing і чому текст на сайті — це частина дизайну

Що таке UX Writing і чому текст на сайті — це частина дизайну

Уявіть кнопку з написом "Підтвердити". Підтвердити що саме? Замовлення? Згоду з умовами? Видалення акаунту? Користувач не знає — і вагається. А тепер та сама кнопка з написом "Оформити замовлення на 1 490 грн" — жодних сумнівів, жодної невизначеності. Різниця між цими двома варіантами і є суттю UX Writing.

Що таке UX Writing

UX Writing — це написання текстів які є частиною інтерфейсу. Це не маркетингові слогани і не статті для блогу. Це мікрокопі: підписи до кнопок, заголовки форм, повідомлення про помилки, підказки, порожні стани, підтвердження дій, навігаційні мітки.

Кожне з цих слів — функціональне рішення. Воно або допомагає користувачу рухатися далі, або створює тертя і плутанину.

Чому текст — це частина дизайну

Традиційно дизайнери проєктують інтерфейс, а потім "вставляють текст" як заповнювач. Текст у такій моделі — це щось що приходить після дизайну. Але це хибний підхід.

Текст і візуальний дизайн вирішують одну задачу — провести користувача від точки А до точки Б з мінімальним тертям. Коли вони розроблені окремо, виникають конфлікти: кнопка займає певний простір і текст у ній має бути конкретної довжини, повідомлення про помилку має відповідати тону бренду і при цьому бути технічно точним, порожній стан екрану потребує і ілюстрації, і тексту які разом створюють правильне враження.

Саме тому у сильних продуктових командах UX Writer працює разом з дизайнером з самого початку, а не отримує макет для "заповнення текстом" наприкінці.

Де UX Writing має найбільший вплив

Кнопки і заклики до дії. "Далі" — слабко. "Перейти до оплати" — сильніше. "Отримати доступ безкоштовно" — конкретно і мотивуюче. Текст кнопки має відповідати на питання "що відбудеться коли я натисну".

Повідомлення про помилки. "Помилка 403" або "Щось пішло не так" — марні повідомлення, вони не допомагають користувачу. "Не вдалося увійти. Перевірте email і пароль або скиньте пароль" — це вже корисно. Хороше повідомлення про помилку пояснює що сталося і що робити далі.

Форми. Підписи до полів, підказки всередині і пояснення навіщо потрібна та чи інша інформація. "Телефон" — мінімум інформації. "Телефон для підтвердження замовлення" — зрозуміло навіщо і знімає підозри щодо спаму.

Порожні стани. Коли користувач вперше заходить у розділ і там нічого немає — це критичний момент. Порожній екран без пояснення виглядає як зламаний сайт. "Тут поки що нічого немає. Додайте перший проєкт щоб почати роботу" — це вже онбординг.

Повідомлення після дії. "Збережено" — нейтрально. "Зміни збережено. Вони стануть видимі для клієнтів через кілька секунд" — повне і заспокійливе підтвердження.

Тон голосу і консистентність

UX Writing — це не тільки окремі слова. Це система. Бренд має певний тон голосу — офіційний чи дружній, лаконічний чи розгорнутий — і весь текст в інтерфейсі має йому відповідати. Коли маркетинговий сайт звертається до користувача на "ти" а адмін-панель — на "Ви", це розриває єдиний досвід.

Для підтримки консистентності великі продукти створюють окремий документ — tone of voice guide або content style guide. Він описує як бренд говорить, які слова використовує і яких уникає, як формулюються повідомлення про помилки і підтвердження.

Чому це важливо для бізнесу

Погані тексти в інтерфейсі прямо впливають на конверсію. Незрозуміла кнопка — менше кліків. Страшне повідомлення про помилку — покинута форма. Незрозумілий процес оплати — незавершена покупка.

Хороший UX Writing не помічають — він просто дає користувачу зробити те що він хотів зробити. І саме ця непомітність є критерієм якості.

Поділитися
У пошуках підрядника з розробки сайту?
Заходьте до нашого online каталогу Веб-студій та вибирайте партнера за рядом критеріїв: бал, портфоліо, відгуки, кейси та статті. Або організуйте тендер в даному каталозі, вибравши компанії, що вам сподобалися.
Більше не потрібно шукати та обдзвонювати діджитал-агентства!
Створіть тендер та отримайте пропозиції від найкращих веб-студій України.
У каталозі 1700+ діджитал-агентств, які готові допомогти в реалізації ваших завдань. Вибирайте та економте до 30% свого часу та бюджету! Це безкоштовно та займе менше 3-х хвилин.
Створити тендер
Bug