Главный Каталог Статей РФ
85949 авторов, размещено 47073 статей, сейчас на сайте пользователей: 151 Статистика
Аватар akella07

Эффект Parallax и его значение для UI

Категория:  Интернет  | Автор:  akella07 | Опубликовано: 31.05.2018

Прокрутка с помощью эффекта 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.
Комментарии
К этой статье пока нет комментариев. Станьте первым! У нас гости не могут комментировать статьи. Пожалуйста авторизуйтесь или зарегистрируйтесь, чтобы прокомментировать.
Интересные статьи по теме
Аватар AnemoN
Накрутка лайков и подписчиков ВКонтакте Есть несколько хитрых и не очень методов, которые используются для т.н. "накрутки лайков".О заслуживающих внимания пойдет речь в этой статье....
Категория: Интернет | Автор: AnemoN | Добавлено: 17.02.2013
Аватар Jetti
Буксы — что это такое и как правильно выбрать букс для заработка Из-за коронавируса, "блуждающего" по всему миру вот уже второй год, у многих людей появилось огромное количество свободного времени. Одни стали тратить это время на хобби, другие — читать книги и смот...
Категория: Интернет | Автор: Jetti | Добавлено: 20.07.2021
Аватар Lizetta
Сколько времени уходит на создание сайта? Сколько времени тратит специалист на разработку сайта? В какой срок можно создать сайт и чем обуславливается это?...
Категория: Интернет | Автор: Lizetta | Добавлено: 03.06.2011
Аватар gul_itb
Как правильно представить информацию на сайте Зачем люди сидят в Интернете? В основном есть две причины – это развлечение и поиск информации. Ваш корпоративный сайт, конечно же тоже служит этим двум целям Интернет-общения. Даже бизнес-сайт о чем-...
Категория: Интернет | Автор: gul_itb | Добавлено: 26.10.2009
Аватар Marta22
Как улучшить страницу на сайте вконтакте Советы, как сделать страницу в vkontakte лучше...
Категория: Интернет | Автор: Marta22 | Добавлено: 21.08.2009
Лучшие авторы
Аватар vdovseva
Закончила ГИТИС, факультет театроведения, автор ст...

Читать

Аватар Nadezhda
Пишу быстро, качественно и уникально практически н...

Читать

Аватар barsikoff1
АВТОЗАПЧАСТИ ИЗ ЕВРОПЫ В НАЛИЧИИ И ПОД ЗАКАЗ. гАРа...

Читать

Аватар andreigu
Преподаватель академии, кандидат технических наук.

Читать

Аватар polvad
Люблю читать книги.

Читать

Свежие комментарии
Талантливый человек талантлив во всём! Будь как Паша! А ещё ты можешь ...

Читать

Можно выбрать.

Читать

Ой, шутник.

Читать

https://priornews.ru/zastrojshhik-iz-hmao-sravnil-ufas-s-prestupnoj-gr...

Читать

https://ura-news.turbopages.org/turbo/ura.news/s/news/1052688335

Читать

Напишите нам