UX-райтинг для початківців: як писати тексти для інтерфейсу

Крок 1

Оберіть екран для вправи і випишіть усі тексти

Найкраща вправа для старту — переписати тексти реальної форми: реєстрації, оформлення замовлення, запису на прийом. Знайдіть форму в будь-якому сервісі, яким користуєтеся, зробіть скриншот і випишіть кожен текст окремо: заголовок, підписи полів, підказки, кнопки, помилки, повідомлення після надсилання. Так ви побачите, скільки слів насправді є на одному екрані.

• •позначте, яку задачу виконує людина на цьому екрані і що для неї успіх;
• •біля кожного тексту запишіть, яку роль він виконує: пояснює, називає дію, попереджає;
• •спробуйте навмисно помилитися у формі, щоб побачити повідомлення про помилки;
• •збережіть оригінал: наприкінці вправи покажете «до» і «після».

💡 Не обирайте найгіршу форму в інтернеті: переписати очевидно погане легко. Корисніше взяти нормальну форму і зробити її кращою.

Крок 2

Пишіть коротко і ставте головне на початок

Nielsen Norman Group давно показала, що люди рідко читають вебсторінки слово за словом: вони сканують текст, вихоплюючи окремі слова й речення. В інтерфейсі це ще помітніше. Apple Human Interface Guidelines радять обирати слова, які легко зрозуміти, перевіряти, чи потрібне кожне слово, і писати простою мовою, без жаргону. NN/g наголошує, що проста мова корисна всім, навіть експертам.

• •погано: «Для того щоб завершити процес реєстрації, необхідно ввести вашу адресу електронної пошти»;
• •краще: «Електронна пошта» як підпис поля і коротка підказка під ним, якщо вона справді потрібна;
• •одне повідомлення — одна думка; якщо ідей кілька, розділіть текст;
• •прочитайте текст уголос: Apple радить це робити, коли сумніваєтеся.

Крок 3

Кнопки, підписи і підказки

Apple HIG радить підписувати кнопки дієсловом: людина має розуміти, що станеться після натискання. Для полів введення — чіткі підписи і, за потреби, підказка з прикладом формату. W3C у навчальних матеріалах з доступності форм окремо попереджає: текст-заповнювач (placeholder) не замінює підпис поля, бо зникає під час введення і не читається допоміжними технологіями як підпис.

• •кнопка: «Створити акаунт» замість «Надіслати», «Видалити фото» замість «Так»;
• •у діалозі підтвердження кнопка повторює дію з питання: «Видалити чернетку?» — «Видалити» / «Скасувати»;
• •підпис над полем — завжди; приклад формату — у підказці: «Наприклад, +380 67 123 45 67»;
• •обирайте одну форму для всіх кнопок продукту — інфінітив («Зберегти») чи наказовий спосіб («Збережіть») — і тримайтеся її;
• •звертайтеся до людини на «ви» однаково на всіх екранах і уникайте слів, що прив'язують текст до статі, там, де стать невідома: «Вітаємо!» замість «Шановний користувачу!».

💡 Кнопки на кшталт «ОК», «Далі», «Надіслати» не погані самі по собі, але перевірте, чи зрозуміло з них, що станеться. Якщо ні — назвіть дію.

Крок 4

Помилки й порожні стани

NN/g радить показувати повідомлення про помилку поруч із місцем, де вона виникла, писати людською мовою без технічного жаргону, точно описувати проблему, підказувати, як її виправити, і не звинувачувати користувача. Ще дві поради NN/g: не показувати помилку завчасно, поки людина ще вводить дані, і зберігати вже введене, щоб не доводилося починати знову. Стандарт доступності WCAG теж вимагає, щоб помилку було описано текстом, а якщо відомо, як її виправити, — щоб підказку показали людині.

• •погано: «Помилка 403» або «Неправильні дані»;
• •краще: «Пароль надто короткий. Додайте ще щонайменше 2 символи» — проблема і що робити;
• •не пишіть «ви ввели неправильно»: опишіть, чого бракує, а не що людина зробила не так;
• •порожній стан (наприклад, порожній кошик чи список обраного) — Apple радить завжди підказувати наступний крок: «Тут з'являться збережені рецепти. Натисніть ♡ на будь-якому рецепті»;
• •Apple радить узагалі уникати «ми», бо незрозуміло, хто це: «Не вдалося завантажити вміст» зрозуміліше, ніж «У нас виникли труднощі із завантаженням».

Крок 5

Визначте тон і покажіть «до» і «після»

Голос — це характер продукту, він сталий. Тон змінюється залежно від ситуації: Apple HIG радить підлаштовувати його під те, що людина зараз робить і відчуває. NN/g пропонує описувати тон за чотирма вимірами: гумор, формальність, шанобливість і ентузіазм. Жарт доречний у привітанні після реєстрації і зовсім недоречний у повідомленні про відхилену оплату. Наприкінці вправи зберіть усі нові тексти на макеті й поставте поруч з оригіналом.

• •опишіть голос свого «продукту» трьома словами, наприклад: «дружній, точний, спокійний»;
• •для кожного тексту оцініть ситуацію: рутинна дія, успіх, помилка, ризик втратити дані;
• •зберіть словник термінів: якщо в одному місці «кошик», то всюди «кошик», а не «корзина» чи «замовлення»;
• •покажіть «до» і «після» й поясніть кожну зміну одним реченням.

💡 Покажіть свою пару «до/після» в спільноті без пояснень і спитайте, яка версія зрозуміліша. Якщо відповідь неочевидна, зміна, можливо, не така вже й потрібна.