Sizda " sezgir veb-sayt " bormi? Bu tashrif buyuruvchining qurilmasi va ekran o'lchamiga qarab o'zgaradigan tartibga ega sayt. E'tiborli veb-dizayn hozir sanoatning eng yaxshi amaliyotidir. Google tomonidan tavsiya etiladi va internet orqali millionlab saytlar topilgan. Shu bilan birga, turli xil ekranlardagi o'lchamlarga "mos" va haqiqatan ham javob beradigan saytga ega bo'lgan veb-saytga ega bo'lish o'rtasida katta farq bor.
Men kompaniyani muntazam ravishda o'z veb-saytlarini qayta ko'rib chiqmoqdaman va o'zlarining yangi uyali aloqa dizayni fazilatlarini qo'llab-quvvatlaydigan matbuot nashrlarini surishtiraman. Men ushbu saytlarga tashrif buyurganimda, men ko'pincha turli ekranlarga moslash uchun chindan ham kengayib, o'zgarib turadigan tartib, deb hisoblayman, ammo bu ular javob berish g'oyasini oladigan darajada. Bu etarli emas. Chindan ham javob beradigan veb-sayt kichikroq yoki kattagina ekranga moslash uchun ko'proq hajmda ishlaydi. Ushbu saytlarda siz quyidagi muhim xususiyatlarni topasiz.
1. Optimallashtirilgan tashqi ishlash
Hech kim veb-saytni yuklashni kutishni ma'qul ko'rmaydi va kimdir ideal holda kamroq aloqa o'rnatishi mumkin bo'lgan mobil qurilma foydalanayotgan bo'lsa, tezda yuklash uchun saytga bo'lgan ehtiyoj yana ham muhimdir.
Xo'sh, saytingiz ish faoliyatini qanday qilib optimallashtirish mumkin? Agar siz yangi sayt bilan qayta ishlashni boshlayotgan bo'lsangiz, uni loyihaning bir qismi sifatida ishlash byudjeti yaratishingiz kerak. Agar siz mavjud sayt bilan ishlayotgan va noldan boshlamagan bo'lsangiz, birinchi qadam saytingizning ishlashini bugungi kunda qaerda turganingizni ko'rish uchun sinab ko'rishdir.
Sizning saytingizning ishlashi bilan bog'liq bo'lgan bazaviy varaqalaringiz bo'lsa, yuklab olish tezligini oshirish uchun kerakli yaxshilanishlarni boshlashingiz mumkin. Boshlash uchun ajoyib joy, ehtimol sizning saytingiz tasvirlari bilan. Katta yuklash - saytni asta-sekin yuklash saytlariga kirganda # 1 aybdor, shuning uchun rasmlarni veb-tasdiklash uchun optimallashtirish saytingizga ishlash nuqtai nazaridan yordam berishi mumkin.
Haqiqat shundaki, veb-sayt ishlashi va tezkor yuklab olish tezligi barcha tashrif buyuruvchilarga minnatdorchilik bildiradi. Hech kim hech qachon saytni "juda tez" yuklaganligini shikoyat qilmagan, biroq sayt yuklanish uchun juda ko'p vaqt talab qilsa, u odamlarni o'z ekranlariga mos keladimi yoki yo'qmi, deb hisoblaydi.
2. Smart Content Hierarchy
Agar veb-sayt keng ekranda aks ettirilsa, siz ekranning katta ko'chmas mulkidan foydalanishingiz mumkinligi sababli kontentni turli yo'llar bilan joylashtirishingiz mumkin. Muhim xabarlar va rasmlar, yangiliklar, tadbirlar haqidagi ma'lumotlar va sayt navigatsiyasini tez-tez ekranda bir vaqtning o'zida moslash mumkin. Bu tashrif buyuruvchiga sahifaning mazmunini osongina va tezda skaner qilish va ularga nima muhimligini aniqlash imkonini beradi.
Ushbu stsenariy ushbu veb-sayt dizayni qilganda va uni kichikroq ekranli qurilmalar uchun uyali telefonga aylantirganda ancha o'zgaradi. Birdan siz ekranning ko'chmas mulkining bir qismi bilan ishlayapsiz. Bu sizning saytingizda nima paydo bo'lishini, qanday ta'qib qilishni va hokazolarni ko'rish kerakligini anglatadi. Demak, hamma narsa bir vaqtning o'zida ko'rinib turadi, ehtimol, faqat bitta yoki ikkita narsani ko'rsatish mumkin (ulardan bittasi ehtimol navigatsiya). Bu esa, ierarxiyaning qarorlarini tuzish kerakligini anglatadi. Afsuski, ekranda birinchi bo'lib kelgan narsalarni tez-tez belgilaydi, keyin ikkinchi, va hokazo sahifaning o'zini kodlash usuli hisoblanadi. Ekranda kodning birinchi qismini, kodning ikkinchi elementini va shunga o'xshash narsalarni ko'rsatish uchun ta'sirchan saytni yaratishda eng oson. Afsuski, bir qurilmada eng muhim narsa boshqalarga nisbatan muhim emas. Haqiqiy javobgar bo'lgan sayt tarkiblarning ierarxiyasini turli vaziyatlarga qarab o'zgarishi kerakligini tushunadi va qaerda aks ettirilganligi haqida aqlli bo'lishi kerak.
CSS-layout texnikasi, jumladan, CSS Grid Layout, Flexbox va yana ko'p narsalarni yaxshilash veb-dizaynerlar va ishlab chiquvchilarga HTML-kodning mazmuni aniqlangan tartib-qoidalarini buzish o'rniga, kontentni oqilona joylashtirishga nisbatan ko'proq imkoniyatlar beradi. Ushbu yangi tartiblash usullaridan foydalanish qurilmaning manzara darajasi jihatidan yanada muhimroq bo'ladi va bizning sayt foydalanuvchilarining ehtiyojlari rivojlanishda davom etmoqda.
Qurilmaning kuchli va zaif tomonlarini hisobga oladigan tajribalar
Qurilmalar mavzusida qolish - har bir kishi saytingizga kirish uchun foydalanishi mumkin bo'lgan har bir qurilma ushbu platformaga xos bo'lgan kuchli va zaif tomonlarga ega. Katta sezgir sayt turli xil qurilmalarning qobiliyatlari va cheklovlarini tushunadi va ularni o'sha paytda foydalanadigan har qanday qurilma uchun eng mos moslashtirilgan tajribalar yaratish uchun ishlatadi.
Misol uchun, uyali telefon an'anaviy ish stoli kompyuterida topa olmaydigan qator xususiyatlarni o'z ichiga oladi. GPS - mobil markazlashgan xususiyatlardan biri (ha, siz ham ish stollarida umumiy manzil ma'lumotlarini olishingiz mumkin, lekin qurilma GPS juda ham aniq). Sizning saytingiz GPS-dan ma'lumot olish uchun shaxsni aniq va batafsil ravishda qadam-qadam ma'lumotlarini yoki maxsus takliflarni shu yerda qaerda bo'lishidan qat'i nazar yuborishingiz mumkin.
Amalda bu printsipning yana bir misoli, qaysi ekran ko'rinishidan foydalanayotganingizni tushunadigan va ushbu ekranga mos keladigan rasmlarni yuboradigan sayt bo'ladi. Agar sizda yuqori pikselli zichlikli ekraningiz bo'lsa, siz ekranga yuqori sifatli tasvirlarni yuborish haqida qaror qabul qilishingiz mumkin. Bunday tasvirlar kamroq ekranli displeyda noaniq bo'lar edi, lekin qo'shimcha fayl hajmi yo'qolib qolsa, qo'shimcha fayl hajmi asl sababsiz ko'chirib olinadi.
Katta javob beruvchi saytlar butun foydalanuvchilar tajribasini hisobga oladi va u tajribani ekranning bir turi yoki o'lchamiga emas, balki apparatning boshqa muhim jihatlariga moslashtirish uchun ishlaydi.
4. Kontent bilan kontent
Dastlab, veb-dizayni sezgir veb-dizayni saytning turli xil ekran o'lchamlariga javob beradigan g'oyasi tufayli o'z nomini oldi, ammo siz faqat ekran hajmiga qaraganda ko'proq javob berishingiz mumkin. Qurilmaning kuchli va zaif tomonlarini ishlatishning avvalgi misolida siz veb-saytingiz tajribasini chindan ham sozlash uchun ularni va sana va vaqt kabi boshqa ma'lumotlarni ishlatishingiz mumkin.
Katta savdo ko'rgazmasi uchun saytni tasavvur qiling. E'tiborli veb-sayt turli xil ekranlar yordamida skanerlash uchun sayt sahifalarini tartibini o'zgartirsa-da, qaysi kontentni ko'rish uchun eng muhim ekanligini aniqlash uchun tarixdan foydalanishingiz mumkin. Agar voqea oldidan vaqt o'tgan bo'lsa, ehtimol ro'yxatdan o'tish ma'lumotlarini aks ettirishni xohlaysiz. Biroq, voqea aslida o'sha paytda sodir bo'lsa, ro'yxatdan o'tish eng muhim tarkibiy bo'lmasligi mumkin. Buning o'rniga, kun tartibidagi voqealar rejasini tanqid qilishingiz mumkin, chunki u foydalanuvchining zudlik bilan ehtiyojlariga mos keladi.
Yana bir qadam oldinga surib, qurilmangizning GPS-dasturiga qaerda ekanliklarini aniqlab olishingiz mumkin. Siz ularni joylashuviga asoslangan interaktiv kontentni berishingiz mumkin, ularni boshlash uchun yaqin stantsiyalar yoki sessiyalarni ko'rsatasiz.
5. imkoniyat
Saytga tashrif buyuruvchining ehtiyojiga qanchalik chinakam javob bera olishini ko'rib chiqadigan so'nggi misol - bu saytning mavjudligi haqida o'ylashdir. Veb-saytlar imkoniyati cheklangan kishilar, shu jumladan, nogironligi bo'lgan shaxslar tomonidan ishlatilishi mumkin. Sizning veb-saytingiz kontentga kirish uchun ekranli o'quvchi yoki boshqa yordamchi dasturga muhtoj bo'lgan shaxs tomonidan foydalanishi mumkin. Shu tarzda, saytingiz ularning ehtiyojlariga javob beradi, chunki tajribangiz nogironlik bo'yicha tashrif buyuruvchilar uchun har xil bo'lsa-da, hali ham mos kelmasligini ta'minladi.
Veb-sayt faqatgina "uyali aloqa" dan ko'ra ko'proq bo'lishi mumkin, faqatgina ekran o'lchami emas, balki imkon qadar ko'p ma'lumotli punktlarga javob berish orqali bu iboraning har bir ma'nosida chinakam tajriba bo'lishi mumkin.