Яке значення має оформлення тексту на посадкової сторінці і як його оформити правильно?

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

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

Стара прислів'я говорить, що картинка розповідає 1000 слів (в залежності від картини, звичайно!) І зазвичай це не дуже далеко від істини. Фотографія і відеозапис здатні захопити, а потім уявити будь-яку сцену набагато лаконічніше, ніж слова.

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

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

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

Щоб це виправити, можна використовувати певні методи. Вони допоможуть полегшити формування позитивного користувацького досвіду у читача від прочитання вашого тексту - будь то книжкова реклама, інформація про продукт на веб-сторінці, стаття в блозі або ціла окрема книга. Будьте впевнені - читачі помітять важливу інформацію, ознайомляться з нею і запам'ятають її.

ШРИФТ

персоналізація

Дисципліна графологія проіснувала понад 200 років. Її прихильники по почерку людей намагалися встановити основні риси їх особистості і навіть виявити неврологічні проблеми.

У зв'язку з наростаючою неактуальністю почерку (на увазі поширення друкарської електроніки), експерти стали шукати ключ до розуміння людини в шрифтах, які ми використовуємо, наприклад, в електронних листах.

У 2001 році компанія Lexmark найняла психолога, доктора Аріка Сігмана, щоб вивчити, як шрифт фліяет на думку читача про автора. У статті "Психологія шрифтів" Сигман припустив, що деякі шрифти можуть асоціюватися з конкретними типами особистостей:

Shelley: Кайлі Міноуг (сексуальний кошенятко) Courier: Іен Біл (скнара) Verdana: Річард Бренсон (професіонал) Times: Анна Форд (благонадійність)

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

Потрібно використовувати конкретні шрифти в певних ситуаціях: наприклад, при прийомі на роботу в консервативні компанії використовуйте Times New Roman, а в більш сучасні - Verdana. Нижче ви можете побачити список "консервативних" шрифтів з вказівками, яке враження вони справляють на читача:

Асоціації (зверху вниз): надійний, вражаючий, респектабельний, авторитетний, традиційний.

Розмір

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

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

тон розмови

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

КОЛІР

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

Приблизно так колір сприймається в західних країнах

акцент

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

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

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

захоплення уваги

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

емоційний вплив

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

читабельність

Крім акценту, колір може послужити і в інших ситуаціях, щоб допомогти читачеві і письменнику. Наприклад, є спосіб збільшити швидкість читання на 30%. Як?

Ключ до типографике полягає в 2 речі: чіткості (розбірливі слова, фрази) і читання (наскільки легко мозку перетворити прочитане в єдине повідомлення). Коли наші очі пробігаються по сторінці, вони легко можуть збитися зі шляху. Бувало, що читали одну сходинку двічі. Але ж ми навчаємо наші очі для плавання в рядках тексту, але монотонність час від часу втомлює.

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

ФОРМАТУВАННЯ

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

Одне з кращих досліджень було зроблено в Tinker і Патерсоном в 1929 році. Використовуючи чорний шрифт 10 розміру на білому папері, вони виявили, що рядок довжиною від 3 до 3,5 дюймів (від 75 до 90 мм) має найвищу продуктивність читання. Абзаци з довжиною рядка від 7,3 дюйма (185 мм) читалися повільніше. Автори припустили, що збільшення довжини рядка вимагає великої кількості бічних рухів очей, що сприяє тому, що читач втратить своє місце читання в тексті.

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

В інтернеті, в зв'язку зі збільшенням відстані читача від екрану, довжина рядка може бути не настільки компактною - оптимальною вважається довжина в 4-5 дюймів. Тим не менш, переконайтеся, що читачеві не потрібно занадто багато бігати очима по горизонталі.

ВИСНОВКИ

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

Переклад і адаптація матеріалу: usabilla.com

© CubeLine Agency