Як правильно створювати дизайн тексту: пишіть у “моках”, а не “доках”

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

➡ ➡ ➡ Перша частина: Як правильно створювати дизайн тексту: люди не читають інтерфейс

4. Пріоритезуйте ваші слова

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

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

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

Експерементуйте, змінюйте акценти, аж доки не доб’єтеся бажаного результату.

Що легше читати?

5. Дайте їм передихнути

Деякі сайти, наприклад Medium, за своєю природою мають об’ємний контент і в цьому немає нічого поганого. Але іноді важко читати абзац за абзацом.

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

Крім того розбивайте текст на малі абзаци всього на декілька рядків.

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

6. Поступовий показ

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

Іноді ви можете показати користувачеві трохи інформації невеликими порціями. Спробуйте розбити повідомлення на невеликі шматки і показати їх крок за кроком.

Занадто багато тексту? Спробуйте показати його поступово.

Ще одна річ, яку ви можете зробити, це винести надмір інформації в окремий документ і надати посилання на нього. Багато продуктів роблять це шляхом додавання лінку: “Дізнатися більше”. При натисканні на це посилання користувачів ведуть на сторінку докладних інструкцій, FAQ і тому подібного.

7. Пишіть у “моках”, а не “доках”

Ви коли-небудь писали щось, що на папері виглядало добре, але зрештою виявилося занадто довгим на “мокапах” (mockup – макет)? Це відбувається, коли ви робите ваші записи в Google Docs чи Microsoft Word.

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


***

Слова наповнити наш світ сенсом. Але ми не любимо читати. Ми давно розбалувані ТБ, у нас немає часу на додаткове зосередження. І робота дизайнера полягає в тому, щоб зробити процес читання максимально “юзабельним”.

Вам сподобалося?

Читайте щотижня наші кращі статі про дизайн!

email рассылки

Корисна розсилка!

Все найцікавіше про дизайн і дизайнерів!
А ще свіжі вакансії і трішки гумору)

Ваш email:
email рассылки
Позначки:

Залишити відповідь