IPhone хэрхэн вэб хуудсыг өргөж, өргөж болох талаар та үзсэн байх. Энэ нь бүхэлд нь вэб хуудсыг бүхэлд нь харуулах буюу томруулах боломжтой. Нэг утгаараа, iPhone нь Safari-ийг ашигладаг учраас вэб дизайнерууд iPhone дээр ажиллах вэб хуудас үүсгэх тусгай зүйл хийх шаардлагагүй юм.
Гэхдээ та өөрийнхөө хуудсыг зөвхөн ажиллахыг хүсч байна уу? Ихэнх дизайнерууд тэдний хуудсыг гэрэлтүүлэхийг хүсдэг!
Вэб хуудсаа бүтээхдээ хэн үзэхийг, мөн тэд хэрхэн үзэх талаар бодож үзэх хэрэгтэй. Хамгийн сайн сайтын зарим сайтууд нь дэлгэцийн ямар шийдэл, түүний дотор нарийвчлал, өнгөний сонголтууд, боломжтой функцуудыг харгалзан үздэг. Тэд зүгээр л төхөөрөмж дээр найдахаас татгалздаггүй.
Гар утаснуудад зориулсан сайт барих ерөнхий заавар
- Та аль болох олон төхөөрөмжийг туршиж үзээрэй. Таны хийх ёстой хамгийн эхний зүйл бол таны сайтыг iPhone дээрээс болон та аль болох олон төрлийн хөдөлгөөнт төхөөрөмжүүд эсвэл emulators-ыг үзээрэй. Та өөрийн бүх сорилтод зориулж emulators-ыг ашиглаж болох боловч та жижигхэн дэлгэцэн дээр вэбсайтаар нэвтрэхийг оролдсонтой ижил мэдрэмж төрүүлдэггүй, тиймээс бодит төхөөрөмжүүд дээр аль болох ихийг туршиж үзээрэй.
- Хуудасаа доройтуулаарай. Та Flash-идэвхжүүлсэн, өргөн дэлгэцийн хөтчүүдийг өөрийн хуудсуудаа бичиж болно, гэхдээ ямар ч тусгай функцуудтай (күүки, Ajax, Flash, JavaScript гэх мэт) зохицуулж чадахгүй байгаа маш чухал мэдээллүүд харагдах боломжтой эсэхийг шалгаарай. XHTML Basic-ээс цаашгүй зүйл нь зарим гар утаснаас гарна. Ихэнх ухаалаг гар утас эдгээр бүх зүйлийг зохицуулах боломжтой (мэдээж iPhone дээр Flash гэхээсээ бусад), бусад хөдөлгөөнт төхөөрөмжүүд нь боломжгүй.
- Утасгүй тусгай хуудсыг бүтээж, олоход хялбар болгоно. Хэрэв та өөрийн гар утас болон утасгүй харилцагчдад тусгай хуудсыг бүтээх гэж байгаа бол үүнийг боломжтой болгоно уу. Хамгийн сайн арга бол холбоосыг утасгүй баримтын дээд талд байрлах холбоосыг байрлуулах бөгөөд гар хадгалалтын төрлүүдийг ашиглан гар бус төхөөрөмжүүдээс уг холбоосыг нуух болно. Эцсийн эцэст ихэнх хүмүүс таны гар утас руу, бүр гар утсан дээр очдог бөгөөд хэрэв таны утасгүй хуудасны холбоос байхгүй бол тэд хуудас ашиглахад хэтэрхий хэцүү байгаа бол орхино.
Ухаалаг гар утасны вэб хуудасны загвар
Ухаалаг гар утасны зах зээлд зориулж хуудас бичиж байхдаа та юу хийхийг хүсэхгүй байгаа бол ямар нэгэн өөрчлөлт хийх шаардлагагүй юм. Ихэнх ухаалаг гар утасны тухай ярих зүйл бол WebKit хөтчийг (Safari дээр iOS болон Android дээрх Chrome) ашигладаг бөгөөд Safari эсвэл Chrome дээр таны хуудсыг хардаг бол энэ нь ихэнх ухаалаг гар утасны дэлгэц дээр харагдаж байх болно (маш бага ). Гэхдээ та аяллын туршлагыг илүү таатай болгохын тулд хийж болох зүйлүүд байдаг:
- Дэлгэц нь маш жижиг гэдгийг санаарай. Ухаалаг гар утаснууд нь эдгээр бүх баганыг жижигхэн цонхноос нягталж, энэ нь томрохгүйгээр уншихад маш хэцүү болгодог. Ихэнх хэрэглэгчид нь томруулахад ашигладаг, гэхдээ энэ нь эвгүй байдалд хүргэдэг. Текстийн нэг урт багана уншихад хялбар байдаг.
- Хуудсыг жижиг хэсгүүд болгон хуваа. Энэ нь гар утсан дээр текстийг урт сегментийг уншихад хэцүү байж болох тул олон хуудсанд байрлуулах нь тэдгээрийг уншихад хялбар болгодог.
IPhones дээр холбоосууд болон навигаци
- Товч URLууд нь илүү дээр юм. Хэрэв та хэзээ нэгэн цагт гар утсан дээр URL-г бичиж оролдвол энэ нь өвдөлт гэдгийг мэднэ (магадгүй маш олон текст мессеж илгээхэд ашигладаг өсвөр насныханд бусад). IPhone дээр хүртэл урт URL-ууд бичихэд төвөгтэй байдаг. Тэдгээрийг богино байлга.
- Гэхдээ урт холбоосын текст нь дарахад хялбар байдаг. Хэд хэдэн салангид үгүүд өөр өөр нийтлэлүүдтэй холбоотой хуудсан дээр бие биенээ дэргэдэх үед хуудсыг засахгүйгээр зөв залгахад маш хэцүү байдаг. Олон хүмүүс зүгээр л бууж өгч, хаа нэгтээ явна. Тэдгээрийн 3-5 үгтэй холбоосууд нь 1-үг холбоосоос илүү утсан дээр дарахад хялбар байдаг.
- Дэлгэцийн хамгийн дээд хэсэгт таны навигаци бүү тавь. Таны хүссэн мэдээллээ олохын тулд холбоосуудын дэлгэц, дэлгэцээр дамжуулан хуудаснаас илүү ядаргаатай зүйл байхгүй. Хэрвээ та гар утсанд зориулсан вэб хуудсыг харсан бол гарч ирсэн эхний зүйл нь агуулга, гарчиг юм. Дараа нь, энэ нь навигаци юм.
- Хөтөчөө нуухаас бүү ай. Хөдөлгөөнт холбоосууд нь CSS эсвэл JavaScript-ийн тусламжтайгаар хэрэглэгчийг хүссэн үедээ л гардаг.
Ухаалаг гар утасны зургуудын зураг
- Зургууд нь жижиг байх ёстой. Тийм ээ, Android болон iPhones нь зураг дээр томруулж, буулгах боломжтой боловч тэдгээрийн хэмжээ бага, татаж авах хугацаа нь таны утасгүй хэрэглэгчид илүү аз жаргалтай байх болно. Зургуудыг оновчтой болгох нь үргэлж сайн санаа боловч гар утасны хуудаснуудад маш чухал юм.
- Зургууд нь хурдан татаж авах ёстой. Зургууд нь хөдөлгөөнт төхөөрөмжөөс харахад веб хуудсууд ихээхэн зай авдаг. Тэд ихэвчлэн маш гоё, бүрэн дэлгэцийн вэб хөтөч дээр харагдах үед хуудсуудыг илүү сайн харах боломжтой байдаг. Тэд ихэнхдээ хөдөлгөөнт төхөөрөмжөөрөө зам дээр гардаг. Түүнчлэн смартфоны хэрэглэгч үүрэн сүлжээнд холбогдсон үед хамгийн сүүлд төлбөр төлөхийг хүсч байгаа зүйл нь том хэмжээний зураг эсвэл навигацийн дүрсийг татаж авах явдал юм.
- Хуудасны дээд талд том зургийг бүү тавь. Хөдөлгөөнтэй адилаар, хуудасны дээд талд байрлах 3-4 дэлгэцийг авах хүртэлх зургийг хүлээхэд маш их төвөгтэй байж болно. Энэ нь вэб хуудсанд маш түгээмэл тохиолддог. Хэрэв та уншигчид зургийг авахаар зураг авах гэж байгаа бол уншигчдын цорын ганц үл хамаарах зүйл бол зургийн цомогт хэлнэ үү.
Мобайлыг зохион бүтээхэд юу хийхээс зайлсхийх хэрэгтэй
Хөдөлгөөнт хуудсыг бий болгоход хэд хэдэн зүйлээс зайлсхийх хэрэгтэй. Дээр дурдсанчлан, хэрэв та эдгээр хуудсуудыг үнэхээр хүсэж байгаа бол сайтыг ажиллуулах боломжтой.
- Flash - ихэнх гар утас нь Flash-ийг дэмждэггүй тул утасгүй сүлжээндээ оруулах нь тийм ч сайн санаа биш юм.
- Cookies - олон гар утас нь жигнэмэгийн дэмжлэггүй байдаг. iPhones нь жигнэмэгийг дэмждэг.
- Бүрхүүлүүд - хөтөч нь тэдгээрийг дэмждэг байсан ч дэлгэцийн хэмжээсийн талаар бодоорой. Хөдөлгөөнт төхөөрөмж дээр фрейм ажилладаггүй - уншихад маш хэцүү, боломжгүй байдаг.
- Хүснэгт - хөдөлгөөнт хуудсан дээр байршуулах хүснэгтийг ашиглахгүй. Хүснэгтээс зайлсхийх хэрэгтэй. Тэд гар утас бүр дээр дэмждэггүй (хэдийгээр iPhones болон бусад смартфонууд нь тэдгээрийг дэмждэг ч), хачин үр дүнд хүрч болно.
- Үүсгэсэн хүснэгтүүд - хэрэв та хүснэгт ашиглах шаардлагатай бол өөр ширээн дээр үүрээ засаарай. Эдгээр нь ширээний хөтөчүүдийг дэмжихэд хэцүү байдаг бөгөөд хамгийн сайн нь хуудасны ачааллыг илүү удаанаар хийдэг.
- Үнэмлэхүй хэмжүүрүүд - өөрөөр хэлбэл үнэмлэхүй хэмжээний объектын хэмжээ (пиксел, миллиметр, инч гэх мэт) -ийг тодорхойлохгүй. Хэрэв та 100px өргөн ямар нэг зүйлийг тодорхойлдог бол нэг хөдөлгөөнт төхөөрөмж дээр дэлгэцийн хагас, нөгөө тал нь хоёр дахин өргөн байж болно. Харьцангуй хэмжээ (ems, percentages гэх мэт) хамгийн сайн ажиллана.
- Фонтууд - Гар утсаа ашиглахад ашигладаг фонтуудын аль нь ч гар утсан дээр гарах боломжтой гэж бодоорой.
Цааш унших
- Хэрхэн Вэбсайтаа вэбсайт болгох вэ?