«Пожалуйста, подождите ...», «Загрузка», «Сохранение», «Создание» реализаций

Question

В браузерах, использующих HTML, Ajax или YUI (JavaScript в целом), каковы успешные и предпочтительные реализации «пожалуйста, подождите, мы работаем над вашим запросом»?

Дополнительный контекст заключается в том, что веб-приложение, над которым я работаю, имеет несколько запросов, для которых может потребоваться значительное время ввода-вывода / процессора (10–30 секунд), а также необходимо сообщить пользователю, что мы получили ваш запрос и над которым мы работаем это.

Изменить: Еще один аспект, вы видели реализацию сайта, которая впечатляет вас? Пример, который вам нравится

Answer 1

Для чего-то, что занимает столько времени, вы должны использовать индикатор выполнения или аналогичный. Например:

• JQuery http://jqueryui.com/demos/progressbar/
• Dōjō http://dojocampus.org/explorer/#Dijit_Progress%20Bar_Typing%20Monitor
• YUI http://developer.yahoo.com/yui/examples/container/panel-loading.html

Answer 2

Сделать индикатор: очевидным, заметным и появляться либо всегда в одном и том же месте, либо с помощью элемента управления, по которому щелкнули, чтобы инициировать действие. В зависимости от аудитории вашего приложения, в настоящее время вездесущий «круг загрузки» делает свое дело, но не мешает добавить «Загрузка ...» рядом с ним.

Answer 3

В общем, вы бы поместили там блокирующий оверлей с вращающимся колесом / пульсатором в качестве индикатора занятости. Dojo предлагает некоторые готовые инструменты: Занятая кнопка и более общие Режим ожидания .

Answer 4

@ vartec предоставил канонический пример YUI. Отличный испанский разработчик по имени Satyam также имеет реализацию YUI, которая представляет интерес, если вы можете предоставить отзыв о ходе выполнения в то время, когда вы просите пользователя подождать.

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