Mikro qarşılıqlı əlaqələr istifadəçinin tək bir tapşırığını dəstəkləyən kiçik, fokuslanmış animasiyalardır. “Bəyən” düyməsinin ürək animasiyası, form göndərmədəki təsdiq effekti və ya pull-to-refresh hərəkəti — bunların hamısı mikro qarşılıqlı əlaqələrdir. Kiçik detallar kimi görünsə də, istifadəçi təcrübəsini mənalı şəkildə zənginləşdirir.
Mikro Qarşılıqlı Əlaqələrin Anatomiyası
Dan Saffer-in təyin etdiyi dörd komponent:
- Tetikleyici (Trigger): Qarşılıqlı əlaqəni başladan istifadəçi hərəkəti və ya sistem hadisəsi
- Qaydalar (Rules): Qarşılıqlı əlaqənin necə davranacağını müəyyən edən məntiq
- Əks əlaqə (Feedback): İstifadəçiyə verilən vizual/səsli cavab
- Döngülər və rejimlər (Loops & Modes): Təkrarlar və dəyişən vəziyyətlər
Mikro Qarşılıqlı Əlaqə Növləri
| Növ | Açıqlama | Nümunə |
|---|---|---|
| Vəziyyət Dəyişikliyi | Element vəziyyətinin vizuallaşdırılması | Toggle switch animasiyası |
| Əks Əlaqə | Hərəkət nəticəsinin bildirılməsi | Uğurlu form göndərmə effekti |
| Yükləmə | Gözləmə müddətinin idarə edilməsi | Skelet ekran, progress bar |
| Naviqasiya | Səhifə keçidlərinin yumşaldılması | Page transition, scroll reveal |
| Diqqət Çəkmə | Vacib elementlərə yönləndirmə | Nəbz effekti, bounce animasiyası |
💡 Animasiya Prinsipləri: Animasiyalar 200-500ms aralığında olmalıdır — daha qısa qavranıla bilməz, daha uzun səbirsizlik yaradır.
prefers-reduced-motion media sorğusu ilə hərəkətə həssas istifadəçilər üçün animasiyaları söndürün. TAGUM məhsullarında bu prinsiplərə diqqətlə riayət edilir.
70%
Mikro qarşılıqlı əlaqələrin istifadəçi məmnuniyyətinə töhfəsi
Mənbə: UXPin Research, 2025
Mikro qarşılıqlı əlaqələrin istifadəçi məmnuniyyətinə töhfəsi
Mənbə: UXPin Research, 2025
Nəticə
Mikro qarşılıqlı əlaqələr rəqəmsal təcrübəni mexaniki bir prosesdən zövqlü bir səyahətə çevirir. Düzgün dozada və düzgün yerdə istifadə edildikdə, istifadəçi məmnuniyyətini və marka qavranışını gücləndirir. TAGUM dizayn komandası məhsullarınıza həyat verən qarşılıqlı əlaqə dizaynları yaradır.
