" Həssas veb saytınız " varmı? Bu, bir ziyarətçinin cihazı və ekran ölçüsünə əsasən dəyişən bir layout olan bir saytdır. Həssas veb dizayn indi sənayenin ən yaxşı təcrübəsi. Google tərəfindən tövsiyə olunur və internet üzərindən milyonlarla sayt tapır. Bununla yanaşı, müxtəlif ekran ölçülərinə sadəcə "uyğun" və həqiqətən həssas olan bir saytın olması ilə bağlı bir veb saytın olması arasında böyük fərq var.
Şirkətləri müntəzəm olaraq öz veb saytını yenidən nəzərdən keçirir və yeni mobil səmərəli dizaynın üstünlüklərini bəhs edən mətbuat azadlığını itələyirəm. Bu saytları ziyarət edərkən, mən tez-tez tapdığım şey, həqiqətən, müxtəlif ekranlara sığmaq üçün ölçmək və dəyişdirmək üçün düzəlişdir, lakin bu, məsuliyyət fikirini götürdüyü qədərdir. Bu kifayət deyil. Gerçək cavab verən bir veb sayt daha kiçik və ya daha böyük ekrana uyğun miqyasdan çoxdur. Bu saytlarda aşağıdakı vacib xüsusiyyətləri də tapa bilərsiniz.
1. Optimallaşdırılmış Performans
Heç kim bir veb-saytın yüklənməsini gözləməyi sevməz və kimsə ideal olmayan bir əlaqə ilə bir mobil qurğu istifadə edərkən, tez bir zamanda yüklənmə üçün ehtiyac daha da vacibdir.
Beləliklə, sitenizin performansını necə optimallaşdırırsınız? Yenidən dizaynın bir hissəsi kimi yeni bir sayt ilə başlayırsanız, o layihənin bir hissəsi kimi bir performans büdcəsi yaratmaq üçün bir nöqtə qoymalısınız. Mövcud bir site ilə işləyirsinizsə və sıfırdan başlamazsınızsa, ilk addım sitenizin performansını bugün nerede duracağınızı görmek üçün sınayın.
Sitenizin performansı akıllıca durduğu bir başlangıçtan sonra, download sürətini artırmaq üçün lazımi təkmilləşdirmələrə başlaya bilərsiniz. Başlamaq üçün gözəl bir yer, ehtimal ki, sitenizin şəkilləri ilə. Çox böyük görüntülər, yavaş yükləmə saytlarına gəldikdə # 1 günahkardır, belə ki, web çatdırmaq üçün şəkillərinizi optimallaşdırmaq həqiqətən saytınıza bir performans baxımından kömək edə bilər.
Reallıq ki, təkmilləşdirilmiş veb saytı və sürətli yükləmə sürəti bütün ziyarətçilərə təşəkkür edəcək bir fayda. Nəticədə, heç kim heç bir saytın "çox sürətli" yükləndiyindən şikayətləndi, lakin sayt yükləmək üçün çox uzun sürsə, tamamilə insanları öz ekranlarına "uyğun" qoyub-verməyəcəkdir.
2. Smart Content Hierarchy
Bir veb sayt böyük ekranda nümayiş olunduqdan sonra mövcud olan əhəmiyyətli ekran əmlakı sayəsində məzmunu müxtəlif yollarla yerləşdirə bilərsiniz. Tez-tez vacib mesajlar və şəkillər, xəbərlər yenilikləri, hadisə məlumatları və saytın naviqasiyasını birbaşa ekranda yerləşdirə bilərsiniz. Bu, bir ziyarətçinin bütün səhifənin məzmununu asanlıqla və tez bir şəkildə taramasına və onlara nə üçün vacib olduğunu müəyyən etməyə imkan verir.
Bu ssenari, sayt dizaynını götürdüyünüz və kiçik bir ekran cihazları üçün mobil telefon kimi çevirirsinizsə, bu dramatik şəkildə dəyişir. Birdən siz əvvəlki ekran daşınmaz əmlakının bir hissəsi ilə işləyirdiniz. Bu, saytda ilk olaraq nəyin görünəcəyinə, nə edəcəyinə və nə vaxt gələcəyinə qərar verməyinizi tələb edir. Bir anda görülən hər şeyin əvəzinə, ehtimal ki, bir və ya iki şeyi göstərmək üçün bir yer var (ehtimal ki, bunlardan biri gəmi ola bilər). Yəni, iyerarxiyanın qərarları qəbul edilməlidir. Təəssüf ki, tez-tez ekranda ilk olaraq gələnləri, sonra isə ikinci, və s. Səhifənin özünün kodlaşdırma üsuludur. Ekranda kodun ilkində olan hər şeyi göstərmək, cavabdeh bir site qurarkən, kodun ikinci maddəsini və s. Təəssüflər olsun ki, bir cihazda ən vacib olan şey başqa bir məsələdə kritik olmaya bilər. Həqiqi həssas bir sayt, məzmun hiyerarşisinin fərqli vəziyyətlərə görə dəyişməyini və nəyin olduğu barədə məlumatlı olmalı olduğunu başa düşür.
CSS Grid Layout, Flexbox və daha çox daxil olmaqla, CSS layout üsullarının təkmilləşdirilməsi, veb-dizaynerləri və inkişaf etdiricilərə HTML kodundakı məzmun sahələrinin dəqiq qaydası ilə zidd olaraq əvəzinə məzmunun yerləşdirilməsinə gəldikdə daha çox seçim etməyə imkan verir. Bu yeni layout üsullarından istifadə edərək cihazın landşaftası kimi daha vacib olacaq və saytımızın istifadəçilərinin ehtiyacları inkişaf etməyə davam edir.
3. Qurğuların güclü və zəif cəhətlərini nəzərə alan təcrübələr
Cihazlar mövzusunda qalmaq - hər kəs sitenizi ziyarət etmək üçün istifadə edə bilən hər bir qurğu həm platforma xas olan həm güclü, həm də zəif tərəflərə malikdir. Böyük məsuliyyətli bir sayt müxtəlif qurğuların imkanlarını və məhdudiyyətlərini başa düşür və onları istifadə edən hər hansı bir cihaza ən uyğun olan xüsusi təcrübələr yaratmaq üçün istifadə edir.
Məsələn, mobil telefon ənənəvi masa üstü kompüterdə tapa bilməyəcək bir sıra xüsusiyyətlərə malikdir. GPS, mobil mərkəzli xüsusiyyətin bir nümunəsidir (bəli, masaüstündeki ümumi yer məlumatı da əldə edə bilərsiniz, ancaq cihaz GPS daha dəqiqdir). Siteniz, şübhəsiz ki, bir anda şəxsin tam olaraq harada olduğuna əsaslanaraq çox ətraflı və dəqiq addım-addım istiqamətli məlumat və ya xüsusi təkliflər göndərmək üçün GPS məlumatlarından istifadə edə bilər.
Praktikada bu prinsipin bir nümunəsi istifadə etdiyiniz ekran görünüşünü başa düşən bir sayt olacaq və ekrana ən uyğun olan şəkillər göndərir. Yüksək piksel sıxlığı olan bir ekranınız varsa, o ekrana yüksək keyfiyyətli şəkillər göndərməyə qərar verə bilərsiniz. Eyni şəkillər daha az bacarıqlı bir ekranda mənasız olardı və ekstra fayl ölçüsü heç bir əsl səbəbdən endirməyincə əlavə keyfiyyətlər itəcəkdi.
Həqiqətən böyük məsuliyyətli saytlar bütün istifadəçi təcrübəsini nəzərdən keçirir və bu təcrübəni ekranın bir növü və ya ölçüsü ilə deyil, həm də donanımın digər mühüm aspektlərinə uyğunlaşdırmaq üçün çalışır.
4. Kontekst ilə məzmun
Başlanğıcda, fərqli ekran ölçüsünə cavab verən bir site layout fikri səbəbiylə məsuliyyətli web dizayn adını almışdı, ancaq ekran ölçüsündən daha çox cavab verə bilərsiniz. Bir cihazın güclü və zəif tərəflərini istifadə edərək, əvvəlki nümunə əsasında qurmaq, həm də tarixi və saatı kimi digər məlumatları, həqiqətən, veb-sayt təcrübəsini özəlləşdirmək üçün istifadə edə bilərsiniz.
Böyük bir ticarət şousu üçün bir veb saytını düşünün. Həssas bir veb sayt müxtəlif səhifələrlə ölçmək üçün saytın planını dəyişdirsə də, hansı məzmunun göstərilməsi üçün ən vacib olduğunu müəyyən etmək üçün tarixi istifadə edə bilərsiniz. Tədbirdən əvvəlki dövr varsa, ehtimal ki, qeydiyyata dair məlumatları görməyi arzulayırsınız. Ancaq hadisənin əslində o anda baş verdiyi təqdirdə, qeydiyyat ən vacib məzmun ola bilməz. Bunun əvəzinə, gündüz hadisələrin cədvəli daha vacibdir, çünki o, istifadəçinin dərhal ehtiyacları ilə daha münasibdir.
Hər şeyi bir addım daha alaraq, bir cihazın GPS-də həqiqətən ticarət şouında olduğu yeri müəyyən edə bilərsiniz. Onlara yaxınlıqdakı kabinələri və ya başlamağa dair seansları göstərərək, yerlərə görə interaktiv məzmun verə bilərsiniz.
5. Erişilebilirlik
Bir saytın bir ziyarətçinin ehtiyaclarına həqiqətən cavab verə biləcəyi son nümunə, veb saytın əlçatanlığı barədə düşünməkdir. Websiteler əlilliyi olanlar da daxil olmaqla, mümkün qədər çox insan tərəfindən istifadə oluna bilərlər. Veb saytınız tərkibinə daxil olmaq üçün ekran oxucu və ya digər yardım proqramına ehtiyacı olan bir şəxs tərəfindən istifadə oluna bilər. Bu yolla, siteniz öz ehtiyaclarına cavab verir, çünki təcrübəniz, əlil ziyarətçiləri üçün fərqli olsa da, hələ də uyğun deyildir.
İnternet saytı mümkün qədər çox ekran nöqtəsinə cavab verərək, yalnız "mobil dostluq" dan daha çox ola bilər. Sözün hər mənasında həqiqətən həssas bir təcrübə ola bilər.