Яких 7 друкарських помилок слід уникати?

У кожному інтерфейсі ми вибираємо виділення тексту, заголовків, абзаців, посилань, щоб створити діалог з нашим користувачем.

Але під час аудитів, які мені вдалося провести у веб-і інтерфейсах для мобільних пристроїв, я часто вказував на помилки в типографіці та друкарських стилях.

Ці помилки, які часто сприймаються як дрібні деталі, насправді є гальмом вашого спілкування.

Справді, користувач не знає вас, і якщо підводні камені заважають йому або сповільнюють його читання, він не обов’язково подвоїть свої зусилля, щоб досягти вашого повідомлення.

Уникаючи цих 7 помилок, ви підвищите читабельність різних параграфів вашого інтерфейсу, підвищите комфорт і зменшите час читання.

Мета цієї статті — знати, як виявити ці помилки та вміти їх виправляти. Але також краще зрозуміти типографські стилі, які використовуються сьогодні в цифрових інтерфейсах, і використовувати їх з розумом.

№1 Усі великі літери

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

Часто використовується, щоб виділити текст, зробити його більш важливим та/або більш помітним, ми розуміємо, що це дає протилежний ефект. Дійсно, користувач ідентифікує ці елементи у верхньому регістрі та вважає за краще передавати їх.

З 2 причин:

  • Інколи викликає занепокоєння та агресивний ефект читання тексту великими літерами. У користувача може скластися враження, що на нього кричать і що в нашому повідомленні є форма нервозності.
  • Існує дуже мало підказок для визначення місцезнаходження літер та їх особливостей, що ускладнює завдання користувачеві, щоб відрізнити літери один від одного. Текст стає складнішим і довшим для читання. Цей останній пункт дуже важливий, оскільки ви повинні пам’ятати, що користувачі дуже мало читають в Інтернеті. Часто інформацію сканують. Використання великих літер завадить користувачеві зробити це. А коли він почне читати, він сповільниться, і це викличе розчарування. У нього буде враження, що він не просувається в читанні.

#2 Використання занадто великої кількості шрифтів

Усередині абзацу іноді виникає спокуса створити певну ієрархію, використовувати різні шрифти.

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

Ніщо не заважає вам висунути ідею чи речення, наприклад, підкресливши жир. Але вибирати треба!

#3 Зробіть акцент на багатьох елементах

Хорошою практикою, коли абзац стає доступним для його користувача, є виділення певних ключових слів.

Однак слід подбати про те, щоб не було занадто багато різних стилів тексту, оскільки це може заплутати користувача.

Краще заздалегідь визначити абзац і візуально виділити його ключову концепцію.

Майте на увазі, що буде цей конкретний графічний стиль, а також певні слова, виділені курсивом (наприклад, для слів іншої мови), підкреслені / кольорові посилання.

#4 Використовуйте стиль посилання для іншого елемента

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

Тільки часто під час аудиту інтерфейсу ми знаходимо, наприклад, субтитри з використанням цього графічного стилю. Це може збити користувача з пантелику.

Краще грати, наприклад, на жирі, кольорі чи розмірі.

#5 Центрувати текст

Це, мабуть, перше, чого я навчився як дизайнер, коли починав. Я прагнув центрувати всі елементи.

Це хороша практика для друку, але не рекомендується для Інтернету. Бажано вирівняти текст ліворуч, щоб структурувати блок і таким чином забезпечити комфорт читання для нашого користувача.

#6 Вирівняйте текст

Це також стосується виправдання тексту. Широко використовується у видавництві, але все ще погано керується в Інтернеті, оскільки інтерфейси динамічні та рухаються відповідно до роздільної здатності. Тому дуже складно зберегти узгоджений і читабельний результат.

#7 Неправильне керування міжрядковими інтервалами

Іноді ми намагаємося заощадити простір. Інколи ми думаємо – помилково – що для читання буде зручніше зменшити міжрядковий інтервал абзацу.

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

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

 

# Щоб зробити висновок

Ці 7 спільних порад дозволять вам запропонувати своїм користувачам комфорт читання. Вони допоможуть вам правильно донести своє повідомлення з правильним тоном.

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

 

 

Джерело зображення: https://undraw.co/illustrations

 

Alexa CUELLAR UX-UI дизайнер @UX-Republic


Наші наступні тренування