Figma-da prototip və animasiya

Mobil tətbiq üçün prototipi Figma-da yığıram, sifarişçi keçid animasiyalarını «canlı» görmək istəyir. Smart Animate və interaktiv komponentlər hansı həddə qədər bəs edir, nə vaxt After Effects və ya ProtoPie-yə keçirsiniz? Bir də təqdimatda prototipin donmaması üçün nə edirsiniz?

Sadə keçidlər üçün Smart Animate kifayətdir: kartın açılması, menyunun sürüşməsi. Mürəkkəb əyrilər və bir neçə elementin ardıcıl hərəkəti lazım olanda After Effects-də ayrıca video edirəm və təqdimatda prototipin yanında göstərirəm.

Smart Animate-də məni ən çox qatların adları yandırır. İki kadrda ad bir hərflə fərqlənəndə element hərəkət etmir, sadəcə yox olub təzədən görünür, bunu saatlarla axtarmışam.

Lalə, tanış problemdir, mən kadrı dublikat edib onu dəyişirəm ki, adlar eyni qalsın. Elvin, videonu sifarişçi qəbul edir, yoxsa özü basıb yoxlamaq istəyir?

Çox vaxt ikisini də istəyir. Ona görə prototipdə sadə keçid qoyuram, videoda isə «necə olmalıdır» göstərilir. Proqramçılar üçün də video daha faydalıdır, müddəti və əyrini kadr-kadr görürlər.

İllüstrasiyalı onbordinq ekranlarında Lottie istifadə edirəm. Figma-ya plaginlə əlavə etmək olur, amma prototipdə həmişə rəvan oynamır, xüsusən telefonda.

Reklam tərəfdən bir müşahidə: landinq prototipini istifadəçilərə test üçün göstərəndə çox animasiya diqqəti əsas düymədən yayındırırdı. Bizdə sadə variant daha yaxşı nəticə verdi.

Narmin, maraqlıdır. Testi Figma prototipi ilə edirdiniz, yoxsa hazır səhifə ilə?

Figma prototipi ilə, 8 nəfərə telefonda göstərdik. Animasiyalı variantda 3 nəfər düyməni gec tapdı, sadə variantda hamı dərhal tapdı.

Donma məsələsinə gəlincə: böyük faylda prototip çox ləng açılır. Biz təqdimat üçün ayrıca yüngül fayl saxlayırıq, yalnız lazım olan ekranlar və sıxılmış şəkillər.

Məhsul fotolarını Figma-ya orijinal ölçüdə atanda fayl ağırlaşır. Dizaynerlərə 2000 piksel enində sıxılmış JPG verirəm, prototip üçün bu bəs edir.

Dəyişənlərlə qurulan prototiplər sifarişçini çox təsirləndirir: səbətə əlavə edəndə say artır, filtr işləyir. Amma qurmaq vaxt aparır, mən bunu yalnız əsas ssenari üçün edirəm.

Prototipi videoya çevirmək lazım olanda telefonda ekranı yazıram, sonra montajda toxunuş nöqtələrini əlavə edirəm. Təqdimatda internet kəsiləndə də bu video işləyir.

Hamıya sağ olun. Belə edirəm: əsas ssenari interaktiv komponent və dəyişənlərlə, mürəkkəb keçidlər Elvinin üsulu ilə videoda, təqdimat üçün yüngül fayl və ehtiyat video. Qatların adlandırılmasını da komandada qayda edirik.