Эмоции

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

Живой таб-бар

Выбранная вкладка не просто меняет цвет. Её иконка становится зелёной и проигрывает короткое движение: сжимается, вырастает чуть больше своего размера и встаёт на место.

Движение отвечает на выбор, а не на касание. То есть пользователь ее видит уже после того как понял палец с кнопки.

Зачеркивания

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

150 ₽150 ₽

Перетекание аватара

Эффект вдохновлен телеграмм, аватар не просто уходит за пределы экрана, а сливается с пилюлей. Зачем? Просто прикольно!

Прокрутите экран профиля

Заморозка карты

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

Включите заморозку

Эффект нажатия

В момент касания элемент чуть сжимается, как будто его продавили пальцем. Это короткий ответ на действие: интерфейс подтверждает, что нажатие принято, ещё до того, как сработает само действие.

Эффект должен быть едва заметным и быстрым. Сильное сжатие или долгая анимация начинают мешать, и пользователь чувствует задержку там, где её быть не должно.