Незалежно від рівня оптимізації, якщо користувач відчуває дискомфорт, він негайно залишає сайт. Вирішення проблем зручності використання може покращити поведінкові фактори, а отже, видимість вашого сайту.
1. Меню та навігація по сайту:
Завдання меню – представити користувачеві основні частини сайту та полегшити навігацію. Складаючи часткові списки, треба уникати надто складних або двозначних назв.
Де можна скористатися горизонтальним меню?
Таке меню буде природно виглядати на сайті або порталі компанії, присвяченому певній тематиці.
перевага:
• Займає менше місця, ніж вертикальний;
• Не потрібно прокручувати.
недолік:
• Предмети зліва привертають більше уваги;
• Швидкість, що сприймається, нижча, ніж вертикальна швидкість.
1.2 Де можна використовувати вертикальне меню?
Такі меню ідеально підходять для великих інтернет-магазинів або порталів з великою кількістю розділів.
2. Який шрифт використовувати:
Красиві шрифти – не примха дизайнерів. Вони роблять процес читання комфортнішим. Сам текст може бути написаний профільним експертом і ідеально відповідати на запитання користувача. Але погана типографіка може перешкоджати розумінню та розпізнаванню вмісту. Користувачам Windows знайомі з Arial, Tahoma, Verdana, Times New Roman, Georgia, Courier та багатьма іншими нестандартними шрифтами. Вони встановлені за замовчуванням. Їх аналоги використовуються на платформах UNIX. Це правда, що ці шрифти виглядають не зовсім так, як шрифти в Windows, і не всі нестандартні шрифти мають еквіваленти.
Найпростішим рішенням є використання шрифту з Google Fonts. Вони легко підключаються, плюс в комплекті немає неякісних навушників. Основною пропозицією є використання шрифту із засічками/без засічок для комбінації заголовка/основного тексту. Наприклад, Antiqua для основної копії та Grotesque для заголовків.
2.2 Вертикальний ритм тексту:
Око звикає до постійного розміру міжрядкового інтервалу. Дотримання співвідношення інтервалів може покращити читабельність тексту. При розробці веб-сайту рекомендується встановити розмір шрифту та міжрядковий інтервал таким чином, щоб усі текстові елементи помістилися в горизонтальну сітку.
2.3 Оптимальна довжина лінії:
Щоб читач не втомлювався, рядок не повинен бути ні занадто коротким, ні занадто довгим. Краще використовувати вирівнювання по лівому краю, а не по всій ширині екрана. Під час вирівнювання за шириною через різну довжину слів часто виникають надмірні прогалини, особливо на мобільних пристроях із малою довжиною рядків.
3. Коли використовувати кнопку?
Кнопки рекомендуються використовувати, коли потрібно змусити користувача виконати важливу дію (CTA) – зареєструватися, купити, завантажити.
Узагальнюємо всі рекомендації:
1. Використовуйте горизонтальні меню на веб-сайтах, присвячених певним темам, або порталах компаній.
2. У горизонтальних меню розмістіть важливі пункти зліва.
3. Використовуйте вертикальні меню для великих інтернет-магазинів або порталів з великою кількістю колонок.
4. Якщо відвідуваність веб-сайту збільшилася, меню слід розмістити праворуч, оскільки більшість користувачів уже знайомі з різними частинами веб-сайту.
5. Використовуйте шрифти Google Fonts для однакового відображення на різних платформах (Mac, Windows, UNIX, Ubuntu).
6. Комбінуйте шрифти із зарубками/без зарубок для заголовка/основного тексту.
7. При розробці веб-сайту рекомендується встановити розмір шрифту та міжрядковий інтервал таким чином, щоб усі текстові елементи помістилися в горизонтальну сітку. Таким чином, дотримується вертикальний ритм тексту.
8. Щоб перевірити контраст шрифту/тла, зробіть знімок екрана сторінки та перетворіть зображення на відтінок сірого в будь-якому редакторі. Якщо текст легко читається, то контрасту достатньо.
9. Щоб не втомлювати читачів, рекомендується встановити довжину рядка на робочому столі 60-75 символів.
10. Використовуйте вирівнювання тексту в лівій частині екрана, щоб уникнути великих пробілів між словами під час відображення на мобільних пристроях.
11. Ніколи не підкреслюйте виділений текст.
12. Кнопку з важливим закликом до дії пропонується розмістити в правому, четвертому квадраті діаграми Гутенберга.
Ці спостереження не претендують на роль вичерпного керівництва у кожному конкретному проекті можливі різні варіанти, але варто не нехтувати такими зауваженнями, тим паче якщо ви не дизайнер інтерфейсів і вперше почали займатися покращенням та не можете зрозуміти з чого почати чи де дивитись.