Рэйчел Нэйборс

Рэйчел Нэйборс — разработчик, автор
пособия «Анимация в действии», основатель
одноименного Slack-канала и приглашенный
эксперт Консорциума W3C. В разное время
занималась внедрением стандартов веб-анимации в Mozilla и Microsoft.

rachelnabors.com

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

Но в промежутке между 2004 и 2005-м все изменилось: Google запустил веб-приложения Gmail и Google Maps. Они первыми полноценно использовали DOM и AJAX — инновационные фичи, которые появились в новом браузере Internet Explorer. Технология DOM (объектная модель документа) позволяет браузерам изменять структуру страницы, а AJAX (асинхронный JavaScript) дает возможность страницам обновляться без перезагрузки.

Карты Google позволяют находить объект на местности, увеличивать и уменьшать масштаб, а также делиться ссылкой, показывающей положение точки на карте. Плюс отрисовка карты постоянно меняется, в то время как пользователь «двигается» по ней в поисках объекта. Все это реализовано при помощи анимации. То же и с Gmail: почта научилась обновляться автоматически и показывать поступающие письма в режиме реального времени. В прошлом для этого нужно было либо ставить дополнительную программу, либо обновлять страницу вручную.

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