Интересное, хотя и специфичное, исследование пользовательского опыта (UX) от команды Material Design компании Google сегодня посвящено тому, какие анимации переходов люди предпочитают больше всего в приложениях Android.
Исследователи из команды Material поставили цель «выяснить, какой переход лучше всего подходит для сетки карточек». Контекст был специфичен для довольно распространенного взаимодействия с приложением для заказа еды, но это применимо к любому представлению сетки:
Представьте, что вы просматриваете меню ресторана на своем телефоне и нажимаете на одно из блюд. Что должно произойти? Должно ли описание блюда появиться мгновенно, или выбранная вами карточка должна анимироваться, расширяясь, чтобы показать дополнительные детали?
Участникам исследования было предложено просмотреть меню с «одним из семи переходов или вовсе без перехода (также называемого скачкообразным переходом)».
Команда Material Design компании Google обнаружила, что «явное большинство участников» предпочитает переход container transform, который «бесшовно преобразует один элемент пользовательского интерфейса в другой», так что связь между ними «усиливается».
Пользователям это понравилось, потому что анимация «вызывала ощущение, будто что-то подбираешь, чтобы рассмотреть поближе, или притягиваешь меню ближе», и что она соответствовала контексту:
Некоторые выразили мнение, что переход «вписывался» в опыт. Карточка и ее детали представляют одну и ту же информацию – в данном случае, конкретное блюдо. Бесшовное преобразование одного в другое помогает пользователям построить ментальную модель приложения, чтобы они не заблудились. Фактически, некоторые участники выразили мнение, что им казалось, будто они никогда не покидали страницу.
Они использовали такие описания, как «теплый», «привлекательный» и «уютный». Примечательно:
Только переход container transform воспринимался как передающий положительные эмоции и ощущался как высококлассный – как мы упоминали выше, участники говорили, что он ощущается так, будто они находятся в дорогом ресторане.
Через material.io
Хотя люди находили анимации jump cut и fade through «эффективными» и «быстрыми», большинство считало эти переходы «подавляющими» и «неудобными». Они «никогда не были предпочтительны для усиления ощущения от опыта».
Вы можете предварительно просмотреть предпочтительный переход в Google Keep сегодня, открывая карточку заметки на главном экране. Тем не менее, у моего коллеги и разработчика Android-приложений Дилана Русселя есть несколько проблем с реализацией container transform в целом.