Сторінки з довгою прокруткою
Сьогодні вже ніхто не сперечається, що сайти з довгим або, як його ще іноді називають, нескінченним скроллингом можуть бути дуже ефективними. Деякий час назад серед дизайнерів і маркетологів існувала думка, що найважливіший контент - заклики до дії, контактна інформація і т.д. повинен бути розташований на першому екрані, тому що користувачі не дуже люблять прокручувати сторінку.
Однак численні дослідження показали, що це абсолютно не так - люди із задоволенням Скролл сайти, за умови, що їх зміст цікаво і корисно. Ще в середині 90-х років це було нетипово, на за 20 років ставлення до довгої прокручуванні веб-сторінки кардинально змінилося. І сьогодні можна знайти безліч прикладів, що підтверджують, що нескінченний скролінг є дуже важливим елементом в веб-дизайні.
Запам`ятовувати ВІЗУАЛЬНИЙ РЯД
Відео: 7 прихованих функцій Комп`ютерної Миші
За допомогою довгої прокрутки можна створити вражаючий візуальний ряд, особливо, коли є що показати. Дизайнер повинен думати про те, в якому порядку розміщувати контент і інші елементи на сторінці, щоб користувач не втратив інтересу до вмісту і продовжував скролл сторінку до кінця.
Одним з кращих прикладів сайту з нескінченним скроллингом - Лендінгем Bounty Beverages. Дизайнер вибрав для фону насичений синій колір, підібрав вдалий шрифт для заголовків і підзаголовків і правильно визначив відстань між текстовими блоками. Цей сайт показує, наскільки ефективним і привабливим може бути даний тип веб-сторінок, якщо все зроблено правильно. Користувачеві цікаво прокручувати, незважаючи на те, що на сайті досить багато пустого місця. Але в ту секунду, коли користувач починає втрачати інтерес, відразу ж з`являється черговий текстовий блок, що розповідає про компанію Bounty Bev та її продукції.
Так як даний сайт є Лендінзі, то дизайнер повинен був подбати, щоб розмістити на сайті елементи, що закликають до дії. Сторінка містить їх в достатньому обсязі, щоб користувачеві було зручно взаємодіяти з сайтом. В самому кінці сайту розташована форма, за допомогою якої користувач може залишити відгук про компанії та посилання на сторінки бренду в соціальних мережах, яка прихована за анімованої картинкою автомобіля. При наведенні на картинку вантажівка їде і з`являється посилання - дуже дотепне і нераздражающее рішення!
Відео: Скріншот сторінки сайту | Скріншот екрану комп`ютера | Скріншот сайту з прокруткою
ЗБІЛЬШЕННЯ КОНВЕРСІЇ
Якщо посадкова сторінка була спроектована правильно, то користувачі будуть із задоволенням вивчати представлений на ньому контент і проводити на сайті більше часу. Помічено, що на Лендінзі з довгим скроллингом і цікавим контентом відсоток відмов менше, а це означає, що у маркетологів з`являється більше можливостей переконати відвідувача вчинити будь-яку дію: зареєструватися, підписатися на новини, придбати товар або замовити послугу. У зв`язку з цим виникає питання: що потрібно зробити дизайнерам, які хочуть підвищити залученість користувачів?
Є багато способів дізнатися, як саме поводяться користувачі сайту. Що можна з`ясувати? наприклад:
Відео: Як зробити скрін довгої сторінки. Програма для скріншотів
- кількість переглядів
- час, проведений на сайті
- частота відвідувань сайту
- взаємодія користувача з елементами на дисплеї
- кількість відмов
- рівень конверсії
Чим хороші сторінки з довгим скроллингом, так це тим, що на них можна розташувати досить цікавого контенту для того, щоб люди довше залишалися на сайті.
На сайтах з посторінковою навігацією завжди існує небезпека, що користувач просто не добереться до потрібної сторінки, втративши інтерес.
Будь-сайт розповідає якусь історію і, якщо дизайнер прийняв рішення робити сайт з довгою прокруткою, він повинен бути впевнений, що контент на ньому буде досить цікавим, щоб користувач обов`язково докрутили сторінку до кінця.
Розмітка СТОРІНКИ З ДОВГИМ Скролінг
Те, як саме розташовані окремі елементи на сторінці, істотно впливає на сприйняття сайту користувачами. Правильна розмітка - це ключ до успіху. Так як люди прокручують сторінку, то історія, розказана на сайті повинна бути логічною і всі елементи повинні розташовуватися таким чином, щоб у користувача не виникало почуття, що він чогось не розуміє.
Сьогодні все частіше можна зустріти Лендінзі з довгою прокруткою, які починаються з великої зображення. Крім зображення на першому екрані зазвичай розташовується логотип компанії і заклик ознайомитися зі змістом сторінки. Користувач крутить коліщатко мишки або прокручує сайт пальцем, так як від скролла до Скролл контент стає все більш цікавим. І так триває до самого кінця сторінки, де й потрібно вчинити будь-яку дію.
Дуже хорошим прикладом правильного підходу до створення довгого Лендінзі є сайт компанії Nest, що виробляє «розумні» термостати, якими можна управляти зі свого смартфона. Коли користувач починає прокручувати сайт, він отримує можливість дізнатися, як покупка термостат може спростити йому життя. Текстові блоки розташовані драбинкою і є сусідами з великими картинками, що ілюструють кожен пункт. Вся інформація розміщена так, щоб кожен раз, коли користувач прокручує сторінку, він дізнається щось цікаве і отримує запрошення ознайомитися з іншою, не менш цікавою інформацією.
МАЙБУТНЄ ЗА ДОВГИМ Скролінг?
Тренд на нескінченний скролінг існує досить давно. Такі сторінки ідеально підходять великим брендам, які в короткій і захоплюючій формі можуть розповісти людям про свої продукти або послуги. Дизайнери, яким подобається цей підхід до проектування, повинні сказати спасибі виробникам мобільних пристроїв - без смартфонів і планшетів довгий скролінг навряд чи коли-небудь став мейнстрімом.
Люди все частіше заходять в інтернет з мобільних пристроїв, тому дизайнерам довелося знайти спосіб, як краще за все потрібно відображати контент на маленьких і вузьких екранах. І нескінченний скролінг тут виявився просто незамінний - користувачеві потрібно просто прокручувати сторінку, знайомлячись з вмістом сайту. Довгі статті при цьому однаково добре виглядають як на робочому столі, так і на мобільних пристроях, а це означає, що у сайтів з довгим скроллингом безумовно велике майбутнє.
