Чому UX-райтинг (написання текстів для користувацького досвіду) важливий для веб-дизайнера. Основні поради як це робити і як краще не робити.
Написання UX-текстів - вкрай важливий елемент створення безшовного і зручного користувацького інтерфейсу. Грамотний UX-райтинг допомагає користувачам орієнтуватися в інтерфейсі продукту. Мова - це зброя. Зокрема і в маркетингових питаннях. Правильно підібране слово може зіграти вирішальну роль. Це показують і А/В-тести - конверсія може просто злетіти після вдалої заміни напису на кнопці СТА. Але щоб робити такі дива потрібна не удача, а величезний досвід і розуміння суті UX-райтингу.
UX-райтер - це в ідеалі окремий фахівець, який допомагає зробити інтерфейс зрозумілим, простим, інтуїтивним і провести користувача крізь нього без зайвої заминки. Але найчастіше ця роль лягає на плечі копірайтера, який створює прототип, або самого веб-дизайнера. І ти зобов'язаний знати основи UX-райтингу, щоб не зганьбити себе під час створення проекту. Загалом навички UX-райтингу варто розвивати всім, хто бере участь у створенні інтерфейсів.
Хороший веб-дизайн має враховувати, як користувачі взаємодіють з інтерфейсом. UX-райтинг - це той аспект, який допомагає зробити так, щоб тексти на сайті або в застосунку були легкими для розуміння і використання. Прокачаний скіл UX-райтингу потрібен веб-дизайнерові для того, щоб зробити інтерфейс більш інтуїтивним, надаючи користувачам чіткий та інформативний зворотний зв'язок.
Головні елементи, які потрібно зробити відповідно до принципів UX-райтингу це:
- Кнопки;
- Форми та поля;
- Пункти меню, навігація;
- Повідомлення про помилку;
- Нагадування, підказки;
- Умови використання;
- Інструкції експлуатації.
Ми розглянемо базові правила та помилки.
Як писати UX-тексти
Цей розділ присвячений тому, як потрібно робити і на що звертати увагу. Тезисно, як слід діяти.
1. Ясно і стисло
Використовуй чітку та лаконічну мову для передачі інформації. Користувачі мають швидко зрозуміти повідомлення без двозначності. Намагайся донести інформацію мінімальною кількістю слів. Видаляй зайві деталі та надлишкові терміни. Уникай складних і неоднозначних фраз. Використовуй ясну, просту мову, зрозумілу широкому колу користувачів. Обійдися без довгих заплутаних описів. Навіть якщо вони потрібні - розбивай їх на короткі фрази, пункти. Без складнопідрядних речень. Уяви, що пояснюєш щось п'ятирічній дитині.
2. У потрібному контексті
Запропонуй контекст, щоб допомогти користувачам орієнтуватися в інтерфейсі. Переконайся, що кожен фрагмент тексту має певну мету. Наприклад, у формі заповнення додай текст-замінник або підказки. Це практично обов'язкова частина поля з номером телефону - потрібно дати розуміння, в якому форматі ти очікуєш номер.
Зроби заголовки і підписи інформативними і легкими для розуміння. Вони повинні швидко передавати суть контенту. При розбіжності може виникнути непорозуміння через втрату контексту. А ще це обмануті очікування і погане враження від взаємодії з продуктом. Тож дотримуйся послідовності, логічності та відповідності контексту.
3. Узгоджено
Підтримуй однотипність мови в усьому продукті. За замовчуванням використовуй стандартні терміни, якщо немає особливої мети. Користувач уже розуміє такі дії як "Перейти до оплати", "Повернутися на головну" та інші усталені фрази. Вони прості та звичні, не замінюй їх без потреби.
Мова і подача в рамках одного проєкту мають бути однотипними. Буде дивно, якщо ти спочатку тримаєш офіційний тон, а потім різко наприкінці переходиш на зухвалий молодіжний сленг або агресивні СТА. Тримай один обраний стиль від самого початку, нехай усі заклики будуть у тему і сама подача такою ж.
Узгоджений і послідовний стиль текстів у різних частинах інтерфейсу покращує сприйняття і спрощує користувацький досвід.
4. Зрозуміло для цільової аудиторії
Враховуй досвід користувачів, контекст і особливості продукту. Іноді потрібно більше підказок і роз'яснень, більш докладні описи дій. Іноді навпаки, потрібно відсіяти тих, хто не в темі - тут можна ускладнити мову, використовуючи специфічну термінологію, однозначно зрозумілу потрібному сегменту користувачів. Завжди задавайся питанням - як би сказали вони? Що б хотіли бачити на цій кнопці? Чи не здасться твій текст занадто дивним/недоречним/смішним? Бери на озброєння свої дослідження конкурентів і враховуй відгуки їхніх клієнтів.
5. З використанням активних дієслів
Використовуй мову дій, що спонукає користувачів до певних кроків. Для цього потрібні дієслова - перейти, подивитися, зареєструватися, купити, оформити. Це стимулює залученість.
У текстах мають бути ясні інструкції для дій. Наприклад, "Натисніть тут, щоб продовжити" або "Зв'яжіться з нами для допомоги".
Як НЕ треба робити
Тут коротко про те, чого точно слід уникати. Завжди пройдися проєктом після його завершення і перевір, чи немає подібних помилок.
1. Не допускай негативного тону
Не варто транслювати негативні повідомлення, які можуть відштовхнути користувачів. Формулюй інструкції в позитивному ключі. Наприклад, замість "Помилка: ви забули заповнити потрібне поле", напиши більш м'яке "Будь ласка, заповніть потрібне поле".
Або "Ви перейшли на неіснуючу сторінку" у разі 404 буде краще звучати, якщо не перекладати на користувача провину, а взяти її на себе: "Ми старалися, але не знайшли цю сторінку. Можливо, ми її перенесли". Детальніше про хороші сторінки 404 подивися окрему статтю.
2. Не перевантажуй текст
Буде помилкою перевантажувати екрани зайвим текстом. У кнопках він має бути максимально коротким, щоб бути зрозумілим. У блоках по 5-7 рядків. Решту розділяй абзацами, пунктами, іконками. Виділяй основну інформацію і скорочуй непотрібні деталі. Текст має читатися цілком, миттєво. І якщо це суцільна неструктурована писанина, то так не вийде. У підсумку робота виявиться безглуздою - юзер просто не читатиме це в більшості випадків. І всі ті "важливі" аспекти, які ти так хотів зберегти, взагалі виявляться нікому не потрібними.
Безумовно, іноді не можна обійтися без довгих описів. І в деяких випадках вони справді потрібні - коли дається інструкція, детальна інформація, пояснення. Але навіть такі речі можна подати без перевантаження, легко, схематично, логічно розділивши дані.
Сюди ж належить і довжина слів. Намагайся використовувати коротші синоніми, якщо це підходить. І якщо в тексті є числа, то пиши їх цифрами, а не словами.
3. Не використовуй двозначні дії
Деякі кроки призводять до того, що можуть заплутати користувачів у тому, яку дію вони виконують. І в підсумку перед ним з'являються кнопки, які він боїться натиснути. Тому що неясно, що буде.
Такі грубі помилки майже не трапляються в маленьких простих проєктах. Але бувають у складних, коли є багато розгалужень варіантів кроків користувача і ці кроки опрацьовуються автоматично. Або контент змінюється під користувача залежно від його дій. У цьому випадку важливо перевірити кожну комбінацію, кожен крок і всі можливі їхні варіанти. Щоб усе було органічно, зрозуміло і чітко, без двозначних посилів.
Якщо користувач не розуміє, що від нього очікується, це може призвести до втрати конверсії. Заклики до дії мають бути зрозумілими і мотивуючими.
4. Не переноси важливе в кінець фрази
Завжди починай речення з найважливішого, з ключового моменту. "Натисніть, щоб продовжити" замість "Для продовження натисніть тут". За своїм змістом ці два повідомлення не відрізняються, але за своєю природою перше буде набагато ефективніше працювати і легше сприйматися, що нам і потрібно.
5. Враховуй усі пристрої
Тексти мають адаптуватися до різних пристроїв (наприклад, мобільні, смарт-годинники, десктопи) без втрати ясності. Уже загалом дивно писати заклик "Клацніть сюди правою кнопкою миші", якщо більшість користувачів заходять зі смартфона, наприклад. І навпаки, скролити помахом пальців екран ПК не вийде. Тому або тексти мають бути універсальними і враховувати ці нюанси, або є сенс прописувати їх окремо під різні пристрої, якщо того вимагає функціонал.
І ще
Зворотній зв'язок і тестування - це важливо. І якщо хтось один у коментарях висміяв варіант кнопки, то десятки думали так само, але просто промовчали. Збирай дані від реальних користувачів і від фокус-груп, спостерігай за поведінкою відвідувачів на сайті, тільки так можна виявити слабкі місця.
Окремим пунктом у темі UX-райтингу варто виділити кнопки і поля. Але тут цього не буде, тому що ми вже писали докладний матеріал на цю тему зовсім недавно. Ось тут почитай обов'язково, стане в пригоді.
Добре написаний UX-текст на кнопках, у заголовках або закликах до дії може істотно вплинути на конверсію. Тобі важливо враховувати ефективність текстових елементів і вміти їх застосовувати залежно від особливостей цільової аудиторії та самого продукту.
Чіткі та зрозумілі інструкції, що надаються через UX-райтинг, покращують загальну взаємодію користувача з сайтом або додатком.
Об'єднання дизайну і текстів дає змогу створити цілісний і узгоджений користувацький досвід, який відображає цінності та цілі бренду. Таким чином, UX-райтинг є невід'ємною частиною веб-дизайну, допомагаючи створити зручні, зрозумілі та привабливі інтерфейси для користувачів.
Насправді це ціла наука й окрема професія, але веб-дизайнер має знати базу та розуміти принципи UX-райтингу для створення якісних інтерфейсів. Де отримати скіл UX-райтингу? У рамках онлайн-курсу "UX/UI легенда", звісно. Там буде багато корисного, подивися програму просто зараз і подай заявку!