У процесі роботи з WordPress досить легко звикнути до всіх знайомих лінійних елементів та звичних застарілих шаблонів оформлення. Тим часом все більше дизайнерів розробляють нові й нові свіжі шаблони для блогів, які все більше залучають користувача, дозволяють використовувати сайт ефективніше і зробити його дружнім для користувача. Перед вами 7 підказок для тих, хто хоче вичавити максимум з інтерфейсу користувача вашого блогу.
1. Зберігайте елементи навігації на звичних місцях
Велика спокуса поекспериментувати з класичними шаблонами та структурою навігаційної панелі на сайті: з розташуванням рядка у верхньому правому кутку, навігаційних стрілок у верхній частині сторінки та багатьох інших елементів, до яких ми вже давно звикли. Розташування таких звичних елементів міняти не слід; але творчий підхід варто зосередити на зручності та швидкості навігації, а не на "прикрасах" та експериментах.
2. Проявіть творчий підхід
Якщо класичні елементи навігації ми дали спокій у плані структури та розташування, то треба проявити творчий підхід та персоніфікацію в іншому. Приклад: сайт Нарвал, на якому звична горизонтальна навігаційна панель у верхній частині сайту виглядає ново та свіжо завдяки гарним іконкам:
3. Максимально спрощуйте
Якщо ви керуєте сайтом у сфері електронної комерції, будь-які ускладнення та заплутана структура лише зашкодять вам. Всі свої дизайнерські рішення варто вибирати таким чином, щоб суттєві елементи були згруповані, а структура була зрозумілою та простою. Сайти, на яких зберігається безліч інформації, варто оснастити ієрархічною структурою та ясністю до представлення елементів.
Приклад: каталог продукції на сайті Zara, на якому представлено максимум інформації на чистій та простій сторінці з використанням виправданого мінімалізму. На сторінці використовується монохром у колірній схемі та виділення блоків з найважливішими деталями (включаючи вартість товару), білі поля та множинні меню.
4. Виділяйте різні частини тексту
Один із способів для візуального залучення читачів вашого блогу – це поділ тексту на абзаци, блоки за рахунок заголовків, підкреслень, цитат тощо. Приклад: сайт Стара гвардіяде всі ці елементи використовуються найкращим чином. Тут використана суміш із шрифтів зарубка и без зарубок, виділення великими літерами, курсивом, типографіка з використанням класичних стандартів, проста колірна схема на основі сірого, чорного та яскраво-блакитного. Також використовується чітка айдентика та білі простори для візуальної структуризації тексту та графіки на сторінки, що робить кожен пост зрозумілим та простим для прочитання.
5. Розбавте текст візуальними елементами
Додавання графіки и зображень до ваших статей та сторінок — ще один критично важливий елемент, який допоможе вам зробити ваш сайт зручнішим для читання та регулярного використання. На практиці це означає, що підхід включає один із 4-х наступних елементів:
- Іконки та інфографіки
- ілюстрації
- Фотографії
- Креативні шаблони виведення даних
Більшість сайтів з відмінним дизайном використовують поєднання кількох або всіх згаданих елементів та технік.
6. Ілюстрації, інфографіки, іконки
Ось це практичний посібник з хмарних технологій використовує комбінацію із класичних ілюстрацій та інфографіки, а також іконки в оформленні документа. Інфографіка — відмінний спосіб подання інформації, який дозволяє легко прочитати дані та подати їх у цікавому ключі, а багато блогів можуть легко використовувати цей формат надання даних у візуальному вигляді. Один із прикладів такої інфографіки – надання даних опитування з використанням максимуму вигод від простоти надання інформації у візуальному форматі:
7. Шаблони, теми оформлення, візуальне подання контенту
Розташування традиційних елементів блогу у шаблоні оформлення можна урізноманітнити за рахунок візуального представлення контенту. Вибір шаблону оформлення – непросте завдання, але зараз є безліч тем для WordPressякі допоможуть вам оформити ваш блог.
Приклад: ось блог The Glamourai, в якому використовується ієрархічна структура при розташуванні та виборі розміру елементів. Для виділення чіткості структури автори відійшли від стандартного лінійного виведення матеріалів.
А от сайт з ще більш модульним та складним форматом виводу для контенту. Шаблон розділяє весь простір у незвичайній манері, але при цьому категорії організовані зрозумілим чином.
Висновок
Хоча й важливо дотримуватися підказок, про які йшлося в цій статті, це зовсім не означає, що вибираючи дизайн для WordPress, треба зупинятися тільки на цьому: найбільш важливо зробити так, щоб у вас вийшов функціональний сайт, на якому користувач потрапляє туди, куди чекав потрапити, і міг робити те, що звик робити. Перш ніж оптимізувати свій сайт, переконайтеся, що у вас є всі необхідні для цього ресурси та платформа.
Джерело: WPLift.com
Коментарі до запису: 1
Чудова добірка