Команда Material Design выяснила, какая анимация перехода в приложениях больше всего нравится пользователям Android

Команда Material Design компании Google провела исследование пользовательского опыта (UX), посвященое тому, какая анимация перехода больше всего нравится людям в приложениях на Android.

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

Представьте, что вы просматриваете меню ресторана на своем телефоне и нажимаете на одно из блюд. Что должно произойти?  Должно ли описание блюда появиться мгновенно, или карта, на которую вы нажали, должна анимироваться, расширяясь, чтобы показать дополнительные детали?

Участникам исследования было предложено ознакомиться с меню задействующим "одну из семи анимаций переходов или вообще без нее (также называемого "jump cut")".

Команда Google Material Design обнаружила, что "явное большинство участников" предпочли анимацию перехода с "трансформацией контейнера", которая "плавно трансформирует один элемент пользовательского интерфейса в другой", что в каком то смысле "усиливает связь" интерфейса. 

Анимация понравилась пользователям, потому что она "вызывает ощущение того, что вы берете что-то в руки, чтобы рассмотреть подробнее, или подносите меню поближе", и что она вписывается в контекст: 

Некоторые выразили мнение, что анимация переход как будто "вписывается" в опыт. Карточка и ее данные представляют одну и ту же информацию - в данном случае конкретную тарелку с едой.  То, что одно плавно переходит в другое, помогает пользователям построить мысленную модель приложения, чтобы не потеряться. Более того, некоторые участники отметили, что им казалось, будто они и вовсе не покидали страницу.

Они употребляли такие эпитеты, как "теплый", "гостеприимный" и "уютный". Примечательно: 

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

Источник: material.io

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

На сегодняшний день подобную анимацию с трансформацией контейнера можно найти в приложении Google Заметки при открытии карточки заметки на главном экране.