20 простих способів зробити свій сайт зручнішим для користувачів
Так і з сайтом – трохи більший розмір шрифту, «хлібні крихти», зручний пошук та фільтри, оптимізовані скрипти, та безліч інших дрібниць, у сукупності, дозволяють зробити взаємодію з ним для відвідувача комфортним, як ніколи раніше.
У цьому пості, ґрунтуючись на власному досвіді, я вирішив зібрати колекцію таких «лайфхаків», використання яких не потребує великих вкладень. Але, займаючись їхньою поступовою реалізацією на практиці, ви зможете зробити свої сайти по-справжньому зручними.
Адаптуйте під мобільні. Здавалося б, дивно нагадувати про це у другій половині 2016 року. Ще дивніше бачити, що кожен другий (якщо не більше) сайт, який приходить на просування, все ще не має адаптивної версії дизайну.
У деяких тематиках обсяг мобільного трафіку вже наблизився до 30% від загального і продовжує зростати.
Покращуйте швидкість завантаження. Час, який потрібний для завантаження сторінок сайту, стає критично важливою метрикою в сучасному Інтернеті. Повільна робота сайту негативно впливає на відсоток відмов, а з недавніх пір – і на ранжування в пошуку принаймні якщо говорити про Google.
Зробіть тексти читабельними. Структуруйте тексти на сторінках за допомогою абзаців, списків, виділень та інших елементів форматування. Уникайте використання довгих простирадл суцільного тексту, ключові моменти в якому не виділено.
Якщо потрібно, збільште розмір шрифту, а колір зробіть більш комфортним для читання на фоні. Читати можна навіть зелений текст на чорному тлі, але дуже недовго.
Навігація має бути продуманою. Якщо посилань у меню небагато – виводимо їх у бічну панель. Якщо десятки – групуємо по меню, що випадає. Переконайтеся, що всеактивні посилання працюють.
Не перетворюйте пошук потрібної інформації на своєму сайті на квест для відвідувачів. Дайте їм можливість знайти те, що вони шукають якнайшвидше.
Додайте хлібні крихти. Або «breadcrumbs», якщо англійською. Це спеціальний тип навігаційного меню, який показує користувачеві, на якій сторінці сайту він зараз знаходиться. Інформація відображається з урахуванням структури веб-проекту.
Дуже зручна штука для сайтів із великою кількістю розділів та сторінок різного рівня вкладеності. Кожен елемент, крім останнього, є активним посиланням.
Пошук на всіх сторінках. Якщо на вашому сайті сотні і навіть тисячі сторінок, можливо, користувачеві буде зручніше просто вбити потрібний запит у рядок пошуку, ніж шукати інформацію вручну. Обов'язково реалізуйте рядок для пошуку, і зробіть його доступним на всіх сторінках.
Не переборщіть з дизайном. Якщо ви хочете зосередити увагу відвідувача на тому, що дійсно важливо (контент, продукт), зробіть так, щоб ніщо інше не відволікало його. Уникайте перевантаженості в дизайні та використання більш ніж двох-трьох основних кольорів в оформленні.
Додайте кнопку «Вгору». Її натискання запускає автопрокрутку на початок сторінки, без необхідності скролити вручну. Простий спосіб зробити читання довгих статей та інших сторінок з більшим обсягом контенту, зручнішим.
Використовуйте зображення у тексті. Читати текст, який супроводжується грамотними та якісно підібраними ілюстраціями – куди більше задоволення, ніж статтю, в якій крім великої картинки нічого немає. Адже правду кажуть, що краще один раз побачити, ніж сто разів почути.
Заберіть неробочі посилання. Навряд чихтось із користувачів буде радий тому, що сторінки, за посиланням не яку він перейшов, немає. Простіше кажучи, неробочі посилання дратують.
Знайти їх на сайті можна за допомогою спеціальних програм-аналізаторів або у звіті «Помилки сканування» в Google Search Console.
Проаналізуйте відсоток відмов. Перейдіть до Google Analytics та у звіті «Поведінка -> Контент сайту -> Усі сторінки», перегляньте показник відмов, відсортувавши від більшого показника до меншого.
Спрощуйте, де це можливо. Найпопулярніші сайти у світі мають дуже простий дизайн та інтерфейс. Достатньо подивитися на Google і Вікіпедію, як приклад. Люди – істоти ліниві, тому простота дає ще одну перевагу – чим коротший і простий шлях до мети на вашому сайті, тим більше людей його пройде.
Додайте інтерактивність. Зробіть деякі елементи на сайті інтерактивними, щоб знав, що він може з ними взаємодіяти. Наприклад, при наведенні курсору або натисканні, іконки можуть змінювати колір, пункти меню – підсвічуватись, запити автоматично підставлятися під час введення у рядок пошуку тощо.
Ефект Lightbox. Трішки магії CSS дозволяє реалізувати на сайті цікавий ефект, який використовується для відображення зображень більшого розміру на сторінках. Суть його в тому, що при натисканні на зменшений знімок, фон сторінки затемняється, а фотографія відкривається у спеціальному модельному вікні у повному розмірі.
Не бійтеся наслідувати. Складно покращити те, що саме собою вже й так є найкращим рішенням. Не завжди потрібно створювати щось нове з нуля, винаходячи велосипед. Іноді, у конкурентів можна підглянути відмінні рішення, і просто адаптувати їхпід себе.
З прицілом на користувача
Зручність для відвідувачів відіграє життєво важливу роль для будь-якого типу сайту, особливо якщо йдеться про комерційні проекти. Домогтися цього – не найпростіше завдання, але вам це цілком під силу, якщо скористаєтеся тими порадами, які я перерахував вище.
Звичайно, це далеко не вичерпний перелік. Щоб зрозуміти, що ще можна покращити, спробуйте подивитися з погляду відвідувача: що працює чудово, а що не дуже? Чи є щось, що ви хотіли б змінити? Можливо, чогось не вистачає?
Цілком можливо, що пошук відповідей на ці питання допоможе вам знайти дуже цікаві рішення. У будь-якому випадку, насамперед прагнути потрібно не до нарощування функціоналу, а до підвищення зручності роботи того, що вже є.
А ви як вважаєте, що варто додати до перерахованих пунктів?