Каталог Статей
42978 авторов, размещено 43241 статей, сейчас на сайте пользователей: 25 Статистика
Аватар 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
Аватар Lizetta
Сколько времени уходит на создание сайта? Сколько времени тратит специалист на разработку сайта? В какой срок можно создать сайт и чем обуславливается это?...
Категория: Интернет | Автор: Lizetta | Добавлено: 03.06.2011
Аватар gul_itb
Как правильно представить информацию на сайте Зачем люди сидят в Интернете? В основном есть две причины – это развлечение и поиск информации. Ваш корпоративный сайт, конечно же тоже служит этим двум целям Интернет-общения. Даже бизнес-сайт о чем-...
Категория: Интернет | Автор: gul_itb | Добавлено: 26.10.2009
Аватар Marta22
Как улучшить страницу на сайте вконтакте Советы, как сделать страницу в vkontakte лучше...
Категория: Интернет | Автор: Marta22 | Добавлено: 21.08.2009
Аватар seoeskiz
Какую информацию обязательно нужно разместить на сайте визитке Необходимый минимум информации. Какую информацию обязательно нужно разместить на сайте визитке каждый выбирает сам, но можно сформировать некоторый устоявшийся ее перечень: ...
Категория: Интернет | Автор: seoeskiz | Добавлено: 29.07.2010
Лучшие авторы
Аватар А.Шмойлов
Пишу, разное и о разном)

Читать

Аватар Светлана Несторович
Закончила институт, проработала в нескольких орган...

Читать

Аватар strega
Универсальные Терминал Системы молодая компания, у...

Читать

Аватар slawa100
Мастер

Читать

Аватар Юрий1234
Люблю рыбалку, спорт и путешествия.

Читать

Свежие комментарии
Молодец Ваш учитель! По больше бы нам таких профессионалов!

Читать

У меня эректильная дисфункция. Когда к сексу приступаю, через некоторо...

Читать

Неожиданный взгляд на серьезную проблему. Ю. Савинский

Читать

Очень интересно. Надо бы развить возвращение в наше время. Хотя это, м...

Читать

Моя бабушка растирает коленный сустав бишофит гелем. Говорит, что помогает

Читать

Напишите нам