Geri qayıt
Hər kadr mükəmməl: interfeys niyə kadr-kadr qiymətləndirilir
SiTech AI Team2 წთ. საკითხავი

Hər kadr mükəmməl: interfeys niyə kadr-kadr qiymətləndirilir

tonsky.me saytında dərc olunan yazı tətbiqin ekran şəklini istənilən anda izah etməyin lazım olduğunu iddia edir; animasiyanın ortasındakı kadrlar isə interfeysin həqiqətən diqqətlə dizayn edilib-edilmədiyini göstərir.

Hər kadr mükəmməl

İfadə Wayland sənədlərindən gəlir: "hər kadr mükəmməldir" displey protokolunun elan edilmiş məqsədidir və getdikcə mürəkkəbləşən GPU yığınlarından nəzarəti geri qaytarmağa çalışır. tonsky.me saytında dərc olunan yazıda müəllif eyni prinsipin təkcə qrafik boru kəmərinə deyil, istifadəçi interfeysinə də aid edilməli olduğunu bildirir.

Onun təklif etdiyi qayda sadədir: kimsə tətbiqinizin istənilən anında ekran şəkli çəksə, ekranda nə göründüyünü izah edə bilməlisiniz. Yazıya əlavə olunmuş qeydə görə, əvvəlki ifadə — "məntiqli olmalıdır" — həddindən artıq sərt idi, çünki smear frames kimi qabaqcıl animasiya texnikaları hərəkəti qəsdən təhrif edir.

Keçidin ortası niyə vacibdir

Hər kadra diqqət yetirməyin əsas arqumenti etimaddır. İstifadəçilər kodu görmür, ona görə keyfiyyəti qiymətləndirmək üçün yeganə vasitə interfeysdir. Əgər interfeys cilalanmış görünürsə, komandanın kodu da cilalamağa vaxtı olub — bu evristikadır, amma ağlabatandır.

Müəllif praktikada bunun nə demək olduğunu sadalayır: ekranlar arasında ağ parıltılar olmamalı, qismən yüklənmiş məzmun görünməməli, məlumat yüklənərkən düzüm dəyişməməli, daxili ardıcıllıq olmalı — interfeysin bir hissəsi "1 yeniləmə mövcuddur" yazarkən digəri "Yeniləmələr yoxlanılır..." göstərməməli — və animasiyalar dəqiq olmalıdır.

Ən çox unudulan hissə animasiyalardır. İnterfeys başlanğıc və son vəziyyətdə yaxşı görünə, aralıqda isə açıq şəkildə qırıq ola bilər. Keçidin ortasında çəkilən ekran şəkilləri heç bir dizaynerin qəsdən çəkməyəcəyi mövqelərdə donmuş elementləri göstərir.

Kiçik sinxron pozuntusu, böyük şübhələr

Nümunələr gündəlik proqramlardandır. Safari-də placeholder mətni mərkəzdən hərəkət edir, kursor isə sol mövqedən animasiya olunur; iki komponent uyğunsuz görünür və onların birlikdə dizayn edilib-edilmədiyi sualı yaranır. Photos-da Crop ilə Adjust arasında keçiddə şəkil dərhal yerinə oturur, kəsmə çərçivəsi isə animasiya ilə gəlir — bu, nəyinsə cüzi dəyişdiyi barədə yanlış təəssürat yaradır.

YouTube nümunəsi ağlasığmaz dərəcədə sadə tapşırıqdır: düzbucaqlını bir mövqedən digərinə köçürmək. Buna baxmayaraq nəticəni izah etmək çətindir. Müəllif belə halları "texnologiya proqramçını üstələdi" adlandırır və DOM arxitekturasının məhdudiyyətlərinə işarə edir. Səbəb nə olursa olsun, kadr mükəmməl deyil.

Yazı Preview tətbiqindən gələn "təhriksiz" zoom animasiyası və bir xahişlə bitir: təkcə başlanğıc və son vəziyyətlərə deyil, onların arasında baş verən hər şeyə diqqət yetirin.

SSiTech

SiTech — AI ilə gücləndirilmiş veb hazırlanması

Sürətli və müasir saytlar qurur, AI-ı real biznes proseslərinə gətiririk. Layihəniz və ya sualınız var? Kömək etməyə hazırıq.