Fitts Qanunu UX dizayn prinsipləri istifadəçi interfeysində hədəfə qədər olan məsafə ilə həmin hədəfin ölçüsü arasındakı riyazi əlaqəni müəyyən edir. İstifadəçinin kursorunu müəyyən bir əməliyyat nöqtəsinə köçürməsinin nə qədər vaxt apardığını proqnozlaşdırmaqla, dizaynerlər sürtünməni azaldan tərtibatlar yarada bilərlər. Bu prinsip effektiv rəqəmsal qarşılıqlı əlaqənin təməl daşıdır. Veb memarlığınızı insan motor davranışı ilə uyğunlaşdırdığınız zaman naviqasiyanın təbii hiss olunduğu və kliklərin asanlıqla baş verdiyi bir mühit yaradırsınız.
Fitts Qanununun arxasındakı əsas məntiq nədir?
Fundamental konsepsiya hədəfə hərəkət etmək üçün tələb olunan vaxtın hədəf məsafəsinin və hədəf ölçüsünün funksiyası olması ideyası ətrafında cəmləşir. Əgər düymə kiçikdirsə və kursorun başlanğıc nöqtəsindən uzaqda yerləşirsə, o, daha çox dəqiqlik və koqnitiv səy tələb edir. Əksinə, ekranın küncləri və ya fəaliyyət mərkəzinin yaxınlığı kimi yüksək əlçatanlıq zonalarında yerləşən böyük hədəflərə daha sürətli çatmaq olar. Bu, sadəcə masaüstü istifadəçiləri üçün nəzəriyyə deyil, həm də hədəfin siçan göstəricisi deyil, barmaq ucu olduğu toxunma interfeyslərinə də bərabər dərəcədə şamil edilir.
Tipik e-ticarət vitrinində, əgər ödəniş düyməniz kiçik, aşağı kontrastlı sahədə gizlənibsə, istifadəçilər tərəddüd edəcəklər. Əgər həmin düymə həddindən artıq böyükdürsə və əsas vizual iyerarxiya daxilində aydın şəkildə yerləşdirilibsə, ona doğru hərəkət demək olar ki, refleksiv olur. Bu prinsipi nəzərə almayan dizaynerlər çox vaxt çağırış düymələrinin nəzərə alınmadığını görürlər, təklif pis olduğu üçün deyil, klikləmənin fiziki aktı çox səy tələb etdiyindən. İstifadəçinin əlinin ekran üzrə necə hərəkət etməsinə uyğun gəlməsi üçün əsas əməliyyatların yerləşdirilməsinə üstünlük verməlisiniz.
Bu prinsipdən istifadə edərək düymənin yerləşdirilməsini necə yaxşılaşdıra bilərsiniz?
Düymələrin yerləşdirilməsinin yaxşılaşdırılması hər bir səhifənin əsas məqsədinin müəyyən edilməsi ilə başlayır. Açılış səhifəsində məqsəd çox vaxt qeydiyyatdan keçmək və ya alış-vəriş etməkdir. Əsas düyməni ikincil linklərdən daha böyük etməklə, siz təbii olaraq istifadəçinin onunla əlaqə qurması üçün lazım olan vaxtı azaldırsınız. Monitorun kənarına dəydikdə siçan göstəricisi dayandığı üçün texniki cəhətdən ölçüsü sonsuz olan ekranın künclərini və haşiyələrini nəzərdən keçirin. Vacib elementləri bu sərhədlərin yaxınlığında yerləşdirmək onları həddən artıq keçmədən tez vurmağı xeyli asanlaşdırır.
Masaüstü və mobil tətbiqlər arasında fərq varmı?
| Xüsusiyyət | Masaüstü Strategiyası | Mobil Strategiya |
|---|---|---|
| Əsas Hədəf Ölçüsü | 44-60 piksel | 48-72 piksel |
| Hədəf Yerləşdirmə | Ekran kənarları/küncləri | Baş barmaq zonasına çatma |
| Giriş üsulu | Siçan dəqiqliyi | Barmaq ucunun səthi |
Mobil dizayn Fitts Qanununun tətbiqi üsulunu dəyişən baş barmaq zonası məhdudiyyətini təqdim edir. Smartfonda əksər istifadəçilər cihazı bir əllə saxlayır ki, bu da aşağı küncləri ən əlçatan nöqtələrə çevirir. Naviqasiya menyusunu telefon ekranının yuxarı hissəsində yerləşdirmək istifadəçidən tutuşunu dəyişməyi tələb edir və hədəfə vurmaq vaxtını artırır. Əsas naviqasiyanı alt nişan panelinə köçürməklə siz baş barmağın təbii qövsü ilə uyğunlaşır, qət edilən məsafəni azaldır və interfeysin cavabdeh və intuitiv hiss olunmasını təmin edirsiniz.
Alien Road müştəri layihələrində Fitts Qanununu necə tətbiq edir
Alien Road-da dizayn prosesimiz ziyarətçinin izlədiyi əsas yolları audit etməklə başlayır. Lider generasiya saytını idarə edən müştəri üçün biz yuxarı naviqasiya ilə əsas əlaqə forması arasındakı məsafəni xəritələşdirməklə başlayırıq. Biz çağırış düymələrinin konversiya qıfındakı əhəmiyyətinə uyğun ölçülməsini təmin edirik. Biz ehtimallara güvənmirik; tələb olunan fiziki əlçatanlığa əsasən tərtibatı qiymətləndiririk. Komandamız daha sonra heç bir düymənin klikləmək üçün zəhmət olmamasını təmin etmək üçün doldurmanı və elementlərin miqyasını tənzimləyir.
Biz həmçinin ən böyük düymələrin həmişə ən vacib olanlar olmasını təmin etmək üçün vizual iyerarxiya yoxlaması həyata keçiririk. İkincil keçid əsas qeydiyyat düyməsindən böyükdürsə, bu prinsiplərə əsasən tərtibat mahiyyətcə qüsurludur. Ən vacib olan hərəkətə üstünlük vermək üçün standart Shopify və ya WordPress qurucularında tapılanlar kimi CSS şəbəkəsində və ya CMS layout parametrlərində bu elementləri tənzimləyirik. Bu metodik yanaşma dizaynın son istifadəçi üçün lazımsız mürəkkərlik əlavə etmədən konversiya məqsədinə xidmət etməsini təmin edir.
UI dizayn edərkən qarşısı alınmalı olan ümumi səhvlər
- Çox əlaqəli olmayan düymələri bir kiçik ərazidə qruplaşdırmaq, bu da istifadəçini düzgün seçim etmək üçün yavaşlamağa məcbur edir.
- Toxunub-idarə etmək üçün çox kiçik olan düymələrdən istifadə etmək, istifadəçilərin hədəfi qaçırmasına və məyus olmasına səbəb olur.
- Kursorun məzmundan böyük məsafə qət etməli olduğu ekranın ortasında kritik hərəkətlərin yerləşdirilməsi.
- Düymələr arasındakı boşluğu qiymətləndirməmək, bu da təsadüfi kliklənmə riskini yaradır və istifadəçi etibarını azaldır.
Bu dəyişiklikləri tətbiq etdikdən sonra uğuru necə ölçürsünüz?
Bu prinsiplərin tətbiqində uğur analitika hesabatlarınızda görünür. Əsas düymənin ölçüsünü artırdıqda və yerini yaxşılaşdırdıqda, qarşılıqlı əlaqə nisbətlərinin artımını müşahidə etməlisiniz. Əvvəllər aşağı nişanlanma müşahidə edən xəbər bülleteni qeydiyyatı formasınız varsa, düyməni daha əlçatan baş barmaq zonasına köçürmək və ya onun fiziki səth sahəsini genişləndirmək tez ânlı nəticələr verir. Bunu ölçmək üçün mürəkkəb alətlərə ehtiyacınız yoxdur; Google Analytics kimi platformada standart hadisələrin izlənməsi dizayn yeniləmələrinizdən sonra klikləmə nisbətinin yaxşılaşıb-yaxşılaşmadığını sizə göstərəcək.
Məsələn, idarə etdiyimiz tipik hesabda, mobil ekranlarda ödəniş düyməsinin ölçüsünü yalnız 20 faiz dəyişdirmək qıfındakı dar boğazı təmizləməyə kömək etdi. Dizayn daha təmiz idi və alınıb-satılma yolu qısaldıldı. Dizayn yeniləmələrinizin təsirini təcrid etmək üçün həmişə bir dəfəyə bir dəyişiklik edin. İnterfeysi sadə və hədəfləri böyük saxlamaqla siz istifadəçinin vaxtını naviqasiya ilə mübarizə aparmaqdansa, məzmununuzla ünsiyyət qurmasına sərf etməsini təmin edirsiniz.
Bu həftə Fitts Qanununu həyata keçirmək üçün addımlar
- Əsas açılış səhifənizi ən vacib üç düymə üçün yoxlayın və onların kifayət qədər böyük olub-olmadığını yoxlayın.
- Mobil naviqasiyanızı nəzərdən keçirin və əgər hazırda yuxarıdadırsa, onu ekranın aşağı hissəsinə köçürün.
- Bitişik elementlərə təsadüfi kliklərin qarşısını almaq üçün kritik düymələrin ətrafındakı ağ boşluğu artırın.
- Hədəf düyməsinin fondan fərqlənməsini təmin etmək üçün aydın vizual kontrastdan istifadə edin.
Tez-tez Verilən Suallar
Fitts Qanunu mətn linklərinə şamil edilirmi?
Bəli, o, hər hansı interaktiv elementə şamil edilir. Bir-birinə çox yaxın olan mətn linklərini seçmək çətindir, xüsusən də motildə. Mətn bağlantılarını nəhəng edə bilməsəniz də, onların ətrafındakı xətt hündürlüyünü və doldurmanı artırmalısınız. Bu, ümumi kliklənə bilən sahəni artırır, səhv sözü və ya sətri klikləmək riski olmadan linkləri seçməyi asanlaşdırır.
Hər düyməni nəhəng etməliyəmmi?
Xeyr, siz balans saxlamalısınız. Əgər hər bir düymə nəhəngdirsə, onda onların heç biri həqiqətən də prioritet deyil. Gözü cəlb etmək və onları klikləməyi asanlaşdırmaq üçün əsas əməliyyat düymələriniz üçün daha böyük ölçülərdən istifadə edin. Əsas əməliyyatdan fərqləndirmək üçün ikincil düymələri daha kiçik saxlayın, bu da istifadəçiyə səhifənin iyerarxiyasını başa düşməyə kömək edir.
Bu qanun mənim dizayn estetigimə zərər verə bilrmi?
Fitts Qanunu sizi çirkin interfeys yaratmağa məcbur etmir. Siz təmiz, müasir estetika daxilində daha böyük düymələri və daha yaxşı yerləşdirməni inteqrasiya edə bilərsiniz. Yaxşı dizayn brend kimliyini qoruyub saxlayaraq istifadəyə yararlılıq problemini həll edir. Düzgün doldurma, uyğunlaşdırma və ağ boşluqdan istifadə etməklə siz istədiyiniz görünüşü pozmadan saytınızı yüksək səviyyədə funksional və vizual olaraq cəlbedici edə bilərsiniz.
Düymələrimin yerləşdirilməsini nə qədər tez-tez nəzərdən keçirməliyəm?
Tərtibatınızda əsaslı dəyişikliklər etdikdə və ya konversiya məlumatlarınızı təhlil etdikdən sonra düymələrin yerləşdirilməsini nəzərdən keçirməlisiniz. Əgər müəyyən səhifədə yüksək tərk etmə nisbəti müşahidə etsinizsə, bu, düymələrinizin tapılmasının çətin və ya qarşılıqlı əlaqədə çətin olduğunun siqnalı ola bilər. Müntəzəm auditlər saytınıza yeni məzmun və ya xüsusiyyətlər əlavə etdiyiniz zaman dizaynınızın effektiv qalmasını təmin etməyə kömək edir.
Oxumağa davam edin: Veb Dizayn və İnkişafı · Veb Dizayn