Ефект Parallax і його значення для UI
Прокрутка за допомогою ефекту Parallax стає все більш популярною стратегією у веб-дизайні. Крім своєї здатності підвищувати залучення користувачів у возаимодействие зі сторінками веб-сайту, прихильники техніки стверджують, що вона також покращує загальний користувальницький інтерфейс(UI) і зручність роботи з ним(UX).
Що зазвичай хороший веб-дизайнер враховує при верстці? Ось короткий і не повний список:
зручність інтерфейсу і його зрозумілість
проста структура
привабливість дизайну
вовлекаемость користувача за допомогою правильної розстановки інформаційних блоків
Але наскільки має сенс стверджувати, що прокрутка з ефектом паралакса здатна впливати на UX?
Вісімдесят шість чоловік були відібрані випадковим чином і розподілені на дві експериментальні групи. Учасники з кожної групи виконали три завдання на одному з двох веб-сайтів, які були ідентичні у всіх відносинах, крім прокрутки. У той час як група 1 взаємодіяла з веб-сайтом, який використовує ефект паралакса прокрутки, група 2 побачила веб-сайт з звичайним скролінгом. Всі учасники пройшли опитування після виконання своїх завдань.
Був проведений тест для порівняння відповідей учасників опитування щодо ступеня незадоволення або задоволення від взаємодії з веб-сторінкою. Проте він не виявив жодних значних відмінностей між групами, за винятком «паралакс це більш цікаво» і “це показує, що сайт використовує професійний дизайн”. Тобто, учасники вважають, що веб-сайт, який використовує прокручування паралакса, був значно більш захоплюючим та видавався більш професійно. В цілому ж прокрутка паралакса не значно покращила загальний користувальницький досвід; однак вона поліпшила деякі аспекти користувальницького інтерфейсу.
Як ми впливаємо на вибір продукту користувачем або досвід споживача з конкретним продуктом або веб-сайтом? На зорі інтернету та веб-дизайну увагу було
особливо сфокусовано на зручність використання веб-сайтів, а більшість методолгий дизайну зосереджено на таких елементах, як розмір шрифту, простота використання, розмір кнопки і т. д. Однак сьогодні акцент змістив фокус з функціональності і прагматичних якостей продукту емоційного досвіду, отриманого при взаємодії з цим продуктом. Цей досвід є важливим елементом успіху будь-якого продукту або інформаційної системи.
Прокрутка Parallax стала дуже популярною технікою ??веб-дизайні за останні кілька років. На момент написання цієї статті, швидкий пошук в Google на запит
«Прокрутка паралакс» дасть величезну кількість сторінок, що показують веб-сайти, які в даний час використовують її щоб покращити вигляд та інтерактивність свого веб-сайту і залучити відвідувачів. Ефект паралакса прокрутки дозволяє переміщати кілька фонів на веб-сторінці
одночасно на різних швидкостях для створення 3D-сприйняття, тим самим збагачуючи візуальний досвід. Крім естетичної привабливості, прокрутка паралакса дає веб-дизайнерам можливість безпосередньо привернути увагу користувачів і направляти їх на свої продукти або мотивувати до конкретних дій. Наприклад, дизайнери можуть створювати історії, які захоплюють і змушують користувача
прокручувати веб-сторінку або демонструвати користувачам функціональність продукту в анімованому режимі. Багато веб-дизайнери вітають прокручування паралакса як інструменту, потрібного для поліпшення взаємодії користувача з веб-сайтом, але із-за його низької продуктивності інші стверджують інакше.
Дослідження показують, що зазвичай потрібно 50 мілісекунд для створення враження від веб-сайту та рішення, чи подобається користувачеві (Lindgaard, Fernandes, Dudek, & Brown, 2006). Однак для того, щоб ефект паралакса прокрутки працював, всі елементи сторінки та файли повинні бути завантажені з сервера на веб-сторінку, перш ніж користувач зможе почати перегляд веб-сторінки. Залежно від розміру та кількості елементів сторінки завантаження сторінки може тривати від кількох секунд до хвилини. Залежно від цілей користувача, це може визначити, чи продовжує він / вона розміщена на веб-сторінці або перейде на інший веб-сайт. Хоча були виявлені схожості між юзабіліті і естетикою, коли веб-сайт використовувався в утилітарних цілях, дослідження показало інший результат – коли цілі використання є гедоническими (Hassenzahl, Kekez, & Burmester, 2002).
Таким чином, якщо Ви в роботі використовуєте ефект паралакса – подбайте і про кешировании сторінки, і стисненні скриптів для досягнення максимального ефекту при впливі на відвідувача сторінки.
З питань створення та розробки сайтів консультував UI/UX dev студії Digital art Israel.