Multi-Device Veb Dizaynına İki Fərqli yanaşma müqayisə
Səmərəli və uyğundur veb dizayn müxtəlif ekran ölçüləri ilə yaxşı işləyən çox cihazlı dostluq saytları yaratmaq üçün hər iki üsuldur. Həssas web dizaynı Google tərəfindən tövsiyə edilir və iki yanaşmanın daha populyar olmasına baxmayaraq, çox cihazlı web dizaynı üçün bu üsulların hər biri güclü və zəif tərəflərinə malikdir.
Həssas və adaptiv web dizaynı, xüsusən də bu əsas sahələrə diqqət ayırmaq üçün nəzər salaq:
- İnkişafın asanlığı
- Dizayn üzərində nəzarət səviyyəsi
- Cihaz / ekran dəstəsinin həssaslığı
- Nə həll gələcək dostluq
- Ümumi yükləmə sürəti və site performansı
Bəzi anlayışlar
Həssas və uyğunlaşan veb dizaynın yan-yana müqayisə edilməsinə başlamazdan əvvəl, bu iki yanaşmanın yüksək səviyyəli tərifinə baxmaq üçün bir an gözləyək.
Cavab verən veb saytlarda istifadə olunan ekran ölçüsündən asılı olmayaraq dəyişən və uyğunlaşdıran maye layout var. Media sorğuları, həssas saytların brauzerin ölçüsünü dəyişdikdə hətta "uçmaqda" dəyişməyə imkan verir.
Adaptiv dizayn, səhifənin ilk yükləndiyi zaman təsbit edilən ekran ölçüsü üçün ən uyğun layout versiyasını çatdırmaq üçün əvvəlcədən təyin edilmiş kəsmə nöqtələrinə əsasən müəyyən ölçüləri istifadə edir.
Yerdə olan geniş təriflər ilə diqqət mərkəzində olan əsas sahələrə baxaq.
İnkişafın asanlığı
Həssas və adaptiv veb dizaynı arasında ən əhəmiyyətli fərq, bu həllərin bir veb saytına tətbiq edilməsidir. Həssas dizayn tamamilə maye layout yaratdığından , saytın yerdən yenidən işlədildiyi layihələrdə ən yaxşı istifadə olunur. Mövcud veb saytın kodunu cavablandırmaq üçün çalışırıq, tez-tez narahatlıq doğuran bir işdir, çünki bu kodun sıfırdan inkişaf etdiyini və bu prosesin ən erkən mərhələlərində nəzərə alınması halında nəzərə alındıqda nəzarət səviyyəsinə malik olmamanızdır . Bu, bir siteyi həssas olmağı təmin etdikdə, mövcud kod bazasında qalmaq üçün kompromislər etmək məcburiyyətindəsiniz.
Mövcud sabit genişlikli veb saytı ilə işlədiyiniz halda, adaptiv bir yanaşma saytı sitenin bütövlükdə hazırlandığı ölçüləri tərk edə bilər və lazım olduğu təqdirdə əlavə uyğunlaşma nöqtələrinə əlavə edə bilərsiniz. Bəzi hallarda, layihənin büdcəsi kiçik olsa və yalnız kiçik bir inkişaf işinə uyğunlaşırsa, yalnız kiçik ekran / mobil mərkəzli ölçülər üçün yeni adaptiv kəsmə nöqtələri əlavə edə bilərsiniz. Bu, daha böyük ekranların hamısına eyni plandan istifadə etməyinizə imkan verəcəkdir - bəlkə də, bu saytın əvvəlcədən nəzərdə tutulmuş ehtimal olunan bir 960 breakpoint versiyası.
Uyğunlaşan bir yanaşma üçün əlverişli bir sitenin kodunu daha yaxşı istifadə edə bilərsiniz, ancaq downsides biri, dəstək üçün seçdiyiniz hər bir kəsmə nöqtəsi üçün müxtəlif layout şablonları yaratmaqdır. Uzun müddətli həll prosesini inkişaf etdirmək və davam etdirmək üçün iş yükünün təsirinə məruz qalan bu.
Dizayn nəzarət
Həssas saytların güclülərindən biri onların akışkanlıqlarının uyğunlaşdırılmış bir yanaşmada müəyyən edilmiş yalnız müəyyən edilmiş kəsmə nöqtələrindən fərqli olaraq, bütün ekran ölçülərini uyğunlaşdırmağa və dəstəkləməyə imkan verir. Halbuki reallıqlar, həssas saytlar müəyyən əsas ekran ölçüsündə böyük görünə bilər (adətən bazarda məşhur qurğulara uyğun olan ölçülər), lakin görkəmli dizayn tez-tez bu populyar qətnamələr arasında pozulur.
Məsələn, bir site 1400 piksel geniş ekranda, 960 piksel orta ekran ölçüsündə və 480 piksel kiçik ekran baxınca böyük görünə bilər, lakin bu ölçülü dövlətlər arasında nə olar? Bir dizayner olaraq, bu ölçülər arasında heç bir nəzarət yoxdur və bu ölçülərdə səhifənin vizual görünüşü çox vaxt idealdan azdır.
Adaptiv veb saytı ilə, müəyyən edilmiş ölçülərə əsaslanan sabit ölçülər olduğundan istifadə edilən müxtəlif layouts üzərində daha çox dizayn nəzarəti var. Bunlar arasında baş verənləri narahat edən problemlər artıq bir problem deyil, çünki ziyarətçilərə təqdim ediləcək hər bir "baxış" (hər bir kəsilmə nöqtəsinin görünüşünü nəzərdə tutur) diqqətlə hazırlamışdır.
Dizayn nəzarəti bu səviyyədə səslənə bilər kimi, cəlbediciliyinə görə, bir qiymətə gəldiyini bilməlisiniz. Bəli, hər bir kəsmə nöqtəsinin görünüşü üzərində tam nəzarətiniz var, ancaq bu unikal dizaynların hər biri üçün nəzərdə tutulmuş dizayn müddətini sərf etməlisiniz. Design üçün seçdiyiniz daha çox kopiya nöqtəsi, bu müddətdə daha çox vaxt sərf etməlisiniz.
Dəstəkin genişliyi
Həm həssas, həm də uyğunlaşdırılmış veb dizaynı, xüsusilə müasir brauzerlərdə olduqca möhkəm dəstək verir.
Adaptiv saytlar ekranın ölçüsünü aşkar etmək üçün ya server yan komponentləri və ya Javascript tələb edir. Şübhəsiz ki, adaptiv sayt Javascript tələb edirsə, o, saytın düzgün işləməsi üçün bir brauzerin effektiv olması lazımdır. Bu sizin üçün əhəmiyyətli bir narahatlıq ola bilməz, çünki insanların çoxu brauzerlərdə Javascript olacaq, lakin hər hansı bir sayt hər hansı bir məsələdə kritik asılılığa malikdirsə, qeyd etmək lazımdır.
Cavab verən veb saytlar və onların gücünü təmin edən media sorguları bütün müasir brauzerlərdə yaxşı işləyəcəkdir. İnternet Explorer-in ən son versiyaları olan və 8-ci və 8-ci nəşrlərdən ibarətdir . Bununla yanaşı , Javascript polifilləri tez-tez istifadə olunur , yəni burada Javascript-in asılılığı var, heç olmasa, bu İE-nin qədim versiyaları. Yenə də bu sizin üçün bir narahatlıq ola bilməz, xüsusilə site analitikləri, bu older brauzer sürümlerini istifadə edərək, çox sayda ziyarətçi almadığını göstərir.
Gələcək dostluq
Həssas veb saytların maye təbiəti gələcək dostluqla əlaqədar onlara adaptiv saytlardan üstünlük verir. Bunun səbəbi, bu məsuliyyətli saytlar yalnız əvvəlcədən hazırlanmış bir qıvrım dəsti yerləşdirmək üçün inşa edilməmişdir. Onlar, həqiqətən, bu gün bazarda olmayanlar da daxil olmaqla, bütün ekranlara uyğunlaşmağa uyğunlaşırlar. Yeni bir ekran qətnaməsi birdən-birə populyarlaşsa, həssas saytların "sabit" olması lazım deyil.
Qurğu mənzərəsindəki inanılmaz müxtəlifliyə baxarkən (2015-ci ilin avqust ayından bazarda 24,000-dən çox fərqli Android qurğuları var idi), bu geniş ekranları yerləşdirmək üçün əlindən gələni edən bir site olan gələcək dostluq üçün vacibdir. Bunun səbəbi, o mənzərənin gələcəkdə daha az fərqli olmağının çətin olmasıdır, yəni bu həqiqətə çatmamış olsaq, xüsusi ekranlar və ya ölçülər üçün layihələndirilmənin mümkün olmayacağı anlamına gəlir.
Bu müqayisənin ssenarisinin digər tərəfində, əgər sayt adaptivdirsə və bazarda vacib ola biləcək yeni qətnamələri qəbul etmirsə, onda bu kəsmə nöqtəsini yaratdığınız saytlara əlavə etmək məcburiyyətində ola bilərsiniz. Layihə üzərində dizayn və inkişaf müddətini əlavə edir və bu, həmin adaptiv saytların bazarda əlavə olunmalıdır ki, yeni bir kəsişmə nöqtəsi təqdim edilməməsini təmin etmək üçün mütəmadi olaraq monitorinq edilməlidir. Yenə də, qurğulardakı müxtəlifliyin nə olmağına baxmayaraq, daim yeni ölçüləri yoxlamaq və yeni breakpoints ilə uyğunlaşdırmaq mümkün olan bir sitenin dəstəklənməsi üçün lazım olan işləri təsir edəcək davam edən bir problemdir və bu xidmətin xərcini saytın kimə məxsus olduğu şirkət və ya təşkilat.
Performans
Həssas veb dizaynı, bir yükləmə sürətindən / performans baxımından zəif bir həll olmağına görə uzun zamandır ittiham olunur (bir çox hallarda ədalətsizdir). Bu, əsasən, bu yanaşmanın ilk günlərində bir çox veb-dizaynerlər saytın mövcud CSS-yə kiçik ekran sorgularını sadələşdirdi. Bu, böyük ekranlar üçün nəzərdə tutulan şəkilləri və resursları bütün qurğulara çatdırmaq üçün məcbur etdi, hətta kiçik ekranlar onları son planlarında istifadə etmədilər. Həmin günlərdən və reallıqdan keyfiyyətlə cavab verən saytlar bu günün performans problemlərindən əziyyət çəkməyəcəyi üçün məsuliyyətli dizayn uzun bir müddətdir.
Yavaş yüklənmə sürəti və şişmiş veb saytlar həssas bir veb sayt problemi deyil - bu, bütün saytlarda aşkarlana biləcək bir problemdir. Çox ağır olan şəkillər, ictimai mediadan yayınlar, həddindən artıq skriptlər və daha çox siteler aşağı çəkirlər, amma həssas və adaptiv veb saytlar sürətli yüklənmə üçün inşa oluna bilər. Əlbəttə ki , onlar da performansın üstünlüyü olmayan bir şəkildə qurula bilərlər, amma bu həllin özü deyil, saytın özünün inkişafında iştirak edən komandanın əks olunmasıdır.
Layout Beyond
Adaptiv veb dizaynın ən cəlbedici aspektlərindən biri yalnız situasiyanın dizaynı üzərində nəzarət etməməsi deyil, həm də həmin site versiyaları üçün çatdırılan resursların olmasıdır. Məsələn, retina görüntüləri yalnız retina cihazlarına göndərilə bilər, qeyri-retina ekranlar isə fayl ölçüsündə daha kiçik olan daha uyğun şəkillər əldə edirlər. Digər sayt resursları (Javascript faylları, CSS üslubları və s.) Yalnız lazım olduqda və istifadə edildikdə ağıllı şəkildə təqdim edilə bilər.
Adaptiv veb dizaynın istifadəsi, "bir veb-saytın təkmilləşdirilməsi, uyğunlaşma daha asan bir yanaşma ola bilər" sadə tənzimlənməsindən kənara çıxır. Tam redesigns daxil olmaqla bütün saytlar daha uyğun bir təcrübə daha ağıllı bir yanaşmadan faydalana bilər.
Bu ssenaridə bu "reaksiya verən və adaptiv" mübahisənin nüansional xüsusiyyətləri göstərilir. Uyğunlaşdıran yanaşma site yeniləmələri üçün cavabdehdir, daha yaxşı uyğun olmasına baxmayaraq, tam yenidən qurulması üçün də böyük bir həll ola bilər. Eynilə, bəzi hallarda mövcud saytın kod bazasına cəlbedici bir yanaşma əlavə edilə bilər və bu sayt tam cavablı bir yanaşmanın bütün faydalarını verə bilər.
Hansı yanaşma daha yaxşıdır?
Həssaslıqla uyğunlaşan web dizaynına qarşı gəldikdə, dəqiq bir "qələbə" yoxdur, baxmayaraq ki cavabdardır, əlbəttə ki, daha populyar bir yanaşma. Həqiqətdə "daha yaxşı" yanaşma müəyyən bir layihənin ehtiyaclarından asılıdır. Bundan başqa, bu "ya / və ya" vəziyyətə ehtiyac yoxdur. Adaptiv dizaynın güclü (daha yaxşı dizayn nəzarəti, sayt resurslarının ağıllı yüklənməsi) ilə ən yaxşı məsuliyyətli web dizaynını (maye genişlikləri, gələcək dəstək) birləşdirən site quran bir çox web peşəkarı var.
Ümumi olaraq RESS (Server Side Components ilə Responsive Web Design) kimi tanınan bu yanaşma göstərir ki, həqiqətən "bir ölçüsü bütün həllərə uyğun" deyildir. Hər iki məsuliyyətli web dizaynı və adaptivliyi güclü və çətinlikləri var, xüsusi layihə üçün yaxşı işləyəcək, hibrid həll isə həqiqətən ən yaxşınıza uyğun ola bilər.