Mobil qurilmalarda foydalanish uchun optimallashtirilgan veb-sahifalar ish stoli va noutbukda ko'rinadiganlardan farq qiladi. Ikkinchisi katta ekranlar va sichqonchani aniq bosish uchun moʻljallangan, mobil veb-sahifalar esa kichikroq ekranlar va barmoqlarni aniq bosish uchun moʻljallangan.
- Kichikroq ekranlar va barmoq bilan aniq teginish uchun moʻljallangan.
- Sichqonchani aniq bosish bilan katta ekranlar uchun moʻljallangan.
Veb-saytga tashriflarning aksariyati mobil qurilmalardan kelishini hisobga olsak, sayt dizaynerlariga mobil qurilmalar va ish stoli kompyuterlari bilan ishlaydigan versiyalarni taqdim etish vazifasi yuklangan. Eng keng tarqalgan yondashuv brauzer tomonidan aniqlangan foydalanuvchi qurilmasi va ekran o'lchamiga qarab avtomatik ravishda mos versiyani taqdim etadigan sezgir veb-dizayndan foydalanishdir.
Har qanday holatda ham mobil qurilmalarga mos veb-sahifalar ish stoli versiyalaridan bir qancha jihatlari bilan ajralib turadi.
Sahifa dizayni: Mobil ekranlarda kamroq joy bor
- Smartfon va planshet displeylari diagonali 4-10 dyuym.
-
Yigiladigan yoki kengaytiriladigan menyu vidjetlari odatda yon panellar va katta hajmli sarlavha menyularini almashtiradi.
- Matn orasidagi boʻshliqdan sudda foydalaniladigan toʻliq kenglikdagi grafiklar.
- Koʻpchilik ish stoli monitorlari diagonal boʻyicha 19-24 dyuymni oʻlchaydi.
- Homiyli havolalar va katta bannerli reklamalar keng tarqalgan.
- Grafiklar uchun koʻproq imkoniyatga ega zichroq matn.
Ish stoli va mobil veb-sahifalar oʻrtasidagi eng aniq farq bu ekran koʻchmas mulkidir. Ko'pgina ish stoli monitorlari diagonali kamida 19 dyuymdan 24 dyuymgacha bo'lsa-da, planshetlar odatda 10 dyuym atrofida bo'ladi. Smartfonlar diagonali taxminan 4 dyuym. Shunchaki kichraytirish veb-sahifani mobil versiyaga muvaffaqiyatli aylantira olmaydi, chunki u matnni o'qib bo'lmaydi va saytga tashrif buyuruvchidan qo'shimcha qadam talab qiladi. Bundan tashqari, mayda elementlarga aniq tegib bo‘lmaydi.
Muammoni tuzatish uchun dizaynerlar juda zarur boʻlmagan yon panellar va grafiklarni olib tashlashi mumkin. Buning o'rniga ular kichikroq grafiklardan foydalanadilar, shrift o'lchamlarini oshiradilar va tarkibni kengaytiriladigan vidjetlarga yig'adilar. Ko‘chmas mulk bilan bog‘liq bu cheklov veb-dizaynerlar orasida butunlay boshqacha fikrlashga olib keldi.
Shuningdek, yigʻiladigan yoki kengaytiriladigan menyu vidjetlari odatda yon panellar va katta hajmli sarlavha menyularini almashtiradi. Dizaynerlar ekran maydonining har bir millimetrini hisoblab chiqishga intilib, o‘qish qulayligini diqqat bilan kuzatib, ortiqcha oq bo‘shliqni olib tashlaydilar.
Koʻplab homiylik havolalari va katta bannerli reklamalar telefon yoki kichik planshetda ishlamaydi. Buning oʻrniga, mobil veb-sahifalarda kichik qalqib chiquvchi reklamalar koʻproq uchraydi.
Grafik atrofiga oʻralgan matndan iborat tartiblar mobil qurilmalarda yaxshi ishlamaydi. Buning o'rniga, dizaynerlar ko'pincha ushbu grafiklarga ekranning to'liq kengligini beradilar va matnni ostida yoki yuqorida ishlatadilar. Xuddi shunday, yaxshi veb-dizayn matnni o'qish uchun qismlarga ajratadi; hech kim matnning mustahkam devorlarini o'qishni xohlamaydi. Bu kichik ekranlarda yanada muhimroq bo'ladi. Oq bo'shliqdan oqilona foydalanish juda muhim.
Sahifa boshqaruvlari: Desktop Precision va Mobile Blobs
-
Aniqroq navigatsiya uchun katta teginish joylari yoki faol nuqtalar.
- Turli URL: "m" harfini qo'shadi. Ko'pincha saytning ish stoli versiyasini ko'rish imkoniyati.
- Kirish maʼlumotlarida koʻpincha maxsus joy boʻladi, baʼzan barmoq izi bilan foydalanish mumkin.
- Aniqroq kursorga asoslangan havolalar va tugma.
Ish stolidagi aniq sichqoncha koʻrsatgichidan farqli oʻlaroq, inson barmogʻi toʻq boʻlib, bosish giperhavolalar uchun ekranda katta nishonlarni talab qiladi. Mobil qurilmalarga mos saytlar aniq navigatsiyani osonlashtirish uchun katta teginish joylarini (yoki ulanish nuqtalarini) taklif qiladi.
Mobilga mos veb-sahifalar odatda o'z manzillarida m harfini o'z ichiga oladi; masalan, Facebook mobil manzili m.facebook.com. Mobil planshet yoki smartfon bilan sayohat qilganingizda, odatda mobil URL avtomatik ravishda tanlanadi. Baʼzi hollarda sahifaning oddiy ish stoli versiyasiga oʻtish imkonini beruvchi bosiladigan havolani koʻrasiz.
Stol kompyuterlari va noutbuklar uchun moʻljallangan login va parol maydonlari telefonda kichik va yaroqsiz boʻlib qoladi, shuning uchun veb-nashrlar ularni kattalashtiradi, baʼzan esa ulardan foydalanish qulayligi uchun oʻz sahifalarini beradi. Barmoq izi yoki boshqa hisob qaydnomasi, masalan, Google yoki Facebook orqali tizimga kirish qurilma va xizmat imkoniyatlarining rivojlanishi bilan tobora keng tarqalgan.
Nega bu muhim?
Mobil veb-sahifalar qoʻl qurilmalari uchun moʻljallangan va ish stolida oʻqish uchun yaratilgan sahifalardan ancha farq qiladi. Odatda mobil qurilmada veb-sahifaning ish stoli versiyasini ko‘rishingiz mumkin bo‘lsa-da va aksincha, ular kontentni ko‘rish, o‘qish va navigatsiya qilishni osonlashtirish uchun boshqacha tarzda yaratilgan.
