Хөдөлгөөнт төхөөрөмж дээр ашиглахаар оновчтой болгосон вэб хуудсууд нь ширээний болон зөөврийн компьютер дээр харагдахаас ялгаатай. Сүүлийнх нь том дэлгэц болон хулганыг нарийн товшиход зориулагдсан бол гар утасны вэб хуудсууд нь жижиг дэлгэц болон хуруугаараа тодорхой бус товшиход зориулагдсан.
- Бага дэлгэц болон хуруугаараа тодорхой бус товшиход зориулагдсан.
- Хулгана нарийн дардаг том дэлгэцэнд зориулагдсан.
Вэбсайтад зочилсон хүмүүсийн дийлэнх нь мобайл төхөөрөмжөөс ирдэг тул сайтын дизайнерууд хөдөлгөөнт төхөөрөмж болон ширээний компьютерийн аль алинд нь ажиллах хувилбаруудыг гаргах үүрэгтэй. Хамгийн түгээмэл арга бол хэрэглэгчийн төхөөрөмж болон хөтчөөс илрүүлсэн дэлгэцийн хэмжээнээс хамааран тохирох хувилбарыг автоматаар хүргэдэг responsive вэб дизайныг ашиглах явдал юм.
Ямар ч тохиолдолд гар утсанд ээлтэй вэб хуудсууд нь ширээний хувилбараас хэд хэдэн талаараа ялгаатай байдаг.
Хуудасны дизайн: Гар утасны дэлгэц бага зайтай
- Ухаалаг утас болон таблет дэлгэц нь диагональаараа 4-10 инчийн хэмжээтэй.
- Эвхэгддэг эсвэл өргөтгөх боломжтой цэсийн виджетүүд нь ихэвчлэн хажуугийн самбар болон том толгой цэсийг орлодог.
-
Текст хоорондын зайг шүүхээр ашигласан бүрэн өргөн график.
- Ихэнх ширээний дэлгэц нь диагональаараа 19 инч-24 инч хэмжээтэй байдаг.
- Ивээн тэтгэсэн холбоос болон том баннер зар илүү түгээмэл.
- График хийхэд илүү зайтай илүү нягт текст.
Ширээний болон гар утасны вэб хуудасны хамгийн тод ялгаа нь дэлгэцийн үл хөдлөх хөрөнгө юм. Ихэнх ширээний мониторууд диагональаараа дор хаяж 19 инч-24 инч хэмжээтэй байдаг бол таблетууд нь ихэвчлэн 10 инч байдаг. Ухаалаг гар утаснууд диагональаараа 4 инч орчим байдаг. Зүгээр л жижигрүүлснээр вэб хуудсыг гар утсанд ээлтэй хувилбар руу амжилттай хөрвүүлэхгүй, учир нь энэ нь текстийг унших боломжгүй болгож, сайтын зочноос нэмэлт алхам хийх шаардлагатай болдог. Мөн жижиг элементүүд дээр нарийн товших боломжгүй болно.
Асуудлыг засахын тулд дизайнерууд онцын шаардлагагүй хажуугийн самбар болон графикуудыг устгаж болно. Үүний оронд тэд жижиг график ашиглаж, үсгийн хэмжээг нэмэгдүүлж, агуулгыг өргөжүүлэх боломжтой виджет болгон задалдаг. Энэхүү үл хөдлөх хөрөнгийн хязгаарлалт нь вэб дизайнеруудын огт өөр төрлийн сэтгэлгээг бий болгосон.
Мөн эвхэгддэг эсвэл өргөтгөх боломжтой цэсийн виджетүүд нь ихэвчлэн хажуугийн самбар болон том толгой цэсийг орлодог. Дизайнерууд дэлгэцийн орон зайн миллиметр бүрийг тоолохын тулд илүү их хоосон зайг арилгасны зэрэгцээ уншигдах чадварыг анхааралтай ажигладаг.
Ивээн тэтгэсэн олон тооны холбоосууд болон том сурталчилгаанууд нь утас эсвэл жижиг таблет дээр ажиллахгүй. Үүний оронд жижиг попап зарууд мобайл вэб хуудсанд илүү түгээмэл байдаг.
График дээр ороосон текстийг харуулсан бүдүүвч нь мобайл төхөөрөмж дээр сайн тоглогддоггүй. Үүний оронд дизайнерууд эдгээр графикуудыг дэлгэцийн бүрэн хэмжээгээр өгч, доор эсвэл дээр нь текстийг ажиллуулдаг. Үүний нэгэн адил, сайн вэб дизайн нь уншихад хялбар болгох үүднээс текстийг хэсэг болгон хуваадаг; текстийн хатуу ханыг уншихыг хэн ч хүсэхгүй. Энэ нь жижиг дэлгэц дээр илүү чухал болдог. Цагаан зайг оновчтой ашиглах нь маш чухал.
Хуудасны хяналт: Desktop Precision болон Mobile Blobs
-
Илүү нарийвчлалтай чиглүүлэхийн тулд том товшилтын хэсэг эсвэл халуун цэгүүд.
- Өөр URL: "m" үсгийг нэмнэ. Ихэнхдээ сайтын ширээний хувилбарыг үзэх сонголт байдаг.
- Нэвтрэх үнэмлэх нь ихэвчлэн тусгай зайтай байдаг ба заримдаа хурууны хээгээр хандах боломжтой.
- Илүү нарийн курсорт суурилсан холбоос болон товчлуур.
Таны ширээний компьютер дээрх хулганын нарийн заагчаас ялгаатай нь хүний хуруу нь бөмбөрцөг бөгөөд товших нь гипер холбоосыг харуулахын тулд дэлгэцэн дээрх том зорилтуудыг шаарддаг. Гар утсанд ээлтэй сайтууд нь зөв навигац хийхэд хялбар болгохын тулд том товших хэсгүүдийг (эсвэл халуун цэг) санал болгодог.
Гар утсанд ээлтэй вэб хуудсууд нь ихэвчлэн m үсгийг хаяг дээрээ оруулдаг; жишээ нь Facebook-ийн гар утасны хаяг нь m.facebook.com. Таныг гар утасны таблет эсвэл ухаалаг гар утсаараа аялах үед гар утасны URL-г ихэвчлэн автоматаар сонгоно. Зарим тохиолдолд та хуудасны ердийн ширээний хувилбар руу шилжих боломжтой холбоосыг харах болно.
Ширээний компьютер болон зөөврийн компьютерт зориулсан нэвтрэх болон нууц үгийн талбарууд нь утсан дээр жижигхэн бөгөөд ашиглах боломжгүй болдог тул вэб нийтлэгчид эдгээрийг томруулж, заримдаа ашиглахад хялбар болгох үүднээс өөрсдийн хуудсуудыг өгдөг. Хурууны хээ эсвэл Google, Facebook зэрэг өөр бүртгэлээр нэвтрэх нь төхөөрөмж болон үйлчилгээний чадавхи хөгжихийн хэрээр улам бүр түгээмэл болж байна.
Энэ яагаад чухал вэ?
Мобайл вэб хуудсууд нь гар төхөөрөмжид зориулагдсан бөгөөд ширээний уншихад зориулагдсан хуудсуудаас эрс ялгаатай. Та ихэвчлэн мобайл төхөөрөмж дээрээ вэб хуудасны ширээний хувилбарыг үзэх боломжтой, эсвэл эсрэгээр нь контентыг үзэх, унших, удирдахад хялбар болгох үүднээс өөр өөрөөр хийгдсэн байдаг.
