Mikro animasiyalar interfeysdəki kiçik vəziyyət dəyişikliklərini daha anlaşılan edir. Düymənin reaksiya verməsi, kartın açılması və ya əməliyyatın tamamlandığını göstərən hərəkət istifadəçinin sistemlə əlaqəsini gücləndirir. Burada hərəkət dekor deyil, interfeysin danışıq dilidir.

Yaxşı planlaşdırılmış hərəkət diqqəti doğru yerə yönəldir və iki vəziyyət arasındakı əlaqəni izah edir. Məsələn, kart eyni ox boyunca detal görünüşünə böyüdükdə istifadəçi yeni məzmunun haradan gəldiyini anlayır. Ani və əlaqəsiz dəyişikliklər isə zehni yükü artıra bilər.

Hərəkətin mütləq bir vəzifəsi olmalıdır

Sadəcə diqqət çəkmək üçün əlavə edilən hərəkət tez yorucu olur. Yaxşı animasiya vəziyyəti izah edir, iyerarxiya yaradır, geribildirim verir və ya istifadəçiyə növbəti addımı başa düşməyə kömək edir. Bunların heç birinə xidmət etmirsə, hərəkəti sadələşdirmək və ya tamamilə silmək daha düzgün ola bilər.

İnterfeys mikro animasiya nümunələri
Eyni hərəkət dili müxtəlif komponentlərdə ardıcıl şəkildə istifadə edilməlidir.

Müddət, sürət əyrisi və məsafəni birlikdə düşünün

Kiçik interfeys dəyişiklikləri adətən 150–300 millisaniyə arasında təbii hiss olunur, daha böyük keçidlər bir qədər uzun çəkə bilər. Hər yerdə eyni müddəti tətbiq etmək əvəzinə elementin qət etdiyi məsafəni, əhəmiyyətini və istifadəçi hərəkətinə nə qədər yaxın olduğunu nəzərə almaq lazımdır.

  • Klikin qəbul edildiyini göstərən sürətli geribildirim verin.
  • Elementlərin haradan gəlib hara getdiyini göstərərək konteksti qoruyun.
  • Eyni hərəkət sistemi daxilində müddət və sürət əyrilərini ardıcıl saxlayın.
  • Hərəkəti azaltma seçimini dəstəkləyərək əlçatanlığı unutmayın.
  • Mobil cihazlarda performansa zərər verən ağır filtr və kölgələrdən uzaq durun.
Ən yaxşı interfeys animasiyası özünü göstərməkdən çox baş verən dəyişikliyi anlamağı asanlaşdırır.

Brend xarakterini hərəkətlə dəstəkləyin

Maliyyə məhsulunda hərəkət daha nəzarətli və güvənverici ola bilər, yaradıcı tədbir saytında isə daha enerjili keçidlər istifadə edilə bilər. Rəng və tipoqrafiya kimi hərəkət də brend şəxsiyyətini daşıyır. Bir neçə əsas qayda müəyyən etmək müxtəlif ekranlarda ardıcıl hiss yaradır.

Animasiyaları son mərhələdə əlavə edilən effektlər kimi deyil, prototipləmə zamanı test edilən davranışlar kimi düşünün. Onları real cihazlarda, müxtəlif ekran ölçülərində və aşağı performans şəraitində sınayın. Hərəkət yalnız istifadəçiyə kömək etdiyi müddətdə dəyərlidir.