Mobil cihazlarda istifadə üçün optimallaşdırılmış veb səhifələr masaüstü və noutbuk kompüterlərində görünənlərdən fərqlənir. Sonuncular böyük ekranlar və dəqiq siçan klikləri üçün nəzərdə tutulub, mobil veb səhifələr isə kiçik ekranlar və qeyri-dəqiq barmaqlara toxunma üçün ölçülür.
- Daha kiçik ekranlar və qeyri-dəqiq barmaqlara toxunma üçün nəzərdə tutulub.
- Dəqiq siçan klikləməklə böyük ekranlar üçün nəzərdə tutulmuşdur.
Veb-sayt ziyarətlərinin əksəriyyətinin mobil cihazlardan gəldiyini nəzərə alsaq, sayt dizaynerlərinə həm mobil cihazlar, həm də masaüstü kompüterlər ilə işləyən versiyalar təqdim etmək tapşırılıb. Ən ümumi yanaşma, brauzer tərəfindən aşkar edildiyi kimi istifadəçinin cihazına və ekran ölçüsünə əsasən düzgün versiyanı avtomatik təqdim edən cavab verən veb dizayndan istifadə etməkdir.
Hər halda, mobil cihazlara uyğun veb-səhifələr bir sıra cəhətlərə görə masaüstü versiyalarından fərqlənir.
Səhifə Dizaynı: Mobil Ekranlarda Daha Az Yer Var
- Smartfon və planşet displeyləri diaqonal olaraq 4-10 düym ölçülür.
-
Yığıla bilən və ya genişləndirilə bilən menyu vidcetləri adətən yan panelləri və böyük başlıq menyularını əvəz edir.
- Mətn arasında boşluqdan məhkəmə istifadəsi ilə tam enli qrafika.
- Əksər masaüstü monitorlar diaqonal olaraq 19 düymdən 24 düymədək ölçür.
- Sponsorlu keçidlər və böyük banner reklamları daha çox yayılmışdır.
- Qrafika üçün daha çox boşluq olan daha sıx mətn.
Masaüstü və mobil internet səhifələri arasında ən bariz fərq ekran daşınmaz əmlakıdır. Əksər masaüstü monitorlar diaqonal olaraq ən azı 19 düym ilə 24 düym arasında ölçülsə də, planşetlər adətən təxminən 10 düymdür. Smartfonlar diaqonal olaraq təxminən 4 düymdür. Sadəcə böyütmək veb səhifəni uğurla mobil versiyaya çevirmir, çünki bu, mətni oxunmaz edir və sayt ziyarətçisindən əlavə addım tələb edir. Həmçinin, kiçik elementlərə dəqiq toxunmaq qeyri-mümkün olur.
Problemi həll etmək üçün dizaynerlər ciddi ehtiyac olmayan yan panelləri və qrafikləri silə bilər. Bunun əvəzinə onlar daha kiçik qrafiklərdən istifadə edir, şrift ölçülərini artırır və məzmunu genişləndirilə bilən vidcetlərə yığır. Bu daşınmaz əmlak məhdudiyyəti veb dizaynerləri arasında tamamilə fərqli düşüncə tərzinə səbəb oldu.
Həmçinin, yığıla bilən və ya genişləndirilə bilən menyu vidcetləri adətən yan panelləri və böyük başlıq menyularını əvəz edir. Ekran boşluğunun hər millimetrini hesablamaq üçün dizaynerlər oxunabilirliyə diqqət yetirməklə yanaşı, lazımsız boş boşluğu aradan qaldırırlar.
Sponsorlu linklər və böyük banner reklamları sadəcə telefonda və ya kiçik planşetdə işləmir. Bunun əvəzinə kiçik pop-up reklamlar mobil veb səhifələrdə daha çox olur.
Qrafikin ətrafına bükülmüş mətni əks etdirən tərtibatlar mobil cihazlarda yaxşı işləmir. Bunun əvəzinə, dizaynerlər tez-tez həmin qrafiklərə ekranın tam genişliyini verir və mətni altında və ya yuxarıda işlədirlər. Eynilə, yaxşı veb dizayn mətni oxunaqlılıq üçün parçalara ayırır; heç kim mətnin möhkəm divarlarını oxumaq istəmir. Kiçik ekranlarda bu daha da vacib olur. Ağ boşluqdan ağıllı istifadə çox vacibdir.
Səhifə Nəzarətləri: Masaüstü Dəqiqliyi və Mobil Blobs
-
Daha dəqiq naviqasiya üçün geniş toxunma sahələri və ya qaynar nöqtələr.
- Fərqli URL: "m" hərfini əlavə edir. Çox vaxt saytın masaüstü versiyasına baxmaq üçün seçimdir.
- Giriş etimadnamələrində çox vaxt xüsusi yer var, bəzən barmaq izi əlçatanlığı var.
- Daha dəqiq kursora əsaslanan keçidlər və düymə.
İş masanızdaki dəqiq siçan göstəricisindən fərqli olaraq, insan barmağı bir damladır və toxunma hiperlinklər üçün ekranda böyük hədəflər tələb edir. Mobil uyğun saytlar dəqiq naviqasiyanı asanlaşdırmaq üçün geniş toxunma sahələri (və ya qaynar nöqtələr) təklif edir.
Mobil üçün uyğun veb-səhifələr də adətən öz ünvanlarında m hərfini ehtiva edir; məsələn, Facebook-un mobil ünvanı m.facebook.com-dur. Mobil planşet və ya smartfonla sörf etdiyiniz zaman mobil URL adətən sizin üçün avtomatik seçilir. Bəzi hallarda səhifənin adi masaüstü versiyasına keçməyə imkan verən toxuna bilən link görəcəksiniz.
Masaüstü kompüterlər və noutbuklar üçün nəzərdə tutulmuş giriş və parol sahələri telefonda kiçik və yararsız hala gəlir, buna görə də veb nəşriyyatçıları onları böyüdür, bəzən istifadə rahatlığı üçün onlara öz səhifələrini verir. Cihaz və xidmət imkanları inkişaf etdikcə barmaq izi və ya Google və ya Facebook kimi başqa hesabla daxil olmaq getdikcə adi hala çevrilir.
Niyə Önəmlidir?
Mobil veb səhifələr əl cihazları üçün nəzərdə tutulub və masaüstü oxumaq üçün hazırlanmış səhifələrdən tamamilə fərqlidir. Siz adətən mobil cihazda veb-səhifənin masaüstü versiyasına və əksinə baxa bilsəniz də, onlar məzmuna baxmaq, oxumaq və naviqasiyanı asanlaşdırmaq üçün fərqli şəkildə tərtib edilib.
