Анимированный прогресс-бар субъективно ускоряет загрузку

Интерфейсы*

На конференции ACM, посвящённой человеческому фактору в компьютерных системах, cпециалисты из университета Карнеги-Меллона представят интересное исследование, которое посвящено разнообразным визуальным иллюзиям для компьютерных интерфейсов.

Например, одна из иллюзий позволяет примерно на 10% «ускорить» прогресс-бар с помощью ритмичной анимации вдоль полосы загрузки (см. видео).

Имеется в виду сокращение субъективного времени. Как показали опыты, наблюдающие такой прогресс-бар люди говорят, что загрузка прошла примерно на 10,5% быстрее, чем те, кто наблюдал обычную полосу загрузки без анимации.

Учёные и раньше проводили эксперименты, которые подтвердили, что ритмичные стимуляции могут искажать восприятие времени у наблюдающего (PDF). И хотя конкретных исследований в области компьютерных интерфейсов ещё не проводилось, некоторые представители IT-индустрии начали уже сейчас эксплуатировать данную особенность человеческой психологии. Например, базовый вариант такой визуальной иллюзии внедрён в интерфейс операционной системы Apple Mac OS X.

Исследователи из университета Карнеги-Меллона поставили целью найти самый эффективный прогресс-бар, который бы максимально сильно искажал субъективное время пользователя. Они экспериментировали с разным ускорением и направлением волн. Обнаружилось, что наибольший эффект даёт ускорение волн справа налево. В этом случае прогресс-бар длительностью 16,75 секунд воспринимается по времени таким же, как обычная полоса загрузки на 15 секунд. В Mac OS тоже используется направление справа налево, но без ускорения.

via New Scientist Tech

+50

12 апреля 2010, 18:22

alizar 2224,8 G+

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.

комментарии (56)

diewer 12 апреля 2010, 18:27 #

Довольно интересно. Только возник вопрос, если сделать анимацию с право на лево — это увеличит субъективное время или нет?

TheMengzor 12 апреля 2010, 20:33 # ↑

Наверняка да, будет казаться, что полосочка убегает, сцуко, назад :-)

НЛО прилетело и опубликовало эту надпись здесь

+33

dennyoi 12 апреля 2010, 18:48 #

скачал pdf — прекрасный пример как можно высосать исследование на 100 с лишним страниц даже из весьма небольшого на вид пальца :)

Gorthauer87 12 апреля 2010, 18:49 #

А где же британские ученые?

+14

Constantin 12 апреля 2010, 18:59 #

не удевлюсь что это еще и патент M$, на котором было основано увеличение производительности windows vista

FinikWasHere 12 апреля 2010, 19:11 # ↑

В W7 используется новый прогресс бар, по которому раз в N секунд пробегает световая полоса с лево на право. Хочу сказать что это действительно заставляет думать что софт работает быстрее

Constantin 12 апреля 2010, 19:22 # ↑

меня раздражает, сильно, когда тупит на какой-то операции лучше бы стояла полоска. Хотя наверное уберегает от жмаканья кнопки отмена рядовым пользователем, показывая что машина трудится, а не зависла.

FinikWasHere 12 апреля 2010, 19:32 # ↑

ну там когда уже окончательный ступор у окна, при нажатии на него, происходит высветление цветов окна, мол оно не активно
тож кстати неплохо придумали

сам прогресс бар, думаю, все-равно лучше чем простой (хр) или такой как на видео выше

0re1 13 апреля 2010, 07:02 # ↑

Затемнение «висячих» окон уже давно было в Gnome.

FinikWasHere 13 апреля 2010, 09:09 # ↑

Угу, класно майкрософт с гнома спридумали идею, верно?

+18

lasthero 12 апреля 2010, 19:06 #

Красные машины ездят быстрее — DA RED GOEZ FASTA!!!

alt0172 12 апреля 2010, 19:16 #

По слову «внедрен» ссылка крутая. Пример анимированного прогресс-бара, расширение гиф, а кадр один. Смысл?

Kursk 12 апреля 2010, 20:56 #

Эх, гифы, гифы… А где же анимация?

ido 12 апреля 2010, 21:02 #

А можно курсором по кругу двигать. Учёные заметили субъективное ускорение загрузки в 5 раз!

jeka1202 12 апреля 2010, 23:01 # ↑

МИФЫ быстродействия:
Если на джойстике от сньки быстро жать шифты то игра грузится быстрее…
Если быстро нажимать кнопку вызова лифта, то лифт начнёт быстрее ехать…

nps 13 апреля 2010, 00:11 # ↑

Я в игрушке Fat Princess долбил по кнопке быстро-быстро, чтобы строителем строилось быстрее — и действительно строилось быстрее. Только надо просто зажимать кнопку.

А всё виноваты игрушки на платформах без кнопки Turbo. Слава денди, позор сони.

Monca 13 апреля 2010, 07:17 # ↑

на сеге был специальный джойстик с кнопкой турбо

ernt 12 апреля 2010, 21:02 #

В файрфоксе колечко загрузки на табе крутится резвее, чем в хроме – тоже ловил себя на мысли, что загрузка казалась быстрее :)

easy 12 апреля 2010, 21:11 # ↑

В Хроме два вида анимации загрузки страницы, медленно против часовой и быстро по часовой.

ernt 12 апреля 2010, 21:13 # ↑

Я писал про быстрый. Мне кажется, он чуть медленнее файрфоксовского. Возможно, причина в кружочках фф и сплошной окружности хрома.

Eamon 12 апреля 2010, 21:19 #

Кстати, университет Карнеги Меллона — светила в проектировании интерфейсов, именно здесь совершается огромное количество исследований в этом направлении.

rg_software 13 апреля 2010, 08:07 # ↑

Да, но в данном конкретном случае речь идёт не о том, как сделать пользователю удобно, а о том, как его нае.
В общем, не одобряю.

Levsha100 12 апреля 2010, 21:34 #

Очень интересно.
Нужно будет поэкспериментировать.

–1

HoochieMen 12 апреля 2010, 21:37 #

Исследование немного предсказуемо. Где то при прочтении заголовка понял, что все остальное высасано из него. Так и вышло

vlad1k 12 апреля 2010, 21:38 #

Одному мне кажется, что заполнение прогресс-бара должно отражать реальное положене дел, а не ускоряться или замедляться только из понятий, что так будет казаться, что он заполнялся меньше времени?

maovrn 13 апреля 2010, 09:38 # ↑

В идеале так и должно быть — для того прогресс-бар и придуман был. Но не всегда возможно узнать реальное положение дел. Вот веб-сайт послал аякс-запрос, там что-то быстро делается на серверной стороне. Никаких сложных действий, нет этапов, после которых можно было бы рапортовать о прогрессе, обработка запроса длится несколько миллисекунд. Ответ летит обратно. Но суммарно вместе с пересылкой запроса-ответа прошло уже больше секунды — заметно для человека. Если ничего не показывать, это будет выглядеть как подвисание интерфейса после каждого действия.

Alaunquirie 12 апреля 2010, 22:01 # ↑

Еще быстрее пона проходит, если ты спишь.

*она

Menjoy 12 апреля 2010, 23:24 # ↑

Тут скорее, если лекция тебе интересна, то она проходит быстрее. А чем чаще в скучной атмосфере поглядываешь на часы, тем время становится резиновее :)

Ex3NDR 12 апреля 2010, 21:55 #

по-моему это боянищщще))) исследование новое, м.б. да только факт очень понятный после пары минут в макоси

Vitvitsky 12 апреля 2010, 23:39 # ↑

ну знаете ли, это известный факт что «мигающий» прогресс-бар не ускоряет загрузки, но для самовнушения юзера пойдет, есть ощущение движения, знаете откуда пошла мода на установку зеркал в лифты? потому что они дают ощущения что в лифте не так уж и тесно(скорее побочный эффект), а изначально чтобы пользователям казалось что лифты едут быстрее, ссылку не приведу, но этот факт нам рассказывал препод по маркетингу

Ex3NDR 12 апреля 2010, 23:41 # ↑

для меня зеркало в лифте — это удобный способ привести себя в порядок перед выходом на улицу или перед входом в чужую квартиру))

underscorevint 12 апреля 2010, 22:02 #

Базовый вариант такой иллюзии внедрен в Mac OS X Tiger образца 2005 года, довольно своевременно

yans 12 апреля 2010, 23:21 #

Парсер лох?

yans 12 апреля 2010, 23:29 # ↑

Мы с ним не друзья.

yans.users.photofile.ru/photo/yans/2591589/xlarge/48928108.gif
Вот картинка, использующая похожий эффект, визуально кажется что она ускоряется, в действительности кадры идут с равным интервалом.

Vitvitsky 12 апреля 2010, 23:28 #

а я пальцем на мониторе отмечал(не вплотную, конечно), или курсор оставлял, если особо нудная загрузка/установка была =) типа думал что могу проследить прогресс действа

Dmitry_f 12 апреля 2010, 23:38 #

А если показывать видео в полосе загрузки, то вообще время загрузки не будет восприниматься.

GambiTst 13 апреля 2010, 00:12 # ↑

А какое видео можно разглядеть в полоске прогресса?

rogalsky 13 апреля 2010, 10:55 # ↑

а может туда рекламу впихнуть?

Dmitry_f 13 апреля 2010, 15:00 # ↑

Превью фильмов — легко )
Просто какую-нибудь не загружающую анимацию вместо прогресс-бара, например, как растет дерево, строится дом и т. п., в тематику сайта

GambiTst 13 апреля 2010, 19:15 # ↑

Я не особо связан с веб программированием, но кроме загрузки файла, я не представляю для чего нужны на сайте длительные прогресс бары. Соответственно на сайте строительной компании, где будет актуальна анимация строящегося дома, я не представляю себе место где там может потребоваться анимация.

Анимация связанная с тематикой, давно используется в играх. А в приложениях мне кажется она лишней.

Ну если только в 1C при формировании отчетов, сделать анимацию, как важный мужик тянется к банке с вазелином.

Dmitry_f 13 апреля 2010, 23:38 # ↑

Формирование списка, получение ответа от сервера при любом ajax взаимодействии, загрузка какого-нибудь цельного контента, работа с БД. Более-менее сложное взаимодействие будет есть время.
На статических сайтах этого конечно не нужно. Разве что заглушка на случай технических работ или «в разработке».
Плюс можно приспособить, как у википедии была цель дотациями накопить миллион долларов)

ilya_compman 13 апреля 2010, 00:31 # ↑

porn?

brut 13 апреля 2010, 00:13 #

«Учёные и раньше проводили эксперименты, которые подтвердили, что ритмичные стимуляции могут искажать восприятие времени...»

Мы с девушкой тоже проводили. Подтверждаю :)

Swart 13 апреля 2010, 00:20 # ↑

Порой такие исследования полезны и приятны.

iZENfire 13 апреля 2010, 01:20 #

Специально под это дело пересобрал gtk-engines2-2.18.5_2 со всеми его завимыми пакетами (eog-2.28.2_2, eog-plugins-2.28.1_2, evince-2.28.2_2, gnome-system-monitor-2.28.0_2, gtk-murrina-fancy-clearlooks-0.5_5, gtk-murrine-engine-0.90.3_3, librsvg2-2.26.0_4, nautilus-2.28.4_2 (команда portupgrade -fpr gtk-engines2-2.18.5_2) с флагом WITH_ANIMATION=true.

Прогрессбары темы MurrinaFancyGrass зашевелились даже в индикаторах плагинов System Load Monitor (xfce4-systemload-plugin-0.4.2_11) и Network Monitor (xfce4-netload-plugin-0.4.0_11), но по субъективным ощущениям ответная реакция системы замедлилась существенно.

Вернул как было (WITHOUT_ANIMATION=true).

investor 13 апреля 2010, 08:22 #

Ну скажите!!! КАААКК!!!
Ну как можно составлять 100-страничные отчеты не о чем???? Я всю тему в 2-3х страницах всегда выкладываю и потом набираю остальные тысячи вставляя воду. Зачем так у нас все устроилось? Не ну кааак?? информации вообще нет. оснавная инфа вкладывается в 1 фразу. И это ТАК смогли растянуть. Нет, я не против полных отчетов. Даже за. Но столько там тем затронули. Чуть до метафизики не дошло.

snch 13 апреля 2010, 11:21 # ↑

а, хм, вы действительно все 100 страниц прочли?

investor 13 апреля 2010, 14:07 # ↑

почти

Sauron 13 апреля 2010, 16:12 #

Ужасно. Элементарные вещи, о которых из экспертов по юзабилити софта и вебсайтов не писал наверно только ленивый, преподносятся как какие-то чёртовы открытия. Хватит сосать палец!

Leency 15 апреля 2010, 03:15 #

А есть подобный сайт на русском?

Adam_B 5 мая 2010, 15:41 #

«уже сейчас» для Apple — это уже почти 9 лет. Дизайнеры одной яблочной конторы поняли это задолго до «cпециалистоа из университета Карнеги-Меллона». И спасибо им за понимание таких мелочей.