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