Як розробити переконливий дизайн блогу
У сучасному світі контент-маркетингу блог – не просто джерело інформації, він має у чомусь переконувати читачів. З цього можна зробити логічний висновок про те, що не лише тексти, а й дизайн самого блогу мають бути переконливими.
«Ці люди знають свою справу!» «Матеріал легко читається!» «Ось, що мені потрібно зробити!»
Кожна з цих емоцій викликана певними дизайнерськими прийомами, про які далі йтиметься.
1. «Ці люди знають свою справу!»
Якщо всі ці складові будуть присутні у вашому блозі, він викликатиме довіру у відвідувачів.
Дотримуйтесь професійних стандартів дизайну
На вашу думку, коли середньостатистичний користувач бачить ваш сайт, які думки виникають у нього в голові?
Варіант 1: “Ммм. Який симпатичний сайт». Варіант 2: «Чудово! Відмінне використання вільного простору навколишнього меню зверху. А головне зображення на слайдері транслює основне посилання сайту».
Більшість відвідувачів не є веб-дизайнерами. Це звичайні люди, які не обтяжені глибокими знаннями про проектування сайтів. Коли вони заходять на веб-сторінку, в їхніх головах з'являється думка: «Цей блог виглядає добре (чи ні)». Але що робить інтернет-ресурс привабливим?
Якщо спростити всі знання про створення сайтів до кількох пропозицій, то можна сказати наступне: дотримуйтесь професійних стандартів веб-дизайну, знайте свою справу та вдосконалюйте свої навички.
Створюйте стереотипні сайти
У зв'язку з цим, ваш блог має бути схожим на інші блоги з вашої сфери. Якщо він виглядатиме інакше, то у читачів виникне когнітивний дисонанс, тобто воничекатимуть побачити одне, а побачать зовсім інше.
Винні пляшки виготовлені зі скла; вони мають вузьке шийку, їхня основна частина має форму циліндра, а основа пляшки — плоска. Все, що відрізняється від цього загальноприйнятого стандарту, сприймається як підробка чи ознака низької якості. Насправді люди скептично ставляться до вина в пластикових пляшках.
Той самий принцип застосовується щодо розробки сайтів. Вам слід дотримуватись основних принципів веб-дизайну, характерних для вашої сфери діяльності.
Багато дизайнерів не люблять робити сайти на зразок. Вони хочуть виділитися з натовпу створити такий ресурс, якого світ ще не бачив. Креатив — це похвально, але щоб отримати високі показники конверсії, необхідно бути переконливим. А щоб бути таким, потрібно зробити ваш блог подібним до інших.
Зацікавте користувача
Переконливий дизайн також має на увазі зацікавленість користувача. Це проявляється в наявності на сторінці елементів, що притягують погляд.
Як вже було сказано, вам слід дотримуватися стандартів веб-дизайну, але ви також повинні створювати елементи, які здивують користувача. Це зробить ваш блог незабутнім, що, у свою чергу, сприятиме підвищенню конверсії.
Засновник сервісу для маркетологів Markitekt Піп Лайа висловився щодо цього: «Ви повинні демонструвати користувачам щось нове на кожній сторінці. Це означає, що потрібно постійно змінювати розташування елементів – це допоможе підтримати інтерес відвідувачів. Монотонність та одноманітність відштовхують людей. Тому необхідно додавати на сайт нові елементи, щоб він виглядав цікавим. А інтерес, у свою чергу, зробить ваш блогзапам'ятовується і допоможе завоювати довіру читачів».
2. «Матеріал легко читається!»
Найважливішою складовою будь-якого блогу є контент. Якщо ви хочете розробити дизайн, що переконує, то він повинен акцентувати увагу на контенті.
Фахівці компанії Hubspot провели опитування з метою з'ясувати, який фактор у галузі дизайну сайтів інтернет-користувачі вважають найважливішим. В результаті було встановлено, що цим фактором є юзабіліті. Опитані заявили, що найважливішим для них є можливість швидко знайти те, що їм потрібно. Результати опитування відображені на діаграмі:
Який фактор у галузі дизайну сайтів ви вважаєте найважливішим?
На сайті можна швидко знайти потрібну інформацію – 76%; Сайт зовні виглядає привабливо -10%; Сайт надає останні можливості інтерактивної взаємодії — 9%; Інші фактори - 5%.
Контент сам по собі здатний впливати на користувачів, а дизайн блогу, що переконує, «крутиться» навколо контенту. Ось що про це говорить Піп Лайя (Peep Laja): «Вашим першорядним завданням під час роботи над блогом має стати створення цікавого релевантного контенту. Потім треба вже задуматися про те, як найкраще презентувати його читачеві».
Однак саме собою створення якісних текстів є завданням копірайтера, а не дизайнера. Нижче наведено кілька порад, які допоможуть вам успішно подати матеріал читачеві.
Використання вільного простору
Найкращим способом привернути увагу до тексту використання незаповненого простору. Про це добре сказала бренд-менеджер Крістіна Цмаїк (Kristina Zmaic): «Переконайтеся в тому, що вашому тексту є де розвернутися».
Її висловлюваннянаочно продемонстровано нижче:
Оточуючи текст великим обсягом вільного простору, ви допомагаєте користувачеві сконцентрувати свою увагу на написаному. Нижче наведено приклад сайту, що грамотно використовує порожній простір:
Прагніть до простоти
Компанія Apple зуміла перевершити всіх у сфері застосування принципів простоти та мінімалізму. Ось, що про це говорить один із розробників продукції Apple Джонатан Айв (Jonathan Ive):
«Простота – це не банальна відсутність надмірностей. Простота дозволяє споживачам усвідомити мету вашого продукту».
Що стосується блогом метою є сам текст. Тому дизайн має «зводити текст на п'єдестал», робити його помітним.
Використовуйте візуальну ієрархію
Візуальна ієрархія дозволяє організувати інформацію таким чином, щоб користувач зміг легко відрізнити головне від другорядного, а також сприйняти структуру тексту. Це досягається за рахунок розміру шрифту, контрасту та кольору. Хороший дизайнер знає, як за допомогою візуальної ієрархії залучити погляд користувача до найважливіших частин сторінки.
Тексти навмисно розбивають на параграфи, вигадують різні заголовки та підзаголовки – це покращує читабельність матеріалу. Ніхто не захоче детально вивчати величезну «простирадло» тексту. Нижче наведено приклад, оформлений з використанням елементів візуальної ієрархії:
У переконливому дизайні візуальна ієрархія має дві мети:
1. Виділити текст; 2. Привернути увагу до заклику до дії.
До речі, не варто забувати про заклик до дії, адже у хорошому блозі можна зустріти одразу кілька CTA. Використовуйте елементи візуальної ієрархії, щоб зробити заклик більш помітним.
3. «Ось що мені потрібно зробити!»
Для блогу здійснення конверсії менш важливе, ніж для лендінгу. По суті, у ролі цільової дії може бути прочитання статті. Але хоч би яким був бажаний результат, якісний дизайн допоможе вам його досягти. Нижче наведено кілька дизайнерських прийомів, здатні підштовхнути користувача до здійснення цільової дії.
Враховуйте закон Фіттса
Закон Пола Фіттса (Fitts law) говорить: що далі чи точніше виконується рух, то більше корекції необхідне його виконання, і, більше часу потрібно для внесення цієї корекції.
Цей закон може здатися вам надто складним, проте має кілька простих застосувань. Нижче представлено два з них, які допоможуть вам зробити дизайн блогу більш переконливим:
- Створюйте CTA-кнопки великого розміру. Чим більше буде кнопка, тим ймовірніше, що користувач натисне на неї.
- Помістіть кнопку з цільовою дією наприкінці статті. Кнопки та посилання, на які найчастіше кликає користувач, знаходяться поряд із середнім положенням курсору. Коли людина прокручує статтю до кінця, її курсор виявляється в такій позиції. Саме тут вам слід розмістити кнопку цільової дії і зробити її великою і помітною.
Застосовуйте поведінкову модель Фогга
Бі Джей Фогг розробив модель поведінки для переконливого дизайну, в основі якої лежать три основні ідеї. Щоб людину зробив те, що ви від неї очікуєте, вона повинна:
1. Бути мотивованим скоєння действия; 2. Мати можливість здійснити цю дію; 3. Отримати тригер, або заклик до здійснення дії.
Всі ці фактори наочно відображені на діаграмі:
Діаграма FBM має дві осі. Вертикальна, або вісь мотивації: що вона вища, то сильніше бажання. Горизонтальна вісь – це здатність до дії. Діагональна стрілка означає, що чим сильніше два перші фактори, тим ймовірніше вчинок (відзначений зірочкою). Під зірочкою розташований третій фактор — стимул, або тригер, який має бути присутнім, щоб вчинок був здійснений.
1. Мотивація скоєння действия. Використовуйте переконливий дизайн. Ваш блог має бути зовні привабливим, цікавим та захоплюючим. Великі зображення і заголовки, що кидаються в очі, зазвичай працюють дуже ефективно. 2. Можливість вчинення дії. Тут дуже важливі читабельність тексту та оптимальна швидкість роботи сайту. 3. Заклик до дії. Створіть тригер, який перекликався б із кінцівкою вашої статті.
Поведінка середньостатистичної людини досить легко передбачити, тому втіливши представлені вище ідеї в життя, ви досягнете того, що дизайн вашого блогу виглядатиме переконливо.
Висновок
Переконливий дизайн блогу – це результат копіткої роботи. Однак для цього вам не потрібно бути найкращим веб-дизайнером у світі. Вам лише необхідно зрозуміти, які фактори допомагають переконувати людей, а потім почати застосовувати засвоєні методики на практиці. Контент може впливати на аудиторію, але без продуманого дизайну всі спроби марні.