Наиболее полезная анимация в веб или настольном приложении

Question

Многие анимационные эффекты просто бесполезны, но в некоторых ситуациях анимация эффективно сообщает пользователю о происходящем. Какие ваши любимые виды анимации и какой тип анимации вы бы использовали?

Например: анимировать элементы вниз при добавлении нового элемента в список

Answer 1

Есть очень хорошая статья Бена Бедерсона и Анджелы Болтман, в которой они оценивают влияние анимации на способность пользователя создавать мысленную карту информации в пространстве:

Answer 2

Мне очень нравится использование Google Chrome при загрузке файла. Трудно описать, но это круг, который заполняет, как круговая диаграмма, в процессе загрузки, и круг перекрывается значком загружаемого файла. Очень гладко.

Один пример, который я могу вспомнить, - это анимация, используемая операционными системами, когда вы минимизируете окно.

Microsoft Windows и Apple OS X анимируют окно, переходящее к панели задач (или Dock в OS X), чтобы показать пользователю, куда ушло окно. В противном случае у начинающих пользователей, которые случайно столкнулись с минимизацией, могут возникнуть проблемы с возвратом окна.

Я не использую Linux, но я уверен, что он делает то же самое. Я не веду себя дискриминационно =)

С enjoy3d.com

enjoy3d.com http://worldsware.com/images/mouse.gif

Нажмите кнопку мыши

и двигайся, чтобы осмотреться.

Я считаю, что все визуальные изменения не должны быть быстрыми. Будь то уведомление о состоянии, окно развернуто / свернуто или данные удалены / добавлены. Я не могу найти ссылку, но обычно рекомендуется, чтобы все анимации не длились около 1-2 секунд, что соответствует времени реакции человека.

Мое любимое использование анимации не в коммерческом программном обеспечении (хотя Apple это хорошо умеет), а в исследовательской работе под названием Phosphor , который я считаю одной из замечательных идей пользовательского интерфейса, которые еще не реализованы в основных операционных системах.

Загрузка GIF-файлов AJAX - у вас должен быть индикатор, который Вы определенно зарегистрировали событие, и вы что-то делаете для этого

Индикаторы прогресса хороши для вещей, которые занимают больше минуты или двух, но только когда они точны. На мой взгляд, неточный индикатор выполнения хуже, чем ничего.

Answer 3

Мне очень нравится использование Google Chrome при загрузке файла. Трудно описать, но это круг, который заполняет, как круговая диаграмма, в процессе загрузки, и круг перекрывается значком загружаемого файла. Очень гладко.

Answer 4

Один пример, который я могу вспомнить, - это анимация, используемая операционными системами, когда вы минимизируете окно.

Microsoft Windows и Apple OS X анимируют окно, переходящее к панели задач (или Dock в OS X), чтобы показать пользователю, куда ушло окно. В противном случае у начинающих пользователей, которые случайно столкнулись с минимизацией, могут возникнуть проблемы с возвратом окна.

Я не использую Linux, но я уверен, что он делает то же самое. Я не веду себя дискриминационно =)

Answer 5

С enjoy3d.com

enjoy3d.com http://worldsware.com/images/mouse.gif

Нажмите кнопку мыши

и двигайся, чтобы осмотреться.

Answer 6

Я считаю, что все визуальные изменения не должны быть быстрыми. Будь то уведомление о состоянии, окно развернуто / свернуто или данные удалены / добавлены. Я не могу найти ссылку, но обычно рекомендуется, чтобы все анимации не длились около 1-2 секунд, что соответствует времени реакции человека.

Мое любимое использование анимации не в коммерческом программном обеспечении (хотя Apple это хорошо умеет), а в исследовательской работе под названием Phosphor , который я считаю одной из замечательных идей пользовательского интерфейса, которые еще не реализованы в основных операционных системах.

Answer 7

Загрузка GIF-файлов AJAX - у вас должен быть индикатор, который Вы определенно зарегистрировали событие, и вы что-то делаете для этого

Answer 8

Индикаторы прогресса хороши для вещей, которые занимают больше минуты или двух, но только когда они точны. На мой взгляд, неточный индикатор выполнения хуже, чем ничего.