Tarkib
- Evolyutsiya
- Balanslash harakati
- Navigatsiya strategiyalari
- Yashir
- Qisqartiring
- Kichraytiring
- Qayta tartibga soling
- Yiqitish
- Uni o'zgartiring
- Uni ochib bering
- Qaror sizniki
Ushbu maqola birinchi marta veb-dizaynerlar va ishlab chiquvchilar uchun dunyodagi eng ko'p sotiladigan jurnal - .net jurnalining 232-sonida paydo bo'ldi.
Navigatsiya, birovni sayt ichidagi joyga ko'chirishdan ko'proq narsani qiladi; bu foydalanuvchi tajribasini shakllantiradi. Aqlli navigatsiya foydalanuvchining saytingiz mazmuni, xizmatlari va takliflari haqidagi tushunchalarini yaxshilashi mumkin, ammo qo'pol til, noma'lum qisqartmalar va jargon foydalanuvchilarni o'z maqsadlaridan chalg'itishi va chalg'itishi mumkin. Yaxshi bajarilgan navigatsiya sizning brendingizni aks ettiradi va uning ishonchliligini oshiradi, ammo mos bo'lmagan navigatsiya dissonansni keltirib chiqaradi va ishonchsizlikni keltirib chiqaradi. Oddiy, tushunarli navigatsiya foydalanuvchilarning tovarlarni osongina topishini va sotib olishlarini ta'minlash orqali sizning sotuvlaringizni oshirishi mumkin; chalkash navigatsiya o'rniga mijozlarga xizmat ko'rsatish va qo'llab-quvvatlash xarajatlarini oshirishi mumkin.
Albatta, bu har doim ham shahvoniy emas, lekin sizning veb-saytingizning muvaffaqiyati yoki muvaffaqiyatsizligi uchun navigatsiya juda muhimdir. Sizning kontentingiz, mahsulotingiz yoki xizmatingiz qanchalik yaxshi ekanligi muhim emas ... agar foydalanuvchilar uni topa olmasa, ular davom etishadi.
Evolyutsiya
Dastlab mobil veb haqiqatga aylanganda, ushbu taqsimlanmagan hududga kirishga ehtiyoj sezgan kam sonli kompaniyalar - asosan aviakompaniyalar va moliya institutlari - buni butunlay alohida mobil veb-saytlar yaratish orqali amalga oshirdilar, ko'pincha noyob tarkib va navigatsiya bilan. Ko'pincha, bu saytlar ota-ona veb-saytining "oddiy" versiyasini tashkil etdi, tarkib va navigatsiya "yo'lda" kerak bo'ladigan vazifalarga qaratilgan. Ushbu saytlarning aksariyati (ayniqsa, asosiy sahifalar) butunlay navigatsiya edi: havolalar ro'yxati va biznes manfaatlari yoki UX jamoalari asosiy vazifalar deb hisoblagan narsalarga erishish uchun havolalar ro'yxati va oddiy shakllar.
Bu o'sha paytda yaxshi strategiya edi. Ko'pgina mobil veb-brauzerlar CSS-ga asoslangan maketlarni boshqarish uchun etarlicha kuchga ega emas edi va bir nechtasi WAP yoki XHTML MP ko'rinishidagi HTML ning asosiy elementlaridan ko'proq qo'llab-quvvatlangan. Ushbu qurilmalarni ko'rib chiqish og'riqli edi, ko'pincha telefon raqamlari paneli, tugmachani bosish tugmasi yoki aylantirish g'ildiragi yordamida amalga oshirildi. Agar sizga Treo yoki shunga o'xshash qurilmaga ega bo'lish nasib etgan bo'lsa, barmog'ingiz yoki qalamingiz yordamida minuskule ekraningizdagi mayda havolalarni bosishingiz mumkin.
Bularning barchasi shuni anglatadiki, mobil qurilmada Internetda harakatlanish yoqimli ish emas edi. Imkoniyatli bo'lmagan brauzerlar va "melas" kabi asta-sekin ulanishlarni hisobga olgan holda, biror narsani qidirish uchun veb-saytga "o'tish" mumkin emas edi. Hechqisi yo'q edi. Faqat kutish va umidsizlik.
Mobil qurilmada ko'rib chiqish holatini hisobga olgan holda oddiy navigatsiya va vazifalarga yo'naltirilgan mobil saytlar toza nafas edi. An'anaviy ish stoli saytini ko'rib chiqishga (yoki shunchaki yuklashga) urinish dahshatli tush edi. Binobarin, agar siz veb-telefonni mobil telefoningizda ishlatgan bo'lsangiz, bu, albatta, ma'lumotlarga darhol kirish huquqiga muhtojligingiz va undan qulayroq qurilmangiz bo'lmaganligi bilan bog'liq. Va buni amalga oshirganingizda, siz to'g'ridan-to'g'ri saytga kirib, kerakli ma'lumotlarni oldingiz va tark etdingiz. Siz kamdan-kam hollarda turar edingiz va hech qachon shunchaki o'yin-kulgi uchun sayr qilmadingiz. Agar siz, albatta, nihoyatda zerikmasangiz.
2007 yilda iPhone paydo bo'lishi bilan veb-saytga mobil qurilmadan kirishni anglatuvchi tushunchamiz tubdan o'zgardi. Yo'q, Apple paydo bo'ldi va odatdagi donolikka qarshi chiqdi, mobil telefonda ko'rib chiqishni ish stoli yoki noutbukda bo'lgani kabi har qanday to'liq xususiyatli bo'lishiga imkon berdi. Nafaqat u, balki qiziqarli bo'ldi! (Tezmi? Xo'sh, unchalik emas. Hech bo'lmaganda '07 yilda emas.)
Birinchi iPhone "kichkina" ekranda veb-sayt bo'ylab teginish va siljitish imkoniyatini berdi - yoqimli, yoqimli. Kelgusi oylar va yillarda foydalanuvchilar maqsadga yo'naltirilgan an'anaviy "mobil" ko'rib chiqish paradigmasidan odatdagidek "ish stoli" ga o'tishni boshladilar. Va 2010 yilda CSS3 media-so'rovlari paydo bo'lishi bilan, JavaScript-ga asoslangan hiyla-nayrang va muqobil uslublar jadvallariga tayanmasdan, ular ko'rsatiladigan ekranga moslashtirilgan moslashuvchan maketlarni yaratish mumkin bo'ldi.
Balanslash harakati
Mobil va ish stollarini tarqatib yuborish o'rtasidagi farq bilan, veb-tajribalarning kengligini bitta kod bazasidan boshqarish qiziqarli haqiqatga aylandi va kichik ekranli qurilmalardan tarkibni olib tashlashni oqlashni qiyinlashtirdi. Axir eski mobil Internetda odatiy bo'lgan "mobil" kontekst endi ta'minlanmadi. O'qishdan keyin olib borilgan tadqiqotlar shuni isbotladiki, odamlar televizor oldida divanda o'tirgan holda o'z telefonlarida Internetda bemaqsad qilishmoqda. Bu "yo'lda" dan imkon qadar uzoqroq.
Haqiqat shundaki, foydalanuvchilar endi "oddiy" mobil tajribadan mamnun emaslar, shuningdek "Katta saytni ko'rish" havolasini qidirishni xohlamaydilar, faqat katta monitor uchun mo'ljallangan, uni ishlatish qiyin bo'lgan maket bilan kutib olishadi. Ular an'anaviy ish stoli veb-platformalarida qila oladigan hamma narsani qilishni xohlashadi (va bundan ham ko'proq). Yagona, moslashuvchan veb-tajribani qo'llab-quvvatlash bizning manfaatlarimizga javob beradi: Opera yaqinda AQShdagi foydalanuvchilar sonining 59 foizini faqat mobil telefonlar tashkil qilgan. Bu raqam Misr, Braziliya va Janubiy Afrika kabi joylarda ko'proq va butun dunyo bo'ylab o'sib bormoqda.
Agar biz foydalanuvchilar xuddi ish stolida bo'lgani kabi mobil qurilmada ko'rib chiqish ehtimoli bor deb hisoblasak, biz kichik ekran haqida "kamroq" kerak deb o'ylashni to'xtatamiz va ko'chmas mulk va mavjud imkoniyatlarga mos tarkib, maket va navigatsiyani yaratishga e'tibor qaratamiz. . Va shu bilan birga, biz ish stoli foydalanuvchilari haqidagi taxminlarimizni qayta ko'rib chiqishimiz kerak: bizning tarkibimizga intilishda ortiqcha g'ayritabiiy harakatlar veb-dizaynning o'tmishiga aylanishi kerakmi? Biz veb-foydalanuvchilarning ehtiyojlarini mobil qurilmalar bilan taqqoslaydigan baxtli vositani qidirib topishimiz kerak.
Navigatsiya strategiyalari
Men sizni uyali navigatsiya strategiyalarining bo'ronli turiga olib boraman. Har birining ijobiy va salbiy tomonlari bor, eng muhimi, ularning har biri o'ziga xos bog'liqliklarga ega. Ko'pchilik, siz kutganidek, ommaviy axborot vositalarining so'rovlariga tayanadi. Ba'zilarida buyurtma manbai talablari mavjud. Va ba'zilari JavaScript-ga ishonishadi, ularning yo'qligi noqulay interfeysga olib kelishi mumkin.
Yashir
Bizning birinchi strategiyamiz eski "mobil veb" lageridan o'z o'rnini oladi va foydalanuvchilarga faqat "asosiy" vazifalarni bajarishga imkon beradi (UX jamoasi, yuqori menejment yoki mavjud mobil sayt foydalanuvchi tomonidan aniqlanganidek). Foydalanuvchilarga ozgina (yoki umuman bo'lmagan) navigatsiya taklif etiladi va ular faqat veb-sayt funktsiyalarining bir qismiga kirishlari mumkin. Ba'zi hollarda, navigatsiyani qisqartirish yoki olib tashlash to'g'risida qaror ko'chmas mulkni saqlab qolish uchun qabul qilinadi. Bunday veb-saytni faqat mobil qurilmada ko'radigan foydalanuvchilar hech qachon o'zlarining funktsiyalari etishmayotganligini bilishlari mumkin, ammo bir nechta platformalarda (bu o'sib borayotgan tendentsiya) tashrif buyurgan foydalanuvchilar o'zlarini ko'rmagan narsalardan ko'ngli qolishi mumkin. kirish uchun ishlatilgan.
Haqiqiy ish joylari ushbu strategiyaning yaxshi namunasidir. Saytning asosiy navigatsiyasi sukut bo'yicha yashiriladi va agar brauzer ommaviy axborot so'rovlarini qo'llab-quvvatlasa va kamida 768px kengligida ko'rsatilsa:
/ * Sukut bo'yicha navni yashirish * / body> header nav {display: none;} / *> = 768px * / @ media only screen and (min-width: 768px) {/ * Nav-ni yana ko'rsatish * / body> sarlavha nav {display: block;}}
Ushbu strategiya o'z foydalanuvchilariga yaxshi xizmat qilishi mumkin bo'lsa-da, mobil foydalanuvchilar hali ham HTML-ni yuklab olishga majbur qilinayotganligini anglash kerak. To'g'ri, bu ushbu misolda faqat bir nechta navigatsiya havolalari - lekin siz foydalanishni boshlaganingizda displey: yo'q ko'proq tarkibingiz (xususan, rasmlar) uchun bu sayt tezligiga, shuningdek sizning saytingiz foydalanuvchining o'tkazuvchanlik kengligidan qanchalik katta ta'sir ko'rsatishi mumkin.
Men aytib o'tganimdek, ushbu strategiya kichik ekranli qurilmadan vazifani (masalan, ishni yuborish) bajarishni istagan tez-tez foydalanuvchilarni asabiylashtirishi mumkin. Aytgancha, "Authentic Jobs" sahifalarining aksariyati uyali ko'rinishda va yaxshi ishlaydi; shunchaki ular orasida harakatlana olmaysiz.
Qisqartiring
Agar siz bir necha darajadagi navigatsiya elementlaridan tashkil topgan katta navigatsiya menyusi uchun oqilona tartibni topishga qiynalayotgan bo'lsangiz, ulanishlar sonini faqat mobil qurilmalar uchun birlamchi havolalarga qisqartirish haqida o'ylashingiz mumkin. Bu, albatta, ushbu navigatsiya elementlarining har birida ushbu pastki sahifalarga kirishni ta'minlaydigan tegishli ochilish sahifasiga ega bo'lishini taxmin qiladi (afsuski, bu har doim ham shunday emas).
Oldingi misolda bo'lgani kabi, ushbu strategiya sizning kichik ekran foydalanuvchilaringizga soliqni ularni talab qilganidan ko'proq qo'shimcha yuklashni majburlash orqali joylashtiradi. Ijobiy tomoni, avvalgi misoldan farqli o'laroq, siz o'zaro faoliyat platformadagi foydalanuvchini xafa qilolmaysiz, chunki asosiy navigatsiya variantlari izchil bo'ladi.
Agar siz ushbu strategiyani ko'rib chiqmoqchi bo'lsangiz, o'zingizdan sub-navigatsiya biron bir platformada haqiqatan ham zarurmi yoki yo'qligini so'rashingiz kerak. Axir, undan kichikroq ekranlarda xalos bo'lishni istasangiz, kattaroq ekranlarda sizga haqiqatan ham kerakmi? Shunisi e'tiborga loyiqki, ushbu kontseptsiya boshqa navigatsiya strategiyalarining aksariyati bilan birgalikda ishlatilishi mumkin.
Maykl Sharnagl eksperiment doirasida navigatsiya sxemasini ishlab chiqdi, u erda asosiy navigatsiya yo'nalishlarini ustuvorlikka qarab uchta alohida guruhga ajratdi va ko'proq ko'chmas mulk mavjud bo'lganda tobora ko'proq narsalarni qo'shdi. Kichik ekranlarda u "ko'proq" havolani namoyish etadi, bu esa foydalanuvchilarga qo'shimcha navigatsiya elementlarini JavaScript-ga ishonmasdan ko'rish imkoniyatiga o'tkazishga imkon beradi (men JavaScript-ni ochish bilan yaqin orada muhokama qilaman).
Kichraytiring
Agar sizning saytingizning navigatsiyasi nisbatan qisqa bo'lsa, siz shunchaki navigatsiya elementlarining joylashuvi va hajmini sozlash bilan qutulishingiz mumkin. "Qisqacha" - bu shubhasiz, fikrlar masalasidir, shuning uchun siz navigatsiya kamaygan taqdirda ham qancha joy egallashini bilishingiz kerak. Agar ular ilhom izlamasalar yoki mobil navda biron bir maqola yozmasalar, foydalanuvchilar odatda saytingizga navigatsiyani tekshirish uchun kelishmaydi.
Ushbu strategiyalarning barchasida bo'lgani kabi, bosish mumkin bo'lgan hajmni saqlab qolish sensorli ekranlarning asosiy qismidir, chunki barmoqlar sichqonchaning ko'rsatgichiga qaraganda ancha aniqroq. Noto'g'ri teginish ehtimolini kamaytirish uchun mo'l-ko'l maqsadlarni taqdim etganingizga ishonch hosil qiling (kamida 44px kvadrat) va foydalanuvchilaringizga navigatsiya elementlari orasida ozgina nafas olish xonasini bering.
/ * = 720px * / @ media (max-width: 720px) {/ * Ro'yxatni lineerlashtiring va ob'ektlar oralig'ini chiqaring * /. Mainnav li {display: inline-block; line-height: 1em; margin: 0 .5em .5em 0;} / * Havolalarni kattalashtiring va tappable * /. Mainnav li a {border-radius: 1em; font-size: 1em; padding: .5em .75em;}}
Qayta tartibga soling
Bir necha yillardan buyon veb-standartlar himoyachilari, SEO bo'yicha maslahatchilar va kirish bo'yicha mutaxassislar tarkibni manba tartibida birinchi o'ringa qo'yish tarafdori. Axir, agar siz CSS dan foydalanayotgan bo'lsangiz, navigatsiyani sahifaning yuqori qismiga ko'chirish shabada.
Ushbu yondashuvning foydasi shundaki, u sizning foydalanuvchilaringiz va qidiruv tizimining o'rgimchaklari uchun sahifangizning "go'shti" ga darhol kirish imkoniyatini beradi. Aytgancha, bu uyali aloqa foydalanuvchilari uchun juda foydali, chunki ular tarkibiga kirishdan oldin saytingiz uchun barcha navigatsiya variantlarini ko'rib chiqishlari shart emas. Contents jurnali ushbu sodda yondashuvni sahifaning yuqori qismidagi "o'tish uchun o'tish" havolasi bilan birgalikda foydalanuvchiga xohlagan vaqtda navga kirish huquqini darhol taqdim etish uchun ishlatadi.
/ *> = 768px * / @ media ekrani va (min-width: 48em) {/ * "o'tish" ni yashirin * /. Go-nav {left: -1000em;} / * nav up * / # site-nav {position: mutlaq; top: -5em; width: 100%; z-index: 5;}}
Manba buyurtmalarining mustaqilligi saytingizdan foydalanish va foydalanish imkoniyatlarini oshirish uchun juda foydali bo'lishi mumkin. Siz mutlaqo joylashishni yaxshi bilsangiz, uni amalga oshirish juda qiyin emas. Foydalanuvchilar ham sahifaning yuqori qismiga osongina o'tishlari uchun navigatsiya ro'yxatining oxirida "yuqoriga qaytish" havolasini qo'shganingizga ishonch hosil qiling.
Sahifadan langar ma'lumotnomasiga o'tish biroz jarangdor bo'lishi mumkin. Ammo ba'zi bir JavaScript-ni yordamida siz foydalanuvchini sahifani yuqoriga yoki pastga silliq siljitish uchun "o'tish" havolasini bosishingiz mumkin. Karl Svedbergning jQuery uchun Smooth Scroll plagini bu maqsadda menga ishonchli xizmat qildi.
Yiqitish
Mobil telefonda katta navigatsiya ro'yxatlarini boshqarish uchun eng mashhur mexanizmlardan biri bu ochiladigan menyu. Ushbu UI konstruktsiyasini bir nechta turli xil usullar bilan bajarish mumkin, ularning har biri o'ziga xos bog'liqliklarga ega. To'g'ri tanlash uchun, avval menyu kengaytirilganda sahifa tarkibini pastga surish kerakmi yoki yo'qligini aniqlash kerak.
Starbucks, ehtimol tarkibni siljitish o'rniga sahifani pastga tushiradigan ochiladigan menyuning eng mashhur namunasidir. Bunga erishish uchun navigatsiya ro'yxati hujjatning yuqori qismida ko'rsatilishi kerak, shunda u kengayganda, keyingi barcha tarkibni sahifaga tushiradi.
/ * Navni sukut bo'yicha yashirish * / # nav .nav_menu {display: block; height: 0; overflow: hidden;} / * JS .open sinfini qo'shganda oching * / # nav.open .nav_menu {balandlik: avtomatik;}
Qizig'i shundaki, JavaScript-ni ishlatmasdan, Starbucks "o'tish" havolasini yorliq sifatida ishlatishiga qaramay navni ochiq qoldiradi. Yordamida JavaScript-ni ishlatmasdan, xuddi shu interfeysni davolashni amalga oshirishi mumkin edi : maqsad soxta sinf selektori, Nichols kollejining bo'lajak talabalari saytida bo'lgani kabi. Nichols kollejining sof CSS texnikasi haqida ko'proq ma'lumotni bu erda ko'ring.
Nichols kollejining sayti, shuningdek JavaScript-ni o'chiradigan dasturning ajoyib namunasi sifatida, ushbu interfeys komponenti haqida gap ketganda boshqa variantni ko'rsatadi: manba buyurtmasi mustaqilligi. Contents jurnali singari, ushbu sayt sahifaning pastki qismidagi barcha navigatsiyasini saqlaydi va uni tartibga solish paytida uni qayta o'zgartiradi. Agar foydalanuvchi quyidagi maqsadni qo'llab-quvvatlaydigan kichik ekranli qurilmada bo'lsa, asosiy navigatsiya havolalari yuqoriga ko'tariladi va foydalanuvchi ochilishni boshlaydigan "o'tish" havolasini bosguncha yashiriladi.
body: not (: target) #nav {/ * ushbu uslublar faqat quyidagi maqsadlarda qo'llaniladi: target va: notare ойлгholmagan (va tanasi maqsadsiz, albatta) * /}
Uni o'zgartiring
Mobil qurilmalarda navigatsiyani qisqartirishning yana bir mashhur mexanizmi - uni aylantirish tanlang element. Ushbu yondashuvning foydasi shundaki, u navigatsiya uchun zarur bo'lgan joyni keskin qisqartiradi, shu bilan birga foydalanuvchiga tanish ko'rinishni saqlaydi. Shuningdek, u navigatsiya elementlarining soni yoki chuqurligiga cheklov qo'ymaydi. Salbiy tomoni shundaki, ushbu sxemadan foydalanish uchun a) JavaScript-ni ishlatib ro'yxatga asoslangan navni tanlovga o'tkazish yoki b) qattiq kodlangan kodni saqlash kerak. tanlang navigatsiya uchun ro'yxatga qo'shimcha ravishda.
Beshta oddiy qadam ushbu uslub uchun so'nggi yondashuvdan foydalanadi. Uslublar jadvali media-so'rovlar asosida qaysi biri namoyish etilishini boshqaradi.
/ * = 767px * / faqat media-ning ekrani va (max-width: 767px) {/ * Ro'yxatni yashirish * / nav select {display: none;} / * Select * / nav select ni ko'rsatish { display: block;}} / * = 767px * / @ media only screen and (min-width: 768px) {/ * Ro'yxatni ko'rsatish * / nav select {display: block;} / * selectnavni yashirish tanlang {displey: yo'q;}}
Agar qo'shishga qaror qilsangiz tanlang JavaScript bilan dinamik ravishda yaratishdan ko'ra, o'zingizning belgilanishingizga siz o'z ichiga olgan shaklni yuborish uchun tugmani kiritishingiz kerak (va qayta yo'naltirishni boshqarish uchun ba'zi server tomonidagi kodlarga ega bo'lishingiz kerak) - tetiklash uchun JS-ga ishonishingiz mumkin emas sahifa o'zgarishi.
Agar siz bunday muammolarni xohlamasangiz, unda ishlab chiqarganingiz ma'qul tanlang JavaScript-ni ishlatib, formatdagi ro'yxatdan dinamik ravishda. Hech bo'lmaganda JavaScript-ni o'zgartirish hodisasini boshqarish uchun mavjudligini bilasiz. TinyNav va Responsive Menu - bu tanlangan ro'yxatga o'tkazishni boshqarish uchun ikkita (ko'p) JavaScript-ni variantlari.
Uni ochib bering
Potentsialni ko'rsatadigan so'nggi mobil navigatsiya paradigmasi - bu iOS-dagi Path va Sparrow va Facebook-ning Internetdagi dasturlari tomonidan ommalashtirilgan "ochish uchun slayd".
Facebook-ning mobil saytida navigatsiya sifatida tasniflangan div mavjud mSideArea va asosiy tarkib sifatida belgilangan div tarkibida mavjud sahifa. Ushbu ikkita divs tashqi div tarkibida joylashgan ko'rinish oynasi. Ushbu tashqi div uchun joylashuv kontekstini yaratish uchun nisbatan joylashtirilgan .mSideArea, bu mutlaqo joylashtirilgan va kengligi berilgan 260 piksel va uni ko'zdan uzoqlashtirish uchun bir xil miqdordagi salbiy chap ofset; #sahifa ofsetsiz nisbatan joylashtirilgan.
# viewport, # page {position: nisbiy;}. mSideArea {width: 260px; position: mutlaq; left: -260px;}
Aniqlash sinfini qo'shish orqali amalga oshiriladi yon Ko'rgazma uchun tanasi element. Ushbu sinfning qo'shilishi tetiklaydi #sahifa chap ofsetni olish 260 piksel (sahifa tarkibini o'ng tomonga siljitish) va sozlash .mSideAreaChap ofset qaytib 0ichiga ko'chirish 260 piksel chap tomonidagi bo'sh joy #sahifa.
.sideShowing #page {left: 260px;}. sideShowing .mSideArea {left: 0;}
Ishonch hosil qilish uchun bu kodning juda aqlli pirogi. Va buni biroz jirkanch qilishni xohlasangiz, CSS3 o'tishini qo'shing:
# sahifa, .mSideArea {/ * Prefiksli versiyalarni bu erga kiriting * / o'tish: left .5s;}
Facebook-ning yondashuvi sinfni almashtirishga asoslanganligi sababli, bu JavaScript-ga bog'liq. Ammo foydalanishingiz mumkin bo'lmagan sabab yo'q : maqsad shunga o'xshash effektni amalga oshirish uchun psevdo-klass (masalan, Nikols kolleji tomonidan qo'llaniladigan).
Qaror sizniki
Dizaynlaringizni kichikroq ekranlarga moslashtirmoqchi bo'lganingizda sizga juda ko'p qiziqarli navigatsiya variantlari mavjud. Har bir strategiyaning o'ziga xos ijobiy va salbiy tomonlari, shuningdek manba buyurtmasi, formatlash, CSS va / yoki JavaScript-ni qo'llab-quvvatlash shaklidagi bog'liqliklari mavjud. Faqat kumush o'q yo'qligini yodda tuting; har bir loyiha har xil va har bir loyihaning ehtiyojlari har xil. O'zingizning kontentingiz va foydalanuvchi maqsadlaringizni sinchkovlik bilan ko'rib chiqib, siz eng mos strategiyani aniqlab olishingiz kerak.
Muallifning eslatmasi: Bred Frostga mobil navigatsiya strategiyasining jonli to'plamini yaratganligi va saqlaganligi uchun minnatdorchilik bildirmoqchiman. Siz bu erda tekshirishingiz mumkin.
Creative Bloq-da mobil veb-saytlarni loyihalashtirish bo'yicha 20 ta maslahatni kashf eting.
