Mobil tətbiqlərdə animasiya keçidləri
Animasiya istifadəçi təcrübəsinin böyük bir hissəsidir. Mobil proqramlardakı keçidlərə gəldikdə, animasiya vasitəsilə zərif şəkildə çatdırıla bilən çox şey var. Mesaj göndərin, parametrləri açın, qutuyu işarələyin, başqa səhifəyə keçin- bütün bunlar dəyişiklik anlarıdır. Keçid animasiyası istifadəçi hərəkətini gücləndirmək üçün əla bir yoldur.
Bu yazıda biz funksional animasiyanın vizual dizaynı tamamlaya biləcəyi və qarşılıqlı əlaqəni dəstəkləyə biləcəyi ümumi istifadə hallarına baxacağıq.
Sistem vəziyyətini təyin edin
İstifadəçilər hər hansı hərəkətə başladıqda, onlar vizual cavab görməyi gözləyirlər - sistem sorğunu qəbul etdiyini və onun üzərində işlədiyini açıq şəkildə bildirməlidir. Animasiya edilmiş rəylərin istifadəçi təcrübəsindən faydalana biləcəyi bəzi hallarda aşağıdakılar daxildir:
İstifadəçinin hərəkətini təsdiqləyin. İstifadəçilər sistemin əməliyyatları qəbul etdiyinə dair təsdiq alırlar. İstifadəçilər geri bildirim( rəy) aldıqda, onların elementə yenidən kliklənməsinin qarşısını alır.
Yeniləmə funksiyasından istifadə edərək səhifədəki məzmunu yeniləyin. Yükləmə göstəricisi şəklində geri bildirim istifadəçilərə sistemin onların sorğusu üzərində işlədiyini anlamağa kömək edir.
Məzmunun yüklənməsi gözlənilir. Yükləmə darıxdırıcı olmamalıdır. Demək olar ki, bütün proqramlar istifadəçilərin məzmununu yükləyərkən tərk etmələrinin qarşısını almaq üçün incə animasiyalardan istifadə edə bilər. Animasiyaların yüklənməsi istifadəçini vizual rəylə cəlb edir və nəticədə istifadəçilər daha qısa gözləmə müddətlərini qəbul edirlər.
Çox addımlı prosesdə müxtəlif mərhələləri birləşdirin
Bəzən istifadəçilər bir hərəkəti tamamlamaq üçün bir sıra addımları tamamlamalıdırlar. Addımların bir-biri ilə əlaqəli olduğu aydın olmalıdır. Animasiya bütöv bir səyahət yaratmaq üçün hər bir addımı birləşdirməyə kömək edə bilər.
Aşağıda animasiya ilə hadisələrin xətti ardıcıllığını necə yarada biləcəyinizin böyük bir nümunəsidir.
Animasiya dizaynerlərə mütərəqqi bəyanət yaratmağa kömək edə bilər. Tədricən açıqlama bir anda təqdim olunan məlumatların miqdarını azaltmaqla interfeysi öyrənməyi asanlaşdırır. Məlumatı mənalı hissələrdə təqdim etmək üçün mütərəqqi açıqlamadan istifadə etməyin iki gözəl nümunəsi var:
Yeni elementlərin təqdim edilməsi
Biz səhifəyə yeni element əlavə etdikdə istifadəçilər diqqətlərini obyektə yönəldir və “Mən niyə yeni obyekt görürəm?” deyə soruşurlar. Suallarına cavab verməyə,kömək etməyə çalışırıq. Yeni elementlər əlavə olunduqca animasiya obyekt münasibətlərini və iyerarxiyaları müəyyən etməyə kömək edir.
İstifadəçiyə məkan oriyentasiyası hissi verin
Animasiya istifadəçilərə daha yaxşı zehni məkan,məlumat modelləri yaratmağa kömək edir. Bu, xüsusilə mobil istifadəçilər üçün vacibdir – qısa diqqət aralığının və kiçik ekran ölçülərinin birləşməsi istifadəçilərin asanlıqla ekran labirintində itməsinə səbəb ola bilər.
İstifadəçini istiqamətləndirmək üçün animasiyadan istifadə edə bilərik. Animasiya məlumatın bir vəziyyətdən digərinə necə axdığını izah etməyə kömək edir. Bu, istifadəçilərə hal-hazırda yaşadıqları barədə məlumat verməklə onları itməkdən saxlayır.
Aşağıdakı nümunə üzrə fəaliyyət düyməsini (FAB) başlığa çevirir və istifadəçiyə iki obyektin bir-biri ilə necə əlaqədə olduğunu bilmək imkanı verir.
İdrak yükünü minimuma endir
Koqnitiv (idrak yükü)yük bir məhsuldan istifadə etmək üçün tələb olunan zehni səylərin miqdarıdır. İdrak yükü istifadəçilərin tətbiqinizlə qarşılıqlı əlaqəsinin nə qədər asan olduğuna birbaşa təsir edir. Ümumiyyətlə, bir məhsulun istifadəsi üçün nə qədər çox səy göstərilsə, o qədər az arzuolunan olur.
Dizaynerlər olaraq məqsədimiz istifadəsi asan bir interfeys yaratmaq olmalıdır. Animasiya düzgün istifadə edildikdə, tapşırığı yerinə yetirmək üçün tələb olunan istifadəçi səylərini azaldır.
Demək olar ki, hər bir proqramda istifadəçilər bir forma doldurmalıdırlar. Bir çox formalarda sahə etiketləri kimi mətn yer tutucuları var. İstifadəçilər belə bir sahəyə kliklədikdə, etiket yox olur. Nəticədə, istifadəçi üçün bu sahənin nəyi təmsil etdiyini başa düşmək çətinləşir. Etiket istifadəçilərə kontekst saxlamağa kömək edir və uzun formalarla qarşılıqlı əlaqəni asanlaşdırır.
İstifadəçilərin funksional dəyişiklikləri başa düşməsini təmin edin
Bir element qarşılıqlı təsirdən sonra funksiyasını dəyişdikdə funksional dəyişiklik baş verir. Məsələn, istifadəçi bir düyməni kliklədikdə, düymə başqa məna kəsb edəcəkdir. Bu animasiya istifadəçilərdən "Bu element indi nə edir?" Sualınızın cavabını tapmağınıza kömək edir.
Bir çox mobil interfeysdə görülən funksional dəyişikliklərin ümumi nümunəsi miqrasiyadır. Animasiya istifadəçilərə elementin hansı vəziyyətdə olduğunu anlamağa kömək edir.
Bəzi hallarda, bir elementdə funksional dəyişiklik bütün görünüşün dəyişməsi ilə nəticələnir. Məsələn, hamburgerlərin menyusu, hansı ki, "X" - yə dəyişir və yeni növü aktivləşdirir. 
Animasiya və hərəkət yaratmaq üçün alətlər
Bu məqalədə qeyd olunan animasiya effektlərini yaratmaq üçün istifadə edə biləcəyiniz vasitələrin siyahısı:
Daha yaxşı məhsullar yaratmağı öyrənin
Kompüterlər və insanlar arasında qarşılıqlı əlaqə iki nəfər arasındakı söhbətlər qədər intuitiv olmalıdır. Qarşılıqlı Fəaliyyət Dizayn Fondu sizə effektiv və inandırıcı şəkildə dizayn etməyi öyrənməyə kömək edəcək.
Nəticə
Animasiya mürəkkəb şəkildə istifadə edildikdə təsirli olur. O, interfeyslərdə bir çox funksional problemləri həll edir və onları canlı və istifadəçiyə həqiqətən həssas hiss etdirir. Hansı tətbiqi inkişaf etdirməyinizdən asılı olmayaraq, o, istifadəçilərinizə bir hekayə danışır. Animasiya isə hekayəni daha effektiv izah etməyə kömək edə bilər.