Никто из вас никогда не задумывался о полосах ожидания — прогрессбарах? Ведь прогрессбары — весьма и весьма важны.
Знакомство
Пользователь запускает программу, веб приложение, которое настолько “тяжело” что просто не может загрузиться сразу. И пользователь начинает повсюду непроизвольно щелкать своей мышкой, так как думает, что компьютер просто-напросто “повис”… Что делать? Первая мысль — надо сообщить пользователю, что компьютер “думает” — и предложить ему подождать окончания загрузки. То есть — вывести какое-нибудь сообщение, например, “Loading, please wait.”
Так уже гораздо спокойнее — и пользователь уже не нервничает. Но тут есть еще один момент — пользователи нетерпеливы. Никто не может предсказать, сколько это ваше “Loading” может длиться — миуту, пять минут, вечность? А вот тут на помощь приходят прогрессбары.
Показатель прогресса
Прогрессбар представляет собой картинку, как-то меняющуюся. Причем, меняется картинка далеко не обязательно в зависимости от “Прогресса загрузки”. То есть прогресбары бывают двух типов — я по привычке зову их “статическими” и “динамическими”.
Статический прогрессбар — это картинка, не меняющаяся в процессе загрузки. Такие картинки добавляют дополнительную “динамику” процессу ожидания пользователем окончания загрузки — но при этом совершенно не завися от прогресса собственно loading-а. Классический пример — на телефонах Sony Ericsson T200, помнится, при отпправке СМС-сообщения выдавалось полоска, по которой ползала другая. Это раздражало, да, но пустая надпись “отправляем” раздражала бы еще сильнее. А вот на телефонах Siemens —изображено два телефона с “порхающим” меж ними посланием — и это гораздо нагляднее и приятнее. Я к чему это говорю: пользователю обязательно нужно видеть какой-то прогресс. Видеть, что компьютер или приложнин не “зависло” а просто очень занято.. И это несмотря на то, что некоторые программы умудряются “зависать” показав нам статический прогрессбар…
Динамический — прогрессбар, внешний вид которого зависит не только от наличия процесса загрузки, но и от его, процесса, хода. За примером ходить далеко не надо — достаточно просто скопировать что-нибудь куда-нибудь в вашей ОС — и Вы непременно увидите окошко вроде этого:
Здесь прогрессбар представляет собой классическую “полосу загрузки”, которая “заполняется” с ходом установки.
Вот такой прогрессбар, особенно если он подвижен (Полоска таки “заполняется”) — сразу же вызывает мысль “Ага, надо подождать.” Тем более, если указаны какие-нибудь относительные единицы, например, проценты.
Немножко о форме
А кто сказал, что обязательно “полоски”? Кому мы обязаны делать загрузку в виде заполняющейся полоски? Это ведь просто скучно…
Самый простой пример — слово Loading с меняющимся троеточием. Все просто и наглядно
Другой такой пример — наверное, самый первый из статических прогрессбаров — вращающийся слэш в DOS-е.
Любимые “вертушечки” АЯКС-а, его полосатенькие полосочки, мигалочки… Это все — статические прогрессбары, которые воспринимаются даже без сопроводительного текста:
А форма может быть произвольной, лишь бы менялось циклично. Вот вам пример (Adult Warning! Только с 18 лет!)
А что же динамические? Они также могут выглядеть как угодно. Это может быть просто полоска, как в ОС. Может быть какая-нибудь спираль или окружность:
Немножечко примеров:
Этим прогрессбаром, принадлежащим онлайновому фотошопу, Adobe взорвала мой мозг, заставив задуматься о прогрессбарах и их стилях. Этот вот, например, в духе CS3 — очень тонкий, рельефный и светящийся. Он ОЧЕНЬ нагляден, и так и хочется дождаться окончания загрузки….
А так инсталлируется Adobe CS3. Просто Brilliant, не правда ли?
Если оглянуться вокруг – можно обнаружить массу интересных примеров. Например, в Windows Media Player-е прогрессбар/бегунок тоже весьма красив
