Mobil optimallaşdırılması olmayan veb saytların sayı azalsa da, yalnız masa üstü üçün nəzərdə tutulmuş saytlar var. Təəssüf ki, Google -un əvvəlki 'mobilizatoru' veb xidməti dayandırıldı. Xidmətin mənəvi varisi, mobil baxış üçün saytları nəzərdən keçirməkdənsə, yavaş əlaqələr üçün optimallaşdırma ətrafında hazırlanmış Google Weblight -dır. Google xidmətindən başqa, mobilliyi nəzərə alaraq bir sayt hazırlayarkən nəzərə alınması lazım olan bir sıra təcrübə və vasitələr var.
Addımlar
2 -dən 1 -ci hissə: Google Weblight ilə təcrübə
Addım 1. Weblight -ın necə işlədiyini təhlil edin
Weblight, zəif şəbəkə şəraitində istifadəçilərə daha sürətli və daha yüngül səhifə yükləmələri təmin etmək üçün Google tərəfindən yaradılan bir alqoritmdir. Bu o deməkdir ki, Weblight -ın heç bir istifadəçi interfeysi yoxdur və arxa tərəfdə işləyir. Səhifələr, mobil platforma üçün açıq şəkildə optimallaşdırılmış deyil, daha yüngül bir təcrübə təmin edən daha mürəkkəb elementlərindən təmizlənir.
Addım 2. Weblight ilə sayt dəyişikliklərini sınayın
Mobil cihazınızda, tam sayt URL -nizi web işığı ünvanının sonuna əlavə edin (məsələn, veb saytınız "mywebsite.com" olarsa, https://googleweblight.com/?lite_url=https://mywebsite.com daxil olun)). Səhifə özünün sadələşdirilmiş, lakin funksional versiyasını yükləyəcək. Silinən elementlərlə bəzi saytlar mobil cihaz ekranlarında daha yaxşı görünə bilər.
Addım 3. Məhdudiyyətləri tanıyın
Unutmayın ki, bu istifadəçi qarşılıqlı əlaqəsi üçün hazırlanmış açıq bir çevirici vasitə deyil. Veb saytına əl ilə daxil olmaq bir qədər çətin olsa da, Weblight istifadə üçün deyil, sürət üçün nəzərdə tutulmuşdur.
2 -ci hissə 2: Mobil Uyğunluq üçün Dizayn
Addım 1. Mobil cihaz məhdudiyyətlərini unutmayın
Mobil cihazlar, masaüstündəki həmkarlarından fərqləndirən bəzi cəhətləri bölüşür. Mobil istehlak üçün bir sayt yaratarkən bu əsas xüsusiyyətlər əsas fikirlər olmalıdır.
- Kiçik ekranlar və şaqulilik: Mobil cihazlarda ekran qətnamələri daim təkmilləşsə də, ölçü və forma faktoru sayt dizaynı üçün narahatlıq doğurur. Bir saytın tək bir sütun planına uyğunlaşdırılması telefonlar üçün ən yaxşısıdır (planşetlər çox vaxt problemsiz masaüstü saytlarından istifadə edə bilər).
- Toxunma interfeysləri: Səhifə elementləri barmaq ölçüsü nəzərə alınmaqla yerləşdirilməlidir. Mouseover istifadə edən elementlər minimuma endirilməli və ya toxunmaq üçün yenidən dizayn edilməlidir (məsələn açılan menyular).
- Məlumat sürəti: Mobil cihazların ən böyük üstünlüklərindən biri də wifi diapazonu xaricində istifadəsidir, lakin məlumat əlaqələri ümumiyyətlə daha yavaş və daha az etibarlıdır. İstifadəçi interfeysi (UI) sadə qalmalı və məzmun görünən və əlçatan olmalıdır. Çox qarışıqlıq yükləmə müddətini azaldar və naviqasiyanı çətinləşdirər.
Addım 2. Məzmun İdarəetmə Sistemi (CMS) xidmətindən istifadə edin
Daha az qaynaqla inkişaf edənlər üçün Wordpress və ya Squarespace kimi bir CMS xidmətindən istifadə aşağı qiymətli, istifadəçi dostu mobil dizayn üçün əla seçimdir. Həssas veb dizaynından istifadə edən mövzular, mobil sayt üçün ən asan şablonu təmin edəcək.
Həssas veb dizaynı, dizaynın hamar bir şəkildə keçməsinə və platformalar arasında istifadəyə imkan verən maye dizayn elementlərinin istifadəsini təşviq edən bir veb dizayn nəzəriyyəsidir
Addım 3. Masaüstü proqramı istifadə edərək mobil cihaz ekranlarını sınayın
Veb sayt estetikasını və funksionallığını sınamaq üçün mobil cihazları təqlid etməyə imkan verən bir sıra pulsuz veb tətbiqləri var. Bu vasitələrdən istifadə etmək istədiyiniz test cihazını seçmək, sonra önizləmək üçün hədəf veb saytına daxil olmaq qədər asandır. Əksəriyyətinə ekran istiqaməti, piksel sıxlığı və ya hətta brauzer seçimi kimi dəyişənlər üçün vasitələr daxil olacaq. Bir neçə məşhur nümunə:
- Chrome Cihaz Modu Emulatoru
- mobilephoneemulator.com
- screenfly (quirktools altkimi)
- mobiletest.me (ödənişli üzvlük)
