Mobil qurilmalar uchun sayt dizayni: mobile-first yondashuv
Mobile-first — bu «desktop versiyasini kichik ekranga siqish» emas, balki loyihalashni aynan telefondan boshlab, keyin katta ekranlar uchun kengaytirish.
Bu nega aynan hozir muhim
O'zbekiston bozorida saytga tashrif buyuruvchilarning ko'pchiligi telefondan, ko'pincha beqaror mobil internet orqali keladi.
«Yuqoridan pastga» moslashuv — desktopdan mobilgacha — deyarli har doim murosalarga olib keladi: uch ustunda mantiqan ko'rinadigan elementlarni siqish, kesish yoki yashirish kerak bo'ladi.
Loyihalashda nima o'zgaradi
Bloklar tartibi boshidanoq bitta ustun uchun o'ylab chiqiladi, uch ustunli desktop joylashuvidan chiqarilmaydi.
Tugmalar va interaktiv elementlar o'lchami sichqoncha kursori uchun emas, barmoq uchun hisoblanadi — chegara atrofida taxminan 44 piksel.
Shakllar desktop versiyasidan ko'ra ko'proq soddalashtiriladi.
Dizayn qismi sifatida tezlik
Mobil versiya uchun rasmlar shunchaki brauzer tomonidan vizual siqilmasdan, kichikroq og'irlikda bo'lishi kerak.
«Ehtiyot uchun» ulangan shriftlar va skriptlar aynan eng og'riqli joyda — sekin ulanishda kontent birinchi paydo bo'lishida kechikish qo'shadi.
Kichik ekran uchun tipografika va kontent
Mobil ekrandagi matn 16 pikseldan kam bo'lmasin, aks holda foydalanuvchi masshtabni kattalashtira boshlaydi.
Sarlavha va asosiy iboralar mobil versiya uchun qisqaroq bo'lishi kerak.
Yondashuv ishlaganini qanday tekshirish kerak
Saytni haqiqiy telefonda mobil internet orqali sinang, faqat kompyuterdagi brauzer emulyatsiyasida emas.
Ishga tushgandan keyin mobil va desktop tashrif buyuruvchilar uchun voz kechish va arizalar ko'rsatkichlarini alohida solishtiring.