Կոնտակտային էջը մեծ նշանակություն ունի, ուստի դրա դիզայնը պետք է հատուկ ուշադրություն դարձնի: Որքան հարմար կլինի շփման էջը, այնքան ավելի շատ առանձնահատկություններ բաց են կայքի սեփականատիրոջ համար: Կոնտակտային էջը, եթե այն պատշաճ ձեւավորված է, կարող է լավ ազդել փոխակերպման գործոնի վրա. Եթե օգտագործողը կարող է հեշտությամբ կապվել մենեջերի կամ կայքի կառավարչի հետ, նա կստանա փոխգործակցության դրական փորձ: Ավելի հեշտ կլինի գործընթաց, այնքան ավելի փոքր է օգտագործողը պետք է լրացնի դաշտերը կամ ձեւերը, այնքան ավելի լավ է փոխակերպման համար:
Կոնտակտային լավ էջը կարող է բարելավել կայքը, քանի որ այն թույլ է տալիս ստեղծել պայմաններ այցելուների եւ կայքի սեփականատիրոջ միջեւ լավ հարաբերությունների համար: Կարեւոր չէ, թե դա ինչ կլինի կայքի համար, այն կարող է լինել առցանց խանութ, լրատվական պորտալ կամ վեբ ծառայություն - Հետադարձ կապը չափազանց կարեւոր է:
Չնայած դրան, շատ դիզայներներ թերագնահատում են կոնտակտների պատշաճ ձեւավորված էջի արժեքը, կենտրոնանալով հիմնական բովանդակությամբ էջերի նախագծման վրա:
Պատահում է, որ օգտագործողը պետք է արագ կապվի կայքի սեփականատիրոջը կամ կապի հաճախորդների աջակցության հետ: Այնուամենայնիվ, ոչինչ չի պատահում, նույնիսկ եթե օգտագործում եք որոնման կայքը: Երբեմն անհրաժեշտ տեղեկատվությունը առկա է կայքում, բայց այն «թաքնված է», քանի որ դիզայները չի հոգացել ճիշտ նավարկության մասին, եւ օգտագործողը պարզապես չի տեսնում ցանկալի հղումը: Հուսահատ օգտագործողը պատրաստ է զանգահարել, բայց նա չի կարող գտնել այն:
Ընկերություններն ու վեբ ծառայություններ, որոնք մեծ ուշադրություն են դարձնում շփման էջերի նախագծմանը, չափազանց զգույշ են: Պարզապես այն պատճառով, որ այս էջը պարզապես չի պարունակում կոնտակտային տվյալներ. Այն պարունակում է ձեզ անհրաժեշտ տեղեկատվությունը եւ ինտերակտիվ է: Եվ, ամենակարեւորը, լրացուցիչ կոնտակտային էջը կրկին խրախուսում է օգտագործողին եւ կրկին շփվել կայքի հետ:
Էջի կոնտակտներ Սա հաղորդակցության մի տեսակ հարթակ է: Եթե \u200b\u200bկայքի սեփականատերը հաճախորդներին թույլ է տալիս արտահայտել իրենց կարծիքը, ապա սա երկխոսության հրավեր է: Վեբ մշակողները եւ օգտվողները կարող են օգտվել այս համագործակցությունից եւ այդ պատճառով է, որ այն պետք է պատշաճ ձեւավորվի:
Ինչպես գիտեք, դիզայնի ֆունկցիոնալությունը հիմնական գործոններից մեկն է: Կոնտակտային էջը պարունակում է կարեւոր տեղեկատվություն, բայց շատ չէ, որ երբեմն դա կարող է հանգեցնել գործառնականության սխալ գնահատման: Կայքի սեփականատերը կարծում է, որ եթե էջում տեղադրեց էլփոստի հասցե եւ հեռախոս, այն բավականին բավարար է: Երբեմն նա ճիշտ է:
Այնուամենայնիվ, ֆունկցիոնալության կրկնակի ստուգումը կարող է ավելի շատ օգուտներ բերել, քան վնասը: Հաշմանդամ կապերը կամ էջերը, որոնք ծանրաբեռնված են տեղեկատվությամբ. Այս ամենը վնասում է փոխազդեցությանը: Կայքի սեփականատերը չի կարող ստանալ կարեւոր հաղորդագրություն, բայց ամենավատը տեղի կունենա, եթե այն ապահովում է հնացած կամ ոչ ճշգրիտ տեղեկատվություն: Նախագծում է կոնտակտների էջը Նախ պետք է մտածեք օգտագործողների մասին, քանի որ վերջում այս էջը ստեղծվում է հատուկ նրանց համար:
Գտնվելու վայր
Անհրաժեշտ է համոզվել, որ կոնտակտային էջը միշտ հասանելի է օգտվողների համար: Կայքի տեսքը, նույնիսկ եթե ոչինչ չի նշանակում բացառիկ դիզայնով, եթե օգտվողները չեն կարող գտնել կոնտակտներով էջ: Երբեմն պետք է նախագծեք բավականին բարդ կոնտակտային ձեւեր, այնպես որ նախապես պետք է հոգ տանել հրահանգների մասին: Օգտագործողների համար ավելի հեշտ կլինի կապվել կայքի սեփականատիրոջ հետ, եթե նրանք ունենան քայլ առ քայլ ուղեցույց:
Վեբ կայք ձեւավորող դիզայներների համար կարեւոր է հիշել երկու միավոր:
- Առաջնային նավարկումը միշտ պետք է ներառի կոնտակտային էջ:
- Օգտագործողները պետք է գտնեն կոնտակտների էջ, կայք առաջին այցից, որոնք ներքին էջերից են, որոնք նրանք չեն ստացել
Դատելով կուտակված դիզայներների փորձից, օգտվողները հակված են որեւէ էջի աջ կողմում շփման տեղեկատվություն փնտրել, ուստի իմաստ ունի այնտեղ տեղադրել «կոնտակտներ» հղում: Հիշելու համար պետք է հիշել, որ այս տեղեկատվությունը երկրորդական արժեք ունի օգտագործողի համար, ուստի չարժե կայքի այս բաժինը չափազանց նկատելի կամ ներխուժել: Էջերի լավագույն հղումը `կոնտակտներով, որոնք տեղակայված են էջի վերին աջ անկյունում: Եվ ավելի վատը բացվող ընտրացանկի հղումն է, քանի որ օգտվողները պարզապես չեն կարող նկատել:
Հասարակ կոնտակտային ձեւեր
Առեւտրային կայքերի համար կոնտակտային էջը շատ կարեւոր է, սա արդեն վերը նշված է: Չնայած այն հանգամանքին, որ այն կարող է այնքան գեղեցիկ լինել, որքան այլ կայքի էջեր, այն պետք է լինի պարզ, հարմարավետ եւ հասկանալի: Եթե \u200b\u200bտեղեկատվությունը սխալ է կառուցված, այն լավ չի գործում կամ մոլորեցնում է, քիչ հավանական է, որ կայքի սեփականատերը կկարողանա երկարաժամկետ հարաբերություններ հաստատել իր հաճախորդների հետ:
Հաճախ պատահում է, որ օգտագործողը, ով ցանկանում է հաղորդագրություն թողնել, թողնում է կայքը, քանի որ այն չի կարող լրացնել կոնտակտային ձեւը: Կամ չի ցանկանում, եթե այն չափազանց երկար է կամ բարդ: Այսօր օգտվողները չեն ցանկանում ժամանակ ծախսել մանրամասն ձեւերը լրացնելու համար, ու արժե մտածել դրանց պարզեցման մասին: Ավելի հեշտ կլինի այն ձեւը, այնքան լավ, ներառյալ օգտագործողի փորձը, հետեւաբար, դուք պետք է կենտրոնանաք հիմնական տեղեկատվության հավաքման վրա:
Acc շգրիտ ձեւակերպում
Եթե \u200b\u200bմենք խոսում ենք պաշտոնական կայքերի մասին, ապա բոլոր էջերում, ներառյալ կոնտակտների էջը, դուք պետք է հավատարիմ մնաք պարզ եւ ճշգրիտ ձեւակերպումներին այն օգուտների վերաբերյալ, որոնք կստանաք օգտագործողը, դառնալով օգտագործողը, դառնալով օգտագործողը: Ինչի համար է դա? Բոլոր ավելորդ տեղեկատվությունից խեղվածությունը գրավելու եւ պահպանելու ամենաարդյունավետ միջոցն է: Գեղեցիկ ընդհանրացված տվյալները պետք է հակիրճ լինեն, որպեսզի մարդիկ հեշտությամբ գտնեն իրենց անհրաժեշտը:
Նաեւ պետք չէ մոռանալ տեսողական բաղադրիչների մասին: Եվ խոսքը ոչ միայն շփման ձեւերի գրավիչ ձեւավորման մասին է: Եթե \u200b\u200bընկերությունը ֆիզիկական հասցե ունի, ապա կարող եք օգնել օգտվողներին `քարտը տեղադրելով կոնտակտային էջին: Մեծ քաղաքներում տեղակայված ընկերությունների համար շատ կարեւոր է բացատրել օգտվողներին, քանի որ ավելի հարմար կլինի հասնել իրենց գրասենյակին, խանութին կամ պահեստին:
Կոնտակտային էջերի հարմարվողականություն
Internet անկացած ինտերնետ բիզնեսի համար պատասխանատուությունն է: Սա կոշտ կանոն է, առանց բացառության: Քանի որ ինտերնետը զարգանում է արագ տեմպերով, եւ շուկայում ավելի շատ նոր սարքեր են հայտնվում, նշանակում է, որ կոնտակտային տվյալները պետք է մատչելի լինեն, անկախ նրանից, թե որ զննարկիչը կամ սարքն օգտագործում է մարդուն: Այսօր մրցակցային պայքարում կորցնելու համար շատ հեշտ է `բավարար չէ բջջային սարքեր ցուցադրելու համար կոնտակտների էջը օպտիմալացնելու համար:
Ինտեգրալ բաղադրիչներ
Ինչն է ավելի լավ. Էլ. Փոստի հասցե կամ կոնտակտային ձեւ: Օգտագործողներին անհրաժեշտ է հաղորդակցման պարզ եղանակներ, որոնք անհրաժեշտ են ձեր անհրաժեշտ ծառայությունների մատակարարների հետ, այնպես որ անհրաժեշտ է հանդիպել նրանց: Կարող եք շեշտը դնել էլեկտրոնային փոստով կամ տեղադրեք կոնտակտային ձեւը. Յուրաքանչյուր մեթոդ ունի իր առավելությունները եւ դեմ:
Կոնտակտային ձեւեր
- Կոնտակտային ձեւը չպետք է ստիպի օգտվողներին գնալ մեկ այլ էջ
- Կոնտակտային ձեւը նախատեսված չէ հաշիվ ստեղծելու կամ էլփոստի միջոցով մուտք գործելու համար:
- Ձեւաթուղթը պետք է ունենա ավտոմատ գործառույթ, եթե կա այդպիսի հնարավորություն
- Կոնտակտային ձեւը պետք է գործի հաղորդագրություններ եւ ծանուցումներ ուղարկելու համար:
Էլ
- Էլ.փոստի հաղորդակցությունը պետք է ապահով լինի օգտագործողի համար
- Ուղարկված բոլոր տվյալները ցանկալի են պահպանել ապագայում օգտագործման համար:
- Ստացված հաղորդագրությունների հետ աշխատելը պետք է իրականացվի համակարգիչ կերպով, դուք նույնպես պետք է հոգ տանել տվյալների կրկնօրինակման մասին
Վավերացման ձեւ
Ստուգման ձեւերը կարեւոր են, երբ դուք պետք է ավելին իմանաք կայքի օգտագործողների մասին: Բացի այդ, վավերացման գործընթացը ինչ-որ կերպ օգտագործողին ուղարկում է ճիշտ ուղղությամբ, քանի որ նրանք կարող են իրենց ուշադրությունը գրավել սխալ մուտքագրված տվյալների կամ չմշակված դաշտերի վրա: Այսպիսով, հաստատման ձեւը խնայում է հաճախորդի ժամանակը, քանի որ լրացման գործընթացի ավարտին անձը վճռականորեն վստահ կլինի, որ իր ուղերձը կուղղվի ճիշտ հասցեով:
Հեռախոսահամարներ
Շատ ընկերություններ չեն նշում կոնտակտների էջի հեռախոսահամարները, քանի որ վախենում ենք, որ մշտական \u200b\u200bզանգերը կխանգարեն աշխատանքային հոսքին: Այնուամենայնիվ, ինչպես քարտի դեպքում, շփման էջի հեռախոսահամարները մեծացնում են օգտագործողի վստահությունը ապրանքանիշի մեջ, հաճախորդները զգում են անվտանգ, հավատալով, որ ծանր իրավիճակում կկարողանան կապվել ընկերության աշխատողի հետ եւ քննարկել խնդիրը: Հեռախոսահամարը նվազեցնում է կայքի սեփականատիրոջ եւ օգտագործողի միջեւ հեռավորությունը, դա վերաբերում է ինչպես ավանդական ընկերություններին, այնպես էլ առցանց ծառայություններ, որոնք չունեն ֆիզիկական հասցե:
Սոցիալական մեդիա պրոֆիլներ
Սոցիալական ցանցերի կոճակները ավելի ու ավելի են հայտնաբերվում կոնտակտային էջերում: Այս մոտեցումը կարող է զգալիորեն բարձրացնել կայքի հնարավորությունները, մանավանդ, եթե հաճախորդների աջակցությունն իրականացվում է 24/7 ռեժիմով: Շատ ավելի հարմար է ընկերության հետ շփվել սոցիալական ցանցի միջոցով, ու արժե մտածել օգտագործողի հետ շփվելու նման ձեւի մասին:
Էջի կոնտակտների նախագծում
Կոնտակտների իսկապես լավ էջերը նշում են դիզայներների բարձր որակավորումները, որոնք նախագծեցին դրանք: Դիզայնի ամենակարեւոր մասը կոնտակտային էջի տեսողական ոճն է: Կոնտակտային ձեւերի դեպքում սա նշանակում է մեծ դաշտեր, որոնք ավելի հեշտացնում են տվյալներ ուղարկել: Եթե \u200b\u200bձեւը գեղեցիկ տեսք ունի, այն ավելի լավ է աշխատում:
Նախքան ձեւավորելը, դիզայները պետք է իրականացնի հաճախորդի կողմից տրամադրված բոլոր կոնտակտային տեղեկատվության մանրամասն ուսումնասիրությունը: Բացի այդ, բոլոր տարրերը պետք է լավ կազմակերպվեն, դրանք պետք է ներդաշնակորեն համատեղվեն: Պետք է հիշել նաեւ, որ կոնտակտային էջը պետք է համապատասխանի կայքի գունային սխեմային, որպեսզի օգտագործողը հաստատ նույնականացնի կայքը եւ ապրանքանիշը:
Արտադիտակ
Կոնտակտային էջը միշտ պետք է լինի տեսողության մեջ: Սա վերաբերում է ոչ միայն հիմնական էջին, այլեւ բոլոր էջ էջերին: Կոնտակտային էջի ձեւավորումը պետք է հիշել, որ օգտվողները կկարողանան կապվել կայքի սեփականատիրոջ կամ օժանդակ թիմի հետ, միայն «Կոնտակտներ» ներդիրը տեսնելու ձեւը: Այս դեպքում հաջողության բանալին հարմարությունն ու պարզությունն է: Պետք է օգտվողներին տալ իրենց ուզածը: Եթե \u200b\u200bօգտագործողը պետք է մուտքագրի իր անձնական տվյալները կայքում, ապա ավելի լավ է սահմանել հիմնական հարցեր. Անուն, ազգանուն, էլ. Փոստի հասցե: Կոնտակտային ձեւը չպետք է պարունակի ավելորդ դաշտեր: Պետք է նաեւ հոգ տանել կոնտակտային էջի հարմարվողականության մասին. Դրանք պետք է ցուցադրվեն ցանկացած զննարկիչում եւ ցանկացած սարքում: Եթե \u200b\u200bկոնտակտային էջը ճիշտ նախագծված է, օգտագործողների մեջ հաջողության հասնելու կայքի հնարավորությունները զգալիորեն աճում են:
Հարմարվողական դասավորություն Կայքը վեբ էջերը թույլ է տալիս ինքնաբերաբար հարմարվել պլանշետների եւ սմարթֆոնների էկրաններին: Բջջային ինտերնետի երթեւեկությունն ամեն տարի աճում է եւ այս երթեւեկությունը արդյունավետ մշակելու համար հարկավոր է օգտվողների հարմարվողական կայքեր `հարմար ինտերֆեյսով:
Որոնիչները օգտագործում են մի շարք չափանիշներ `բջջային սարքերում դիտելիս կայքի հարմարվողականությունը գնահատելու համար: Google- ը փորձում է պարզեցնել ինտերնետի օգտագործումը սմարթֆոնների եւ պլանշետների սեփականատերերի համար, նշելով բջջային թողարկումներում շարժական սարքերում տեղակայված հատուկ նշանի Բջջային բարեկամական:, Yandex- ը նաեւ աշխատում է Ալգորիթմը, որը նախընտրում է կայքեր բջջային / հարմարվողական տարբերակով բջջային որոնում օգտագործողների համար:
Դուք կարող եք ստուգել էջի էկրանը բջջային սարքերում եւ.
ՆկՂ 1. Mobile Yandex- ը եւ Google- ը թողարկում են մուտքի մասին, տեղանքի բարեկամության մասին բջջային սարքերում Ինչ է հարմարվողական դասավորությունը
Հարմարվողական դասավորությունը ներառում է հորիզոնական ոլորման բար եւ մասշտաբային տարածքների բացակայություն ցանկացած սարքի, ընթերցվող տեքստի եւ կլրեկային տարրերի համար լայն տարածքներ: Լրատվամիջոցների կիրառմամբ, էջում կարող եք վերահսկել էջի բլոկների դասավորությունը եւ գտնվելու վայրը, վերակառուցելով օրինակը, որպեսզի այն հարմարվի սարքերի տարբեր չափերի:
Հոդահաղորդակցական կայքի ստեղծման հիմնական տեխնիկան տրված է հոդվածում: Համար Պատասխանատու ձեւավորում Կայքի հիմնական բեռնարկղի լայնությունը սահմանվում է%, մինչդեռ այն կարող է հավասար լինել զննարկչի պատուհանի 100% լայնության եւ ավելի քիչ: I անցի սյուների լայնությունը նույնպես սահմանված է% -ով: Մեջ Հարմարվող ձեւավորում Հիմնական բեռնարկղի եւ ցանցային սյուների լայնությունը ֆիքսված է PX- ում արժեքների միջոցով:
Այս դասում դիտարկված հարմարվողական ռետինե դասավորությունը հիանալի կաշխատի երկկողմանի օրինակի վրա, կայքի հարմարվողական եւ հարմարավետ դարձնելով բջջային սարքերում դիտելու համար: Կաղապարը ենթադրում է էջերի հիմնական բովանդակության այլ դասավորություն, այս դասում կազատվեն վարպետության էջին:
Հիմնական էջի կողպեքը
Էջը բաղկացած է երեք հիմնական բլոկներից. Գլխավոր բովանդակության եւ Sagebar- ի եւ Soater- ի (ստորին) փաթաթան բեռնարկղը (գլխարկ): Որպես դիզայնի միավորների շրջադարձային կետ, վերցրեք 768px եւ 480px:
Առաջին կետում թաքցրեք վերին ընտրացանկը եւ տեղափոխեք կողային գիծը բեռնարկղի տակ `հաղորդագրություններով: Երկրորդ կետում դուք կփոխեք վերնագրի տարրերի գտնվելու վայրը, չեղյալ հայտարարեք հաղորդագրություններում սոցիալական ցանցերի կոճակների տեղադրումը եւ չեղյալ հայտարարեք էջերի սյուների շուրջը հոսքը:
ՆկՂ 2. Հարմարվողական դասավորության օրինակ 1. մետագել եւ բաժին
1) Ավելացնել բաժին
Պահանջվող ֆայլերը հղում են օգտագործված տառատեսակների, jQuery գրադարանին, ինչպես նաեւ նախածանցի plugin- ի (դիտարկիչի նախածանցի հատկությունների համար):
2. Էջի գլխարկ
Էջի վերնագրում
Պատկեր ;
կոճակը հիմնական ընտրացանկը ցուցադրելու / թաքցնելու համար
