Холбоо барих хуудас нь маш чухал тул түүний дизайнд онцгой анхаарал хандуулах хэрэгтэй. Холбоо барих хуудас нь илүү тохиромжтой байх тусам сайтын эзэнд илүү их боломж нээгдэнэ. Холбоо барих хуудас, хэрэв зөв зохион бүтээсэн бол хөрвүүлэх ханшид маш сайн нөлөөлнө: хэрэв хэрэглэгч сайтын менежер эсвэл администратортой хялбархан холбоо барьж чадвал тэд эерэг туршлага хуримтлуулах болно. Үйл явц нь энгийн байх тусам хэрэглэгч бөглөх шаардлагатай талбар эсвэл маягт бага байх тусам хөрвүүлэхэд илүү тохиромжтой.

Сайн холбоо барих хуудас нь вэбсайтыг сайжруулж чадна, учир нь энэ нь зочдод болон сайт эзэмшигчийн хооронд сайн харилцаатай байх нөхцлийг бүрдүүлдэг. Энэ нь ямар төрлийн сайт байх нь хамаагүй, энэ нь онлайн дэлгүүр байж болно, мэдээллийн порталэсвэл вэб үйлчилгээ - санал хүсэлт маш чухал.

Гэсэн хэдий ч олон дизайнерууд үндсэн агуулгын хуудасны дизайнд анхаарлаа хандуулж, зөв ​​зохион бүтээсэн холбоо барих хуудасны ач холбогдлыг дутуу үнэлдэг.

Хэрэглэгч сайтын эзэнтэй хурдан холбоо барих эсвэл хэрэглэгчийн дэмжлэгтэй холбоо барих шаардлагатай болдог. Гэсэн хэдий ч, та сайтын хайлтыг ашигласан ч юу ч ажиллахгүй. Заримдаа сайт дээр шаардлагатай мэдээлэл байдаг боловч дизайнер нь анхаарал хандуулаагүй тул үүнийг "далд" болгодог зөв навигацибөгөөд хэрэглэгч шаардлагатай холбоосыг харахгүй байна. Цөхрөнгөө барсан хэрэглэгч утас руу залгахад бэлэн байгаа ч олж чадахгүй байна.

Холбоо барих хуудасны дизайнд ихээхэн анхаарал хандуулдаг компаниуд болон вэб үйлчилгээнүүд маш болгоомжтой ажилладаг. Учир нь энэ хуудас нь зөвхөн холбоо барих мэдээллийг агуулдаггүй: энэ нь хэрэглэгчдэд хэрэгтэй мэдээллийг агуулдаг бөгөөд интерактив байдаг. Хамгийн гол нь сайн холбоо барих хуудас нь хэрэглэгчийг сайттай дахин дахин харилцахыг дэмждэг.

Холбоо барих хуудас нь харилцааны нэг төрлийн платформ юм. Хэрэв сайтын эзэн үйлчлүүлэгчдэд санал бодлоо илэрхийлэхийг зөвшөөрвөл энэ нь яриа хэлэлцээний урилга юм. Вэб хөгжүүлэгчид болон хэрэглэгчид энэхүү хамтын ажиллагааны үр шимийг хүртэх боломжтой бөгөөд ийм учраас үүнийг зөв зохион бүтээх хэрэгтэй.

Таны мэдэж байгаагаар дизайн дахь функциональ байдал нь гол хүчин зүйлүүдийн нэг юм. Холбоо барих хуудсанд чухал мэдээлэл, гэхдээ энэ нь тийм ч их биш бөгөөд энэ нь заримдаа функциональ байдлын талаар алдаатай үнэлгээ өгөхөд хүргэдэг. Сайтын эзэн хаягийг хуудсан дээр байрлуулсан бол гэж боддог Имэйлболон утас, тэгвэл энэ нь хангалттай. Заримдаа түүний зөв байдаг.

Гэсэн хэдий ч функциональ байдлыг давхар шалгах нь хор хөнөөлөөс илүү сайн үр дүнд хүргэдэг. Эвдэрсэн холбоосууд эсвэл мэдээллээр хэт ачаалалтай хуудаснууд нь бүгд оролцоонд сөргөөр нөлөөлдөг. Сайтын эзэн чухал мессеж хүлээн авахгүй байж болох ч хуучирсан эсвэл буруу мэдээлэл өгвөл хамгийн муу зүйл тохиолдох болно. Холбоо барих хуудсыг зохиохдоо та эхлээд хэрэглэгчдийн талаар бодох хэрэгтэй, учир нь энэ хуудсыг тусгайлан бүтээсэн болно.

Байршил

Холбоо барих хуудсыг хэрэглэгчдэд үргэлж нээлттэй байлгах нь зайлшгүй чухал юм. Сайтын харагдах байдал нь онцгой дизайнтай байсан ч хэрэглэгчид холбоо барих хуудсыг олж чадахгүй бол юу ч биш гэсэн үг. Заримдаа та нэлээд төвөгтэй холбоо барих маягтуудыг зохион бүтээх хэрэгтэй болдог тул зааврыг урьдчилан анхаарч үзэх хэрэгтэй. Хэрэглэгчид алхам алхмаар зааварчилгаатай бол сайтын эзэнтэй холбоо тогтооход хялбар байх болно.

Вэбсайтыг зохион бүтээж буй дизайнерын хувьд хоёр зүйлийг санах нь чухал.

• Анхдагч навигац нь үргэлж байх ёстой холбоо барих хуудас
• Хэрэглэгчид ямар дотоод хуудас руу орохоос үл хамааран сайтад анх удаа зочлохдоо холбоо барих хуудсыг олох ёстой

Дизайнеруудын хуримтлуулсан туршлага дээр үндэслэн хэрэглэгчид хуудасны баруун талд байгаа холбоо барих мэдээллийг хайж олох хандлагатай байдаг тул тэнд "Холбоо барих" холбоосыг байрлуулах нь зүйтэй юм. Гэсэн хэдий ч, та энэ мэдээлэл нь хэрэглэгчийн хувьд хоёрдогч ач холбогдолтой гэдгийг санаж байх хэрэгтэй, тиймээс та сайтын энэ хэсгийг хэтэрхий мэдэгдэхүйц эсвэл хөндлөнгөөс оруулах ёсгүй. Хуудасны баруун дээд буланд байрлах холбоо барих хуудасны холбоос нь хамгийн сайн ажилладаг. Хамгийн муу зүйл бол унадаг цэсний холбоос юм, учир нь хэрэглэгчид үүнийг анзаарахгүй байж магадгүй юм.

Энгийн холбоо барих маягтууд

Арилжааны сайтуудын хувьд холбоо барих хуудас нь маш чухал бөгөөд үүнийг дээр дурдсан болно. Хэдийгээр энэ нь сайтын бусад хуудсууд шиг үзэсгэлэнтэй биш байж болох ч энгийн, хэрэглэхэд хялбар, ойлгомжтой байх ёстой. Хэрэв мэдээлэл нь зөв бүтэцгүй, муу ажилладаг эсвэл төөрөгдүүлсэн бол сайтын эзэн үйлчлүүлэгчидтэйгээ урт хугацааны харилцаа тогтоох боломжгүй юм.

Мессеж үлдээхийг хүссэн хэрэглэгч холбоо барих маягтыг бөглөж чадаагүйн улмаас сайтыг орхих нь элбэг байдаг. Эсвэл хэтэрхий урт эсвэл төвөгтэй байвал тэр хүсэхгүй байна. Өнөөгийн хэрэглэгчид нарийвчилсан маягт бөглөхөд цаг алдахыг хүсэхгүй байгаа тул тэдгээрийг хялбарчлах талаар бодох нь зүйтэй. Хэлбэр нь энгийн байх тусмаа хэрэглэгчийн туршлагад илүү сайн байдаг тул та үндсэн мэдээллийг цуглуулахад анхаарлаа хандуулах хэрэгтэй.

Яг нарийн үг хэллэг

Хэрэв бид албан ёсны вэбсайтуудын талаар ярих юм бол бүх хуудсан дээр, түүний дотор холбоо барих хуудас дээр та компаний үйлчлүүлэгч болсноор хэрэглэгч авах ашиг тусын талаар тодорхой, тодорхой хэллэгийг баримтлах хэрэгтэй. Энэ юунд зориулагдсан бэ? Шаардлагагүй бүх мэдээллийг арилгах нь хүмүүсийн анхаарлыг татах, хадгалах хамгийн үр дүнтэй арга юм. Сайхан хураангуйлсан өгөгдөл нь товч байх ёстой бөгөөд ингэснээр хүмүүс хэрэгтэй зүйлээ хялбархан олох боломжтой болно.

Мөн харааны бүрэлдэхүүн хэсгийн талаар бүү мартаарай. Мөн бид зөвхөн сэтгэл татам холбоо барих маягтын дизайны тухай яриагүй. Хэрэв компани нь бодит хаягтай бол холбоо барих хуудсан дээр газрын зургийг байрлуулж хэрэглэгчдэд туслах боломжтой. Томоохон хотуудад байрладаг компаниудын хувьд оффис, дэлгүүр, агуулах руугаа очих нь илүү тохиромжтой болохыг хэрэглэгчдэд тайлбарлах нь маш чухал юм.

Холбоо барих хуудасны хариу үйлдэл

Аливаа онлайн бизнесийн хувьд хариу үйлдэл нь бүх зүйл юм. Энэ бол хатуу дүрэм, үл хамаарах зүйл биш юм. Интернет хурдацтай хөгжиж, зах зээл дээр улам олон шинэ төхөөрөмжүүд гарч ирж байгаа тул тухайн хүн ямар хөтөч, төхөөрөмж ашиглаж байгаагаас үл хамааран холбоо барих мэдээлэл байх ёстой гэсэн үг юм. Өнөөдөр өрсөлдөөнд ялагдах нь маш амархан - таны хийх ёстой зүйл бол гар утасны төхөөрөмж дээр харуулахын тулд холбоо барих хуудсыг оновчтой болгохгүй байх явдал юм.

Салшгүй бүрэлдэхүүн хэсгүүд

Аль нь дээр вэ: имэйл хаяг эсвэл холбоо барих маягт уу? Хэрэглэгчдэд хэрэгтэй энгийн аргуудшаардлагатай үйлчилгээ үзүүлэгчидтэй холбоо тогтоодог тул та тэдэнтэй хагас замаар уулзах хэрэгтэй. Та имэйлээр харилцахдаа анхаарлаа төвлөрүүлж эсвэл холбоо барих маягт байрлуулж болно - арга бүр өөрийн давуу болон сул талуудтай.

Холбоо барих маягтууд

• Холбоо барих маягт нь хэрэглэгчдийг өөр хуудас руу очихыг албадах ёсгүй
• Холбоо барих маягт нь үүсгэх зорилготой биш юм дансэсвэл имэйлээр нэвтэрнэ үү
• Маягт нь боломжтой бол автоматаар бөглөх функцтэй байх ёстой
• Холбоо барих маягт нь мессеж, мэдэгдэл илгээх функцтэй байх ёстой

Имэйл

• Имэйлээр харилцах нь хэрэглэгчийн хувьд аюулгүй байх ёстой
• Цаашид ашиглахын тулд илгээсэн бүх өгөгдлийг хадгалахыг зөвлөж байна.
• Хүлээн авсан мессежтэй ажиллах ажлыг системтэйгээр хийх ёстой бөгөөд та бас анхаарал тавих хэрэгтэй нөөцлөхөгөгдөл

Баталгаажуулах маягт

Баталгаажуулах маягтууд байна их ач холбогдолсайтын хэрэглэгчдийн талаар илүү ихийг мэдэх шаардлагатай үед. Нэмж дурдахад, баталгаажуулах үйл явц нь хэрэглэгчийг зөв чиглэлд чиглүүлдэг, учир нь энэ нь буруу оруулсан өгөгдөл эсвэл хоосон талбаруудад тэдний анхаарлыг татах болно. Тиймээс баталгаажуулах маягт нь үйлчлүүлэгчдийн цагийг хэмнэдэг, учир нь бөглөх үйл явцын төгсгөлд тухайн хүн мессеж нь зөв хаяг руу очно гэдэгт итгэлтэй байх болно.

Утасны дугаарууд

Байнгын дуудлага нь ажлын явцад саад учруулахаас айдаг тул олон компани холбоо барих хуудсан дээрээ утасны дугаараа бичдэггүй. Гэсэн хэдий ч картын нэгэн адил холбоо барих хуудсан дээрх утасны дугаар нь хэрэглэгчдийн брэндэд итгэх итгэлийг нэмэгдүүлж, үйлчлүүлэгчид хүнд хэцүү нөхцөлд компанийн ажилтантай холбоо барьж, асуудлыг ярилцах боломжтой гэдэгт итгэдэг. Утасны дугаар нь сайтын эзэмшигч болон хэрэглэгчийн хоорондох зайг багасгадаг бөгөөд энэ нь уламжлалт компаниуд болон бодит хаяггүй онлайн үйлчилгээнд хамаарна.

Нийгмийн сүлжээний профайлууд

Нийгмийн сүлжээний товчлуурууд холбоо барих хуудсууд дээр улам бүр олддог. Энэ арга нь сайтын чадавхийг ихээхэн нэмэгдүүлэх боломжтой, ялангуяа хэрэглэгчийн дэмжлэгийг 24/7 үзүүлж байвал. Олон хүмүүс нийгмийн сүлжээгээр дамжуулан компанитай холбогдох нь илүү тохиромжтой гэж үздэг тул хэрэглэгчтэй харилцах ийм аргыг бодох нь зүйтэй.

Холбоо барих хуудасны дизайн хийх

Үнэхээр сайн холбоо барих хуудсууд нь тэдгээрийг зохион бүтээсэн дизайнеруудын өндөр ур чадварыг илтгэнэ. Загварын хамгийн чухал хэсэг бол холбоо барих хуудасны харааны хэв маяг юм. Холбоо барих маягтын хувьд энэ нь өгөгдөл илгээхэд хялбар болгодог том талбаруудыг хэлнэ. Хэрэв маягт сайхан харагдаж байвал илүү сайн ажилладаг.

Загвар зохион бүтээх ажлыг эхлүүлэхийн өмнө дизайнер нь үйлчлүүлэгчийн өгсөн бүх холбоо барих мэдээллийг нарийвчлан судлах ёстой. Бүх элементүүд нь сайн зохион байгуулалттай байх ёстой бөгөөд үүнээс гадна тэдгээрийг эв найртай хослуулсан байх ёстой. Холбоо барих хуудас нь тухайн сайтын өнгөний схемд тохирсон байх ёстой гэдгийг санах нь зүйтэй бөгөөд ингэснээр хэрэглэгч тухайн сайт болон брэндийг хоёуланг нь тодорхой тодорхойлох болно.

Дүгнэлт

Холбоо барих хуудас үргэлж харагдах ёстой. Энэ нь зөвхөн үндсэн хуудсанд төдийгүй сайтын бусад бүх хуудсанд хамаарна. Холбоо барих хуудсыг зохиохдоо хэрэглэгчид зөвхөн "Харилцагч" таб дээр харагдах байдлаар сайтын эзэн эсвэл туслах багтай холбогдох боломжтой гэдгийг санах хэрэгтэй. Энэ тохиолдолд амжилтанд хүрэх түлхүүр нь тав тухтай байдал, энгийн байдал юм. Бид хэрэглэгчдэд хүссэн зүйлийг нь өгөх хэрэгтэй. Хэрэв хэрэглэгч өөрийн хувийн мэдээллээ сайтад оруулах шаардлагатай бол нэр, овог, имэйл хаяг гэх мэт үндсэн асуултуудыг асуух нь зүйтэй. Холбоо барих маягт нь шаардлагагүй талбаруудыг агуулж болохгүй. Та мөн холбоо барих хуудасны дасан зохицох чадварыг анхаарч үзэх хэрэгтэй - тэдгээрийг ямар ч хөтөч болон ямар ч төхөөрөмж дээр харуулах ёстой. Хэрэв холбоо барих хуудас зөв хийгдсэн бол сайтын хэрэглэгчидтэй амжилтанд хүрэх магадлал ихээхэн нэмэгддэг.

Зохиогчоос:Сайн холбоо барих хуудас нь зочлогчидтой харилцах харилцааг хадгалахад маш чухал юм. Бид цахим худалдаа, сэтгүүл, хувийн вэбсайт, онлайн үйлчилгээний талаар ярьж байгаа эсэхээс үл хамааран хэрэглэгчид тантай харилцах анхны хэрэгсэл болгон холбоо барих хуудсыг хайж байдаг. Хачирхалтай нь, олон вэб дизайнерууд даруухан холбоо барих хуудсыг үл тоомсорлодог, тэр ч байтугай үүнийг вэбсайтын хамгийн чухал талуудын нэг гэж үздэг. Үүнийг засъя.

Сайн холбоо барих хуудасны ач холбогдол

Холбоо барих хуудсыг ихэвчлэн анзаардаггүй. Та бүтээгдэхүүн, үйлчилгээний талаар гомдоллох эсвэл асуулт асуухыг хүссэн хэдэн вэб сайтад зочилсон бэ? Та холбоо барих маягттай хэр олон удаа тэмцэж байсан бэ?

Сайн холбоо барих хуудас нь аливаа төрлийн бизнест тустай. Тэрээр үйлчлүүлэгчдийнхээ асуудлыг шийдвэрлэхэд нь туслах замаар сэтгэл ханамжийг нэмэгдүүлэх боломжтой. Энэ нь үнэ цэнэтэй санал хүсэлтийг тодорхой өгөх замаар таны бүтээгдэхүүн, үйлчилгээг сайжруулахад туслах болно.

Хэрэглэгчийн шууд санал хүсэлтийн тухайд бусад сувгууд хязгаарлагдмал байж болно. Телевиз, радио, сэтгүүл, сонин... бүгдээрээ нэг талын харилцааны хэлбэр юм. Онлайн харилцаа холбоо нь хоёр талын гудамж байх ёстой; бизнес болон зочдын хоорондын яриа хэлэлцээ. Энэ нь хоёр тал хоёулаа ашиг тусаа өгдөг тул сайн холбоо барих хуудас нь маш чухал юм.

Байршил

Эхний алхам: холбоо барих мэдээллээ хаана байрлуулах вэ. Хэрэв таны зочдод үүнийг олж чадахгүй бол дэлхийн хамгийн шилдэг холбоо барих хуудастай байх нь утгагүй юм. Хэрэв та дизайны зарим уламжлалыг дагаж мөрдвөл тэдэнд тусалж чадна.

Ерөнхийдөө холбоо барих мэдээллийг хоёр газраас олж болно.

Үндсэн навигаци– холбоо барих хуудас руу холбох хамгийн тохиромжтой газар. Зочид ихэвчлэн баруун талд байгаа холбоо барих хуудсыг хайдаг, учир нь энэ нь хоёрдогч элемент юм шиг санагддаг. Тиймээс, та зүгээр л сайтын навигацийн сүүлчийн элементүүдийн нэг болох холбоо барих хуудасны холбоосыг харах болно.

Мөн бид дэлгэцийн баруун дээд буланд байгаа жижиг дэд навигацыг харж болно. Энэ нь мөн холбоо барих хуудасны хувьд үнэ цэнэтэй байр суурь юм. Дашрамд хэлэхэд, холбоо барих хуудсыг унадаг цэсэнд байрлуулахгүй байх нь дээр, учир нь үүнийг алдах нь амархан байдаг.

хөл хэсэгмөн холбоо барих мэдээллийн алдартай газар юм. Энэ нь холбоо барих хуудасны холбоосыг агуулж болно:

... эсвэл хамгийн чухал холбоо барих мэдээлэл:

Таны холбоо барих хуудас руу орох урсгалыг урьдчилан таамаглахад хэцүү байдаг тул дурдсан газруудын дор хаяж хоёр хэсэгт холбоосыг байрлуулах нь танд сайн даатгал өгөх болно.

Холбоо барих хуудасны хамгийн чухал зүйл

Одоо таны зочдод холбоо барих хуудас руу орох замаа олох боломжтой болно гэдэгт та тайван байна, бодит агуулгын талаар бодох цаг болжээ. Үндсэн ойлголтуудаас эхэлж, танилцуулах ёстой мэдээллийг авч үзье.

Имэйл/холбоо барих маягт

Имэйл хаяг нь бизнест онлайнаар харилцах хамгийн хялбар арга юм. Эсвэл та имэйл илгээдэг холбоо барих маягтыг ашиглаж болно. Маягтыг ашигласнаар та контентыг (шаардлагатай талбарууд) илүү хянах боломжтой бөгөөд ингэснээр та спамаас сэргийлэх боломжтой болно. Холбоо барих маягтын талаар бид доорх нийтлэлд ярих болно.

Хаяг

Тоосго, зуурмагийн дэлгүүртэй бизнес эрхлэгчид хаягаа хэлэхээ мартаж болохгүй. Хэрэв танд олон дэлгүүр байгаа бол тус бүрдээ тусдаа хуудас үүсгэх нь дээр. Үүнийг тухайн дэлгүүрийн холбоо барих мэдээлэл, ажиллах цаг, чиглэл гэх мэтээр бөглөнө үү. Энэ нь зочдод хэрэг болохоос гадна таны сайтыг орон нутгийн хайлтанд тустай.

Утас

Утасны дугаарыг харуулах нь итгэлийн мэдрэмжийг бий болгодог. Энэ нь ихэвчлэн жинхэнэ компанийн шинж тэмдэг гэж үздэг бөгөөд онлайн худалдаачдад үнэхээр тусалдаг.

Олон вэбсайтууд холбоо барих хуудсандаа сошиал медиа товчлууруудыг нэмж эхэлсэн. Хэдийгээр энэ нь бүх сайтуудад ашиг тусаа өгөхгүй байж болох ч зарим зочдод үнэ цэнэ нэмсэн. Ялангуяа улам олон компаниуд Twitter-ээр дамжуулан хэрэглэгчийн дэмжлэгийг санал болгодог (заримдаа бүр 24/7).

Нэмж хэлэхэд

Сайн холбоо барих хуудасны хувьд нэг төрлийн шийдэл байдаггүй. Аливаа вэбсайт эсвэл бизнес бусад сайтуудад шаардлагагүй байж болох зарим элементүүдийг шаарддаг.

Холбоо барих хуудаснаас танд хэрэгтэй олон нэмэлт мэдээлэл эсвэл шинж чанарууд байдаг. Уламжлалт дэлгүүрүүдийн хувьд, жишээ нь, ажиллах цагийг дурдах нь зүйтэй. Томоохон компаниуд өөрсдийн Live Chat-ын холбоосыг ашиглаж болох ба цахим худалдааны сайтууд НӨАТ-ын дугаараа харуулснаар хэрэглэгчийн итгэлийг бий болгож чадна.

Тохиромжтой мэдээлэл

Мэдээллийг ашиглахад хялбар байх нь таны зочдыг холбоо барих хуудсанд сэтгэл дундуур байхаас хамгаалах болно.
Зургийн оронд мэдээллээ HTML текст болгон оруулаарай. HTML текстхуулж, буулгах боломжтой тул зочдод таны холбоо барих мэдээллийг хадгалахад хялбар болгоно.

Имэйл хаяг нь mailto холбоосыг ашиглах ёстой. Энэ нь зочдод хүргэлтийн хаягийг хуулаад нээх шаардлагагүйгээр түүн дээр дарж мессеж илгээх боломжийг олгодог шуудангийн үйлчлүүлэгч. Гэсэн хэдий ч энэ техниктэй холбоотой асуудал нь mailto: холбоостой холбоотой имэйл хаягуудыг цуглуулдаг спамботууд байж болно. Тиймээс та эхлээд mailtoencoder.com гэх мэт үйлчилгээг ашиглан тэднийг төөрөлдүүлэхээр шийдэж магадгүй юм.

Хажуугийн тэмдэглэл: Утасны дугаарыг товших боломжтой. Өнгөрсөн жил бид утасны дугаарын товшилтыг хэрхэн мэдрэмжтэй болгох талаар бяцхан зөвлөгөө нийтэлсэн. Жижигхэн кодын ачаар ухаалаг гар утаснууд утасны дугаарыг таньж, залгах боломжтой болгодог. Энэ нь гар утасны хэрэглэгчдэд үнэхээр тохиромжтой.

Тоосго болон зуурмагийн дэлгүүрт ихээхэн найддаг бизнесүүд интерактив газрын зурагнаас ихээхэн ашиг тус хүртэж, хэрэглэгчдэд жижиглэнгийн худалдааны байршлыг хурдан олох боломжийг олгодог. Дэлгүүрийн хаягийг харуулах нь сайн, гэхдээ нэмж байна интерактив газрын зурагилүү сайн.

Баярлалаа Гүүгл газрын зурагЭнэ ашигтай шинж чанарыг оруулах нь тийм ч хялбар биш байсан. Зүгээр л Google газрын зурагт хаягаа оруулаад хажуугийн самбар дээрх холбоос дүрс дээр дарна уу. Тэнд танд зориулж оруулах код байна.

Та газрын зургийг өөрт тохируулан өөрчилж чадна гэдгээ мэдсэн үү? Та газрын зургийн өнгийг засаж, газрын зургийн тэмдэглэгээг нэмж, домог үүсгэх боломжтой. Та энэ талаар дэлгэрэнгүйг developers.google.com дээрээс уншиж болно. Та бас сонирхол татахуйц Mapbox гэх мэт өөр үйлчилгээг ашиглах талаар бодож болно.

Хайлтын системийг оновчтой болгох талаар бүү мартаарай

Зочны хувьд та холбоо барих хуудсан дээрх хаягийг шууд таних болно. Хайлтын системүүдгэхдээ янз бүрийн элементүүдийг танихад бага зэрэг тусламж хэрэгтэй.

Холбоо барих маягтууд

Ихэнх вэбсайтууд хуудсан дээрээ холбоо барих маягт ашигладаг. Гэсэн хэдий ч зарим хэлбэр нь шаардлагагүй төвөгтэй бөгөөд хэрэглэгчдэд тохиромжгүй байдаг.

Холбоо барих маягт нь хичнээн энгийн мэт санагдаж байсан ч энэ нь үнэндээ хэд хэдэн бүрэлдэхүүн хэсгүүдийн нэгдэл юм. Тэд бүгдээрээ хамгийн сайн хэрэглэгчийн туршлагыг хангахын тулд хамтран ажиллах хэрэгтэй.

Оролтын талбарууд

зэрэг оруулах талбарууд текст талбарууд, сонголт сонгох товчлуурууд (радио товчлуурууд), шалгах хайрцагнууд нь хэрэглэгчдэд шаардлагатай мэдээллийг оруулах боломжийг олгодог.

Вэбсайтад зочилсон хүмүүс бага хүчин чармайлт шаарддаг тул богино маягтыг бөглөх магадлал өндөр байдаг. Оролтын талбаруудын тоо нь хэрэглэгчийн туршлага болон бизнесийн хэрэгцээг тэнцвэржүүлэх үйлдэл юм. Hubspot нь 40,000 гаруй маягтанд дүн шинжилгээ хийж, оролтын талбаруудын тоог нэмэгдүүлэх үр нөлөөг авч үзсэн. Тэдний судалгаагаар аль болох цөөн маягтын талбарыг ашиглах, ялангуяа нарийн төвөгтэй текст хэсэг болон унждаг жагсаалтад болгоомжтой хандах хэрэгтэй гэж зөвлөж байна.

Зочиддоо талбаруудыг зөв форматаар бөглөхөд нь тусал. Утасны дугаар, огноо нь ялангуяа олон улсын зочдод хүндрэл учруулж болзошгүй юм. HTML5 placeholder шинж чанар танд туслах болно.

Дараа нь шаардлагатай талбаруудыг сонгохоо мартуузай (тэдгээрийг уламжлалт байдлаар * одоор тэмдэглэдэг). Шаардлагатай болон нэмэлт талбаруудыг тодорхой зааж өгөх нь хамгийн аюулгүй юм.
Эцэст нь идэвхтэй талбарыг тодруулах нь ашигтай. Үүнийг бараг эсвэл маш тодоор зааж өгч болно - таны хүссэнээр.

Жим Ниэлсений зааварчилгаанаас холбоо барих маягтын жишээг доор харуулав. Энэ нь шаардлагатай талбаруудад улаан од ашиглаж, форматын талаар зөвлөгөө өгч, идэвхтэй талбарыг тодруулдаг.

Маягтын баталгаажуулалт

Дотоод баталгаажуулалт нь контакт хэлбэрийн зарим өвчнөөс урьдчилан сэргийлэх боломжтой. Та буруу өгөгдөл эсвэл буруу форматтай өгөгдөл оруулсан тул маягтыг илгээж, дахин илгээх нь маш ядаргаатай юм. Энд дурдсанчлан, зочдод шаардлагатай форматыг (жишээ нь, огноо, утасны дугаар...) харуулах замаар туслах нь хамгийн сайн арга юм.

Товчлуурууд

Илгээх товчлуургүй холбоо барих маягт байхгүй. Энэ нь хамгийн төгсгөлд байх ёстой. Үйлчлүүлэгчид юу хийж байгааг сануулахын тулд товчлуурын текстийн хувьд "илгээх"-ийн оронд "мессеж илгээх" гэснийг ашиглана уу.
Өнгөрсөн жилийн ердийн стандарт бол "дахин тохируулах" эсвэл "маягтыг арилгах" товчийг оруулах явдал юм. Битгий хий. Энэ нь санамсаргүйгээр товших болно. Бодлоготой, дэлгэрэнгүй мессеж бичиж, дахин тохируулах товчлуураас болж алга болох шиг муу зүйл байхгүй.

Хариулт

Зочин өөрийн холбоо барих хаягаа оруулаад мессеж бичээд "илгээх" товчийг дарна. Одоо юу гэж? Зурвас ирсэн үү, үгүй ​​юу?

Харгалзах мессежийг харуулах замаар мессеж амжилттай илгээгдсэн гэдэгт зочдод итгээрэй. Баталгаажуулах имэйл нь бас сайн санаа юм.

Алдаа гаргахад мөн адил зөвлөгөө хамаарна. Мессеж илгээгдээгүй үед алдаа гаргах нь ирээдүйд гарах олон маргаанаас урьдчилан сэргийлэх зайлшгүй шаардлага юм. Алдааны мессеж нь найрсаг байх ёстой тул түгшүүр төрүүлсэн алдааны кодыг харуулахаас зайлсхий.

Холбоо барих хуудасны дизайн

Холбоо барих хуудасны дизайн хийх олон програмууд байдаг. техникийн шаардлага, гэхдээ нэгийг нь мартаж болохгүй хамгийн чухал мөчүүд: харааны хэв маяг.

Хэрэв та холбоо барих маягт ашигладаг бол талбаруудыг том, найрсаг, бөглөх урилгатай болго. Цагаан зай, дэвсгэр нь танд сайн үйлчлэх болно.

Вэбсайтад зочилсон хүмүүс вэб хуудсыг үзэхдээ F хэлбэрийн загварыг дагаж мөрддөг тул тэмдэглэгээ хийхдээ үүнийг санаарай. Холбоо барих маягтын хувьд бүх талбаруудыг бие биенийхээ хажууд байрлуулахын оронд босоо байдлаар байрлуулах нь дээр. Энэ нь маягтыг бөглөхдөө зочдын нүдийг хөдөлгөх шаардлагатай тоог бууруулдаг.

Холбоо барих хуудас нь сайтын харааны онцлогтой нийцэж байх ёстой. Тогтвортой байдал бол төгс төгөлдөрт хүрэх түлхүүр юм. Жишээлбэл, ил захидал шиг харагдахаар зохион бүтээсэн энэ холбоо барих хуудсыг харна уу.

Мөн вэб дизайнтай холбоотой ихэнх ажлуудын нэгэн адил; Бүтээлч байдал маш их үр өгөөжөө өгдөг. Нейл Пател өөрийн холбоо барих хуудсаа инфографик хэлбэрээр бүтээж, холбоо барих хүсэлтийн тоог гурав дахин нэмэгдүүлсэн.

Холбоо барих маягтын жишээ

Сайн холбоо барих маягтын талаар ярихдаа урам зориг өгөхийн тулд эдгээр жишээнүүдийг харцгаая (зураг дээр дарж холбогдох сайтад зочилно уу):

Дүгнэлт

Холбоо барих хуудсаа зохиохоосоо өмнө зочдод үүнийг олох боломжтой эсэхийг шалгаарай. Үндсэн навигаци эсвэл хөл хэсгээс үүнтэй холбогдоно уу. Ихэнх хүмүүс дэлгэцийн баруун талд байгаа холбоо барих мэдээллийг хайдаг гэдгийг санаарай.

Та ямар мэдээлэл оруулах ёстойгоо бодож үзээрэй. Имэйл эсвэл холбоо барих маягтаар мессеж илгээх чадвар нь чухал юм. Хаяг, утасны дугаар нь бас тустай байж болох юм. Нэмэлт мэдээлэлдоторх профайлуудын холбоос гэх мэт нийгмийн сүлжээндмөн зарим төрлийн бизнесийн ажлын цагийн хуваарь шаардлагатай.

Интерактив байдал чухал. Имэйл хаягуудад mailto атрибут болон tel: шинж чанарыг ашиглана уу утасны дугаарууд(гар утасны төхөөрөмжөөс ирсэн зочдод маш хэрэгтэй). Та Google Газрын зураг гэх мэт интерактив газрын зураг оруулах боломжтой боловч гүйцэтгэлийн үр нөлөөг анхаарч үзээрэй.

Холбоо барих маягтыг ашиглах чадвар нь холбоо барих хуудсыг үүсгэж эсвэл эвдэж болно. Зөвхөн хамгийн хэрэгтэй мэдээллийг асуу. Та оролтын талбаруудын зөв форматыг харуулж, дотоод баталгаажуулалтыг ашигласнаар толгой өвдөхөөс зайлсхийх боломжтой. Маягтыг илгээхдээ амжилттай илгээсэн мессежийг харуулахаа бүү мартаарай.

Таны вэбсайт хөдөлгөөнт төхөөрөмжид аль хэдийн оновчтой болсон уу? Хэрэв хараахан болоогүй бол энэ нь дэлхийн төгсгөл биш юм. Орчин үеийн хөтчүүд нь хавчих томруулалт гэх мэт шинэлэг зүйлийг агуулдаг автомат тохируулгаүсгийн хэмжээ.

Хэрэв танд сайтаа гар утсанд оновчтой болгох цаг, мөнгө байхгүй бол гар утасны зочдод сайтаа зохистой харагдуулахын тулд яг одоо хийж болох арван энгийн зүйлийг энд оруулав.

1. Маягтын талбарын шинж чанаруудыг зөв тохируулна уу

Хэрэв та өөрийн сайтын хэрэглэгчийн нэр эсвэл хаягийг оруулах талбаруудыг ашигладаг бол автоматаар засахыг унтрааж, автоматаар том үсгээр бичихийг асаана уу:

Таны нэр:

Хэрэв та үүнийг хийхгүй бол T9 автомат оролтын систем нь "Эрван" гэх нэрийг "Эреван" гэх мэтээр солих болно.

Эхний автомат ашиглалтыг тохируулах том үсэгнүүдҮгийн төрлүүдэд хэрэглэгчдийг үсэг болгон том үсгээр бичих шаардлагаас чөлөөлнө, өөрөөр хэлбэл үг бүр том үсгээр эхэлнэ (жишээлбэл, "Кен Бернс" нь "Кен Бернс" болно):

Таны сайт дээр хэрэглэгч тулгарч болох бүх бэрхшээлийн талаар бодож үзээрэй.

Мөн сэдвээс холдохгүйгээр. Хэрэв таны сайт хэрэглэгчээс имэйл хүсэх юм бол зочин гар утасныхаа гарнаас @ тэмдэг оруулахгүйн тулд имэйлийн талбарыг ашиглана уу.

Таны имэйл:

2. Хөдөлгөөнт төхөөрөмжид тохирох өргөнийг тохируулна уу

Компьютерийнхээ хөтөч дээр вэбсайтаа нээж, програмын цонхны өргөнийг юу ч уншиж чадахгүй болтол нь багасга.

Энэ нь хамгийн бага зөвшөөрөгдөх өргөн байх болно. Одоогийн өргөний утгыг аваад хуудасны толгойд мета шошго тавьж @viewport шинж чанарт тохируулна уу:

Дараагийн удаа таны сайт нээлттэй байна гар утас, таны заасан өргөн автоматаар тохируулагдах болно. Сайтын зочин Zoom ашиглах шаардлагагүй болно:

Энэ зураг нь баруун талд байгаа нэмэлт зайг харуулж байна:

Мөн энэ зураг нь зөв тохируулсан өргөн утгыг харуулж байна.

Хэрэв таны сайт шингэн загвар дээр баригдсан бөгөөд бүх дэлгэцийн хэмжээтэй ажилладаг бол таны даалгавар илүү хялбар болно. Та мобайл төхөөрөмж дээр сайтын сайхан, унших боломжтой өргөнийг туршиж үзэх хэрэгтэй бөгөөд энэ утгыг мета шошгонд тохируулах хэрэгтэй.

3. Зургийн өргөнийг 100% болгох

Одоо таны сайт тодорхой өргөнтэй болсон тул зарим зураг маш өргөн болно. Энэ нь урьд өмнө тохиолдож байгаагүй, учир нь ширээний дэлгэцийн нягтрал нь нэлээд өргөн бөгөөд ихэнх зургууд нь өргөнтэй тохирдог.

Үүнээс зайлсхийхийн тулд зургийнхаа өргөнийг 100% болгож тохируулаарай. Ингэснээр хөдөлгөөнт төхөөрөмжийн дэлгэцэнд хэт том болсон тохиолдолд зургийн хэмжээг автоматаар өөрчлөх болно. Доорх кодыг сайтынхаа CSS загварт нэмнэ үү.

img (хамгийн их өргөн: 100%)

Хэрэв та зургийг img шошго ашиглахаас өөр дэвсгэр болгон ашиглаж байгаа бол CSS background-size шинж чанарыг агуулсан байхаар тохируулаарай. Энэ нь дэлгэцийн нягтрал нь 100% масштабаар харуулахад хангалтгүй үед дэвсгэр зургийн хэмжээг өөрчлөхөд хүргэнэ.

Толгой хэсэг (арын дэвсгэр: url(header.png) 50% давтагдахгүй; дэвсгэрийн хэмжээ: агуулах)

Хэрэв та зураг тодорхойгүй болно гэж санаа зовж байгаа бол дэмий л санаа зовж байна. Орчин үеийн хөдөлгөөнт төхөөрөмж дээр ийм зүйл тохиолдохгүй.

Зочин томруулалтыг ашиглах үед хөтөч нь зургийн тодорхой байдлыг нэмэгдүүлэх давуу талыг ашигладаг. Гэсэн хэдий ч, таны сайтын мета шошгонд хэрэглэгчийн масштабтай = ямар ч өмч байхгүй эсэхийг шалгаарай. Хэрэв тийм биш бол хэрэглэгч томруулахыг ашиглах боломжгүй болно:

4. Оролтын талбаруудын өргөнийг 100% болгож тохируулна уу

Зургийн өргөнийг max-width шинж чанараар тохируулсны дараа оролтын талбаруудтай ижил төстэй арга хийгээрэй. Сайтынхаа CSS файлд нэмнэ үү:

оролт, текст талбар (хамгийн их өргөн:100%)

Хөдөлгөөнт төхөөрөмж дээр сайтыг үзэх үед энэ сонголт нь оролтын талбаруудыг дэлгэцэн дээр сунгахаас сэргийлнэ.

5. Маягт илгээх баталгаажуулах товчлууруудыг Disable ашиглахдаа болгоомжтой байгаарай

Маягт илгээх баталгаажуулах товчлуур дээр олон товшилт хийхээс зайлсхийхийн тулд эхний товшилтын дараа илгээмжийг идэвхгүй болгох хэрэгтэй.

Ширээний төхөөрөмжүүдээс ялгаатай нь хөдөлгөөнт төхөөрөмжүүд нь сүлжээнд холболтоо алддаг. Хэрэв та товчлуурыг идэвхгүй болговол хэрэглэгч дахин товших боломжгүй болно. Мөн энэ нөхцөлд ийм нөхцөл байдлын шалтгаан нь зөвхөн сүлжээний алдагдал биш байж магадгүй гэдгийг санаарай.

үед ирж байгаа дуудлагаМобайл төхөөрөмжийн хөтөч хаагдах болно. Дараа нь хаагдсан баталгаажуулах товчлуурын нөхцөл байдал давтагдах болно. Хэрэглэгч аль хэдийн бөглөсөн маягтыг илгээх боломжгүй.

Хэрэв та илгээх товчийг идэвхгүй болгохоор шийдсэн хэвээр байвал хэдхэн секундын турш хийгээрэй.

6. Урт мөрөнд үгээр боож өгнө

Заримдаа кодын жишээ, холбоос, банкны дансны дугаар гэх мэт урт мөрүүдийг харуулах шаардлагатай байдаг. Хэрэв таны сайт шугамыг бүхэлд нь харуулахын тулд нарийссан бол энэ нь хөдөлгөөнт төхөөрөмжийн дэлгэцээс цааш "явж" магадгүй:

Word-wrap шинж чанарыг ашиглан энэ байдлаас зайлсхий. Энэ нь шугам нь дэлгэцийн ирмэгт хүрэх үед боох болно. Хэрэглэгч өөрт хэрэгтэй бүх зүйлийг гүйлгэхгүйгээр харах болно:

Таны нууц үг: 435143a1b5fc8bb70a3aa9b10f6673a8

7. Зай ашиглахдаа болгоомжтой байгаарай

Урт мөрүүдийг харуулах нийтлэг арга бол таван тэмдэгт тутамд хоосон зайг ашиглах явдал юм. Энэ нь хэрэглэгч өөр програм руу орохдоо тэдгээрийг санахад илүү хялбар болгоно.

Гэсэн хэдий ч ухаалаг хэрэглэгч үүнийг гараар хийхгүй. Тэр санах ойг ашиглах болно. Гэсэн хэдий ч орон зайн хувьд тэрээр тэдгээрийг арилгах хэрэгтэй болно. Хөдөлгөөнт төхөөрөмж дээрх зайг арилгах нь хэр тохиромжтой, хурдан вэ?

Ийм нөхцөл байдлаас зайлсхийхийн тулд тэмдэгтүүдийн хоорондох зайны оронд догол мөрийг ашиглана уу.

Таны код: 435143a1b5fc8bb

Таны харж байгаагаар тэмдэгтүүдийн хоорондох "хоосон зай" хэвээр байгаа боловч хуулбарлах, буулгах үед юу ч устгах шаардлагагүй байдгаараа ялгаатай. Наад зах нь энэ нь тохиромжтой бөгөөд цаг хугацаа хэмнэдэг!

8. Хэвлэл мэдээллийн асуулгын ашиг тус

Та зөвхөн мобайл төхөөрөмж дээр сайтыг үзэх (эсвэл жижиг хөтчийн цонхонд харуулах) үед ажиллах тусгай хэв маягийг үүсгэж болох бөгөөд вэб хуудасны ердийн хувилбар нь ширээний компьютер дээр ажиллах болно. Үүнийг хийхийн тулд доорх жишээн дээрх медиа асуулга дотор зорилтот хэв маягийг ашиглана уу.

Одоо та вэбсайтаа мобайл төхөөрөмж дээр илүү сайн харагдахад туслах өөр нэг заль мэхийг мэддэг болсон.

9. Тогтмол байрлалаас зайлсхий

Хэрэв таны сайтын толгой хэсэг эсвэл хажуугийн самбарыг тогтмол байрлуулсан бол CSS байрлалын шинж чанарыг fixed гэж тохируулна. Болгоомжтой байгаарай.

Та ийм тэмдэглэгээ хийх үед таны гарчиг хуудасны хамт өсөх бөгөөд магадгүй дэлгэцийн бүхэл бүтэн зайг эзлэх болно:

Хамгийн энгийн шийдэл бол хөдөлгөөнт төхөөрөмж дээр харуулахын тулд тогтмол элементийн байрлалыг ашиглахгүй байх явдал юм.

Медиа асуулгын аргыг ашиглан доорх жишээ нь үүнийг хэрхэн хэрэгжүүлэхийг харуулах болно.

10. Стандарт фонт ашиглах

Захиалгат фонт ашиглах нь сайтыг мэргэжлийн бүтээгдэхүүн мэт харагдуулдаг ч хэрэглэгчид фонтын файлуудыг татаж авах шаардлагатай болдог. Энэ нь сайтыг төхөөрөмж дээр харуулахаас өмнө хийгддэг.

Дүрмээр бол ийм файлын хэмжээ нэлээд том байдаг. Хөдөлгөөнт төхөөрөмж дээр энэ үйл явц удаан үргэлжилж болно. Энэ үед бид дэлгэцэн дээр текстийн оронд хоосон зайг харж байна.