Як проектувати скролінг на сайті
Нескінченний або довгий скролінг дуже швидко став стандартним елементом у навігації сайту.
Користувачі заходять на сайт, перш за все, у пошуках контенту. І скролінг допомагає їм знайти те, що потрібно.
Крім того, нескінченний скролінг створює лінійну структуру сайту, що може бути використане для створення та оповідання історії на сайті (сторітеллінгу). Одним із відмінних прикладів є сайтThe Boat (sbs.com.au/theboat).
Скролінг відкриває багато нових можливостей для дизайнера. Однак такий підхід не позбавлений недоліків. Він вимагає від розробників приділяти пильну увагу контенту, навігації та анімації.
Якщо ви вважаєте довгий скролінг хорошим вибором для вашого сайту, необхідно врахувати таке:
- Заохочуйте користувачів до скролінгу (прокручування) сайту;
- Правильно налаштуйте навігацію для скролінгу;
- Використовуйте анімацію, щоб збільшити тривалість перебування користувача на сайті.
У цій статті розглянемо деякі переваги та поради щодо конструювання правильного скролінгу на сайті.
Заохочуйте користувача до прокручування сайту
Незважаючи на те, що користувач починає прокручувати сторінку, як тільки вона завантажилася, дизайн першого екрану залишається вкрай важливим для ефективності всього сайту.
Контент і дизайн першого екрану створює перше враження користувача про сайт. Користувач користується скролінгом, якщо контент першого екрану обіцяє достатньо «цікавого» на сайті.
Надайте цікавий контент
Щоб бути впевненим, що користувач продовжить вивчення сайту, насамперед необхідно його зацікавити. Анайкраще із цим справляється цікавий, якісний контент.
Уникайте помилкового кінця сторінки
Область наприкінці екрана також створює основу майбутнього контенту. Нижня частина екрана повинна показувати користувачеві, що сторінка не закінчується, і що нижче є ще багато цікавої інформації.
Уникнути ефекту хибного дна досить просто - достатньо візуального покажчика про те, що сторінка тут не закінчується.
Іншим способом запропонувати користувачу скористатися прокручуванням є використання певних значків та іконок.
Налаштування навігації для скролінгу
Навігація або допомагає роботі користувача із сайтом, або заважає. Вкрай важливо, щоб навігація працювала правильно, тому що користувач повинен бути здатний швидко визначити своє місцезнаходження на сайті та знайти потрібну йому інформацію.
Залишайте меню видимим для користувача
Меню, що зникає внаслідок скролінгу, може перешкодити роботі користувача з сайтом, тому відмінним рішенням буде залишити його видимим завжди.
Розгляньте варіанти переходу
Ще однією важливою проблемою довгого скролінгу може стати деяка дезорієнтація користувача, якому важко знайти щось, що він нещодавно бачив на сторінці. Це може бути серйозною проблемою, якщо контент розбитий на безліч рівних за значимістю секцій чи блоків.
Сайт Tumblr для вирішення цієї проблеми вдався до використання покажчиків (крапок), які допомагають користувачеві орієнтуватися на сайті.
Анімація для збільшення тривалості прокручування
Враховуючи, що початковий інтерес користувача на сайті триває близько 8 секунд, використання анімації можезбільшити цей час багаторазово.
Висновок
У веб-дизайні подорож по сайту може бути такою ж приємною, як і місце призначення. Якщо користувачеві подобається інтерфейс сайту і він знаходить його інтуїтивно зрозумілим, то і заперечувати проти довгого скролінгу на сайт він так само не буде.