Գաղտնիք չէ, որ յուրաքանչյուր ընկերության կայք ունի չորս հիմնական նպատակ՝ խթանել ապրանքանիշի հավատարմությունը, ավելացնել երթևեկությունը, նվազեցնել վերադարձի տոկոսադրույքները և բարձրացնել փոխակերպման տոկոսադրույքները դեպի առաջատար կամ վաճառք: Շատ բան կախված է նրանից, թե որքան հարմարավետ են զգում օգտվողները, երբ նրանք վայրէջք են կատարում ձեր կայքում:

Հետևաբար, մեր այսօրվա հոդվածում մենք կխոսենք այն մասին, թե ինչ է կայքի նավիգացիան, որի շնորհիվ ստեղծվում է «հարմարավետ մթնոլորտ»: Ավելի ճիշտ՝ դրա մշակման ընթացքում թույլ տված ամենատարածված սխալների մասին։

Սխալ թիվ 1՝ ոչ ստանդարտ ոճ

Օգտատերերը սովոր են տեսնել կայքի նավարկությունը էջի վերևում կամ ձախ կողմում, այնպես որ մի ստիպեք նրանց թափառել ձեր կայքում՝ փնտրելով այն, քանի որ նրանց կարող է դուր չգալ նման թաքնված խաղը, որը կ բացասաբար է անդրադառնում փոխակերպման տոկոսադրույքների վրա և բարձրացնում վերադարձի տոկոսադրույքները:

Այո, ստեղծագործական մոտեցումը միշտ ողջունելի է էջերի/կայքի մշակման ժամանակ, բայց կայքի նավիգացիան ակնհայտորեն այն դեպքը չէ, երբ դուք պետք է ազատություն տաս ձեր երևակայությանը: Նման փորձերով դուք շեղում եք օգտատերերի ուշադրությունը, ովքեր ստիպված կլինեն ուսումնասիրել նավիգացիայի նոր ոճ, այլ ոչ թե ռեսուրսի հիմնական բովանդակությունը։

Սխալ թիվ 2. ճաշացանկի տարրերի ունիվերսալ պիտակներ

Կայքում նավարկություն կատարելու ևս մեկ ոսկե կանոն այն է, որ նավիգացիոն մենյուի պիտակները պետք է լինեն տեղեկատվական: Այսպես, օրինակ, «Ապրանքներ» կամ «Ծառայություններ» ցանկի տարրերի օգտագործումը սովորական է բոլոր ընկերությունների համար, և նման անունները քիչ նշանակություն ունեն օգտատերերի համար: Ահա ևս մեկ օրինակ՝ «Ինչ ենք անում»՝ նույն անդեմ արտահայտությունը.

Այս դեպքում ինչպե՞ս բարելավել կայքի նավարկությունը։ Փորձեք գտնել առավել ճշգրիտ պիտակները նավիգացիոն ընտրացանկի յուրաքանչյուր կետի պատկերակի համար, և կտեսնեք, թե ինչպես են նրանք խոսում օգտատերերի հետ: Կայքի այցելուները եկել են ձեզ՝ փնտրելու իրենց հարցերի պատասխանները, այնպես որ մի մերժեք նրանց բանաձև արտահայտություններև բառեր.

Համաձայնեք, որ ձեր հաճախորդները չեն փնտրում վերացական «Ապրանքներ» կամ «Ծառայություններ», և նման պատկերակներով նավարկությունը չի ազդի արդյունքներում կայքի առաջխաղացման վրա: Որոնման արդյունքները. Ճանաչեցի՞ր քեզ։ Այսպիսով, ժամանակն է շտկելու այն: Կայքի ընտրացանկը և դրա կառուցվածքն ամբողջությամբ պետք է օպտիմիզացված լինեն որոնման համակարգերև խոսեք թիրախային լսարանի համար հասկանալի լեզվով: Մեր հոդվածը մինչև վերջ կարդալուց հետո կտեսնեք, թե քանի ընկերություն է լուծում այս խնդիրը։

Սխալ թիվ 3. Բացվող ընտրացանկ

Բացվող ընտրացանկը որպես նավիգացիոն տարր դարձել է չափազանց տարածված, սակայն կան երկու լավ պատճառ, թե ինչու պետք է առավելագույն խնամքով մոտենալ դրա օգտագործմանը:

Ձեզանից շատերը, հավանաբար, ստիպված էին բառացիորեն բռնել բացվող ընտրացանկը: Մի անհարմար քայլ, և այն փախչում է քեզնից: Եվ ահա դու ուժերդ հավաքում ես, նորից նայում, կտտացնում, և ահա՝ անակնկալ։ - Մեկ այլ տարբերակների ցանկ: Նման բռնումներն ահավոր զայրացնում են։ Մտածեք այդ մասին, միգուցե դուք ևս մեկ անգամ չպիտի թափահարեք ձեր պոտենցիալ հաճախորդների նյարդերը:

Մենյու չթողնելու ևս մեկ պատճառ. ցածր հաճախելիություն հաջորդ էջերըկայքի կամ զննարկման խորությունը: Եթե ​​դուք ունեք էջի ցածր տրաֆիկի խնդիր բարձր մակարդակ, հնարավոր է, որ պատճառը բացվող մենյուի օգտագործման մեջ է։ Բայց կանոններից միշտ կան բացառություններ: Այս դեպքում բացառությունները կիրառվում են բազմաթիվ բաժիններով մեծ կայքերի համար, քանի որ այստեղ, օգտագործելով նման մենյու, կայքի օգտագործելիությունը զգալիորեն բարելավվում է:

Սխալ թիվ 4. ճաշացանկի չափից շատ տարրեր

Նախկինում այդպես էր, բայց այսօր առանց հրատապ անհրաժեշտության չպետք է հավատարիմ մնալ այս ավանդույթին, քանի որ երբեմն նույնիսկ 8 միավորը շատ է։ Փորձեք դրանք սահմանափակել ավելի փոքր թվով, չգերազանցելով 5-ը. որքան քիչ երկրորդական կետեր, այնքան քիչ հաճախ օգտատերերի աչքերը կսայթաքեն դրանց վրա, և ավելի բարձր կխոսեն ամենակարևորները։

Այս կանոնը գործում է նաև կայքի ողջ բովանդակության համար, այլ ոչ միայն կայքի նավիգացիայի համար: Յուրաքանչյուր հեռացված տարր մնացածներն ավելի տեսանելի է դարձնում: Նավիգացիայի հակիրճությունը նույնպես կարևոր է SEO-ի համար։ Քանի որ ամենից հաճախ օգտվողները հետևում են հղմանը գլխավոր էջ, ոչ միացված ներքին էջերկայք, ուստի այն «հեղինակավոր» է որոնման համակարգերի համար: Երբ ձեր նավիգացիան լի է հղումներով, կայքի գլխավոր էջը դառնում է ավելի քիչ հեղինակավոր՝ համեմատած ներքին էջերի:

Սխալ թիվ 5. ընտրացանկի տարրերի անհամապատասխան տեղադրում վճարման համար

Հոգեբանական հետազոտությունները ցույց են տվել, որ առաջին և վերջին բառերն ամենահեշտն են հիշվում։ վերջին տարրերըցանկացած ցանկ, քան իր մեջտեղի տարրերը: Նմանատիպ գործողություն տեղի է ունենում օգտվողների հետ: Այս երևույթը կոչվում է «սերիական դիրքերի կոր» և հստակ արտահայտվում է գրաֆիկի տեսքով.

Ուշադրության կենտրոնացումը զգալիորեն ավելի բարձր է ցուցակի սկզբում (առաջնահերթության էֆեկտ) և վերջում (նորության էֆեկտ): Դրա համար էլ ամենաշատը դասավորելը ճիշտ է կարևոր կետերնավարկության սկզբում, երկրորդական՝ կենտրոնում։ «Կապ» ընտրացանկի տարրը պետք է տեղադրվի TOP նավիգացիայի վերջում՝ ծայր աջ անկյունում:

Բոնուսային հուշում․ հղումները հավերժ են, կոճակները՝ երբեք։

Եթե ​​դուք 8 տարի հետ եք մնում վեբ դիզայնի միտումներից և դեռ օգտագործում եք գրաֆիկական նավիգացիոն կոճակներ՝ տեքստային հղումների փոխարեն, ապա ահա 5 պատճառ, որպեսզի վերանայեք ձեր սովորությունները.

• Կոճակի տեքստը տեսանելի չէ որոնման համակարգերին:
• Կոճակները ավելի դժվար են թարմացվում, քան տեքստային հղումները:
• Կոճակներն ավելի դանդաղ են բեռնվում՝ դրանք դարձնելով ոչ պիտանի բջջային հավելվածների համար:
• Կոճակները ընթեռնելի չեն խոսքի և տեքստի բրաուզերների կողմից:
• Կոճակները անհրաժեշտ չեն նույնիսկ եթե ցանկանում եք օգտագործել հատուկ տառատեսակներ, օրինակ՝ TypeKit-ի նման գործիքներով:

Իսկ հիմա, ինչպես խոստացել էինք՝ կայքի նավարկության 5 օրինակ առանց սխալների։

Նավիգացիա - ամենակարեւոր ասպեկտըցանկացած կայք: Արդյոք օգտվողը կկարողանա գտնել համապատասխան տեղեկատվություն և արդյոք նա ցանկանում է վերադառնալ, կախված է ձեր վեբ նավիգացիայի արդյունավետությունից:

Նավիգացիան ոչնչով չի կարգավորվում. այն կարող է լինել թափանցիկ և ինտուիտիվ կամ բազմամակարդակ և ոչ ստանդարտ:

Ինչպե՞ս հնարավորինս արդյունավետ դարձնել կայքի նավարկությունը և ո՞ր դիզայնն է ձեզ համար ճիշտ:

Վեբ մշակող ընկերության համարկան ձեր բոլոր հարցերի պատասխանները:

Բայց առաջին հերթին առաջինը:

Ի՞ՆՉ Է ՆԱՎԻԳԱՑԻԱՆ:

Կայքի նավարկություն կամ վեբ նավարկությունծրագրային ապահովման և տեսողական գործիքների համակարգ է, որն օգնում է օգտատիրոջը նավարկել կայքում և գտնել իրեն անհրաժեշտ տեղեկատվությունը:

ՆԱՎԻԳԱՑԻԱՅԻ ՊԼԱՆԱՎՈՐՈՒՄ

Ամենաարդյունավետ վեբ նավիգացիան հիմնված է 3 սյուների վրա.

• Կառուցվածք
• Հակիրճություն
• Դիզայն

• Կառուցվածքը:նավարկությունը սկսվում է մանրամասն ուսումնասիրությունից տեղեկատվական ճարտարապետություն (IA), որը թույլ է տալիս ստեղծել օպտիմալ մուտք դեպի կայք և բովանդակության կառուցվածքը օգտագործողի տեսանկյունից: Իդեալում, կայքի IA-ն բաղկացած է նավիգացիոն նվազագույն շերտերից և օգտվողին տրամադրում է մուտք դեպի ցանկալի բաժին ընդամենը մի քանի կտտոցով: Միևնույն ժամանակ հատվածների բաժանումն ինքնին պարզ է, տրամաբանական և կանխատեսելի։

• Հակիրճություն:գործնական վեբ նավիգացիան միշտ պարզ է և ինտուիտիվ: Կայքի մենյուում ներառեք միայն այն տարրերը, որոնք անհրաժեշտ են արդյունավետ հաղորդակցության համար։ Հաջողության բանալին մենյուն է, որը բաղկացած է նվազագույն թվով համարժեք բաժիններից, որոնք սխալի տեղ չեն թողնում:

• Դիզայն:դիզայն ընտրելիս կենտրոնացեք ընթերցանության, օրգանականության և միատեսակության վրա: Նախապատվությունը տվեք ընդհանուր նավիգացիոն տարրերին: շփոթեցնող համակարգ Պատվերով պատկերակները, կոճակները և պիտակները վատ գաղափար են և կարող են բացասաբար ազդել ձեր կայքի օգտագործման վրա: Որքան քիչ ավելորդ ակտիվ տարրերը, այնքան ավելի գոհ օգտվողները.

ՎԵԲ ՆԱՎԻԳԱՑՄԱՆ ԴԻԶԱՅՆԻ ՄԻՏՈՒՄՆԵՐԸ

Վեբ նավիգացիայի դիզայնը չափազանց բազմազան է, սակայն դրա որոշ տարրեր ավելի մեծ ժողովրդականություն են ձեռք բերել, քան մյուսները: Umbrella IT-ն ընտրել է վեբ նավիգացիայի ամենահաջող դիզայնի 10 օրինակ, որոնք աշխատում են ինչպես առանձին, այնպես էլ միմյանց հետ համատեղ: Դրանցից յուրաքանչյուրն ունի իր առավելություններն ու թերությունները, իսկ թե որն է լավագույնը, կախված է ձեզանից:

1. ՀՈՐԻԶՈՆՏԱԼ ՆԱՎԻԳԱՑԻԱ

Հորիզոնական նավիգացիան դասական դիզայն է, որը համատեղում է հարմարավետությունը ֆունկցիոնալության հետ:

Կողմերը:

• Օրգանական լուծում մոնիտորների մեծ մասի ստանդարտ էկրանի կողմնորոշման համար;
• Նավիգացիոն մենյուի բոլոր տարրերը ակտիվ են և միաժամանակ հասանելի;
• Բաժինների ցանկն ընդլայնելու հնարավորություն՝ օգտագործելով բացվող ընտրացանկը սավառնելիս կամ սեղմելիս:

Մինուսները:

• Մեծ թվով բաժիններ և ծավալուն բացվող մենյու կարող են համընկնել կարևոր բովանդակության հետ.
• Ցանկի նոր տարրեր ավելացնելը դժվար է:

2. ՈՒՂՂԱԶԳԱՅԻՆ ՆԱՎԻԳԱՑԻԱ

Ուղղահայաց նավարկությունը ուղիղ այլընտրանք է հորիզոնական նավիգացիայիը՝ էջի ձախ սյունակում գտնվող մենյու:

Կողմերը:

• Խմբագրման հեշտությունը և մենյուի անսահմանափակ ընդլայնումը - հիանալի տարբերակ բարդ բազմաֆունկցիոնալ ծառայությունների և էլեկտրոնային առևտրի համար.
• Օպտիմալ տարբեր սարքերի համար:

Մինուսները:

• Երբ ընդլայնվում է, այն կարող է համընկնել բովանդակության վրա.
• Ներքևի նավիգացիոն տարրերը հազիվ նկատելի են:

3. ՁԵՌՔԻ ՄԵՆՅՈՒ

Անշարժ գույքի ամբողջական ֆունկցիոնալությունը և էկրանը պահպանելու եղանակներից մեկն է սլայդների ընտրացանկը կամ սլայդային ընտրացանկը: Ցանկը թաքնված է էկրանի ձախ եզրագծի հետևում և հայտնվում է սեղմման կամ հպման դեպքում:

Կողմերը:

• Կայքի կազմակերպման առավել կոմպակտ ձևը.
• Դիզայնը կարող է լինել հարմարվողական, որը համբուրգերի պատկերակի հետ համատեղ հիանալի տարբերակ է կայքի բջջային տարբերակի ինտերֆեյսի համար.
• Թաքնված ընտրացանկը թույլ է տալիս մեծ ուշադրություն դարձնել բովանդակության վրա.
• Հեշտ մուտք դեպի մենյու կայքի ցանկացած կետից:

Մինուսները:

• Թաքնված նավարկությունը դժվարացնում է մենյուի մուտքը.
• Ընդլայնվելուց հետո ցանկը համընկնում է բովանդակության վրա:

4. ՎԱՅՐԷՋՔ

Վայրէջքի էջը մեկ էջանոց կայք է՝ երկար կամ անսահման ոլորումով, օպտիմիզացված հատուկ նպատակների համար:

Կողմերը:

• Ավելի արագ, քան սեղմելը հարմար տարբերակ է լրատվական ծառայությունների, առցանց խանութների և կայքերի համար, որոնք թարմացնում են բովանդակությունը իրական ժամանակում.
• Անսահման ոլորումը պահպանում է օգտագործողի ուշադրությունը.
• Թույլ է տալիս տեղադրել մեծ քանակությամբ տեսողական տեղեկատվություն;
• Հարմարավետ ինտերֆեյս բջջային հարթակների համար:

Մինուսներ:

• Օգտագործողի սահմանափակ ազատություն. անհնար է վերահսկել տեղեկատվության կարգը և բովանդակության ներկայացման ձևը.
• Անհնար է օգտագործել ստորագիր;
• Բարձրացնում է սերվերների բեռը;
• Նվազեցնում է SEO-ի կատարումը:

5. ՖԻՔՍՎԱԾ ՄԵՆՅՈՒ

Ֆիքսված կամ կպչուն նավարկությունը ստատիկ կերպով խարսխում է մենյուի սանդղակը էջի որոշակի հատվածում՝ տալով օգտվողին մշտական ​​մուտքդեպի ընտրացանկի ընտրանքներ:

Կողմերը:

• Կայքի ցանկացած կետից բոլոր բաժինների հարմարավետ մուտքն առավելագույնն է օպտիմալ լուծումմեկ էջանոց կայքերի համար;
• Թույլ է տալիս ամրապնդել բրենդի իրազեկությունը վերնագրում լավ ամրագրված պատկերանշանով.
• Բարձրացնում է վերլուծության կատարողականը` ավելացնելով յուրաքանչյուր կայք այցելության դիտված էջերի քանակը:

Մինուսները:

• Ծանրաբեռնված և ներխուժող վերնագիրը խոչընդոտում է վեբ նավիգացիան և համընկնում բովանդակության վրա:

6. ՀԱՄԲՈՒՐԳԵՐԻ ՄԵՆՅՈՒ

Համբուրգերի ընտրացանկը նավիգացիոն մենյու է, որն ի սկզբանե նախատեսված է սմարթֆոնների համար, բայց գնալով ավելի է հայտնվում նոութբուքերի էկրաններին: Սա պատկերակ է, որը թաքցնում է ընտրանքների և կատեգորիաների լայն շրջանակ: Ճաշացանկը ստացել է իր անվանումը համբուրգերի հետ պատկերակի նմանության պատճառով՝ ճաշացանկի երեք հորիզոնական գծերը խորհրդանշում են հայտնի սենդվիչի երեք շերտերը։

Կողմերը:

• Համբուրգերի պատկերակը հասանելի է կայքի ցանկացած կետից մեկ սեղմումով կամ հպումով.
• Թույլ է տալիս տեղադրել անսահմանափակ թվով տարբերակներ;
• Հնարավորինս խնայում է տարածությունը և հիանալի ցուցադրում շարժական սարքեր;
• Օգնում է կոմպակտ տեղադրել երկրորդական ընտրանքները (օրինակ՝ պատմությունը և կարգավորումները)՝ առանց էկրանը կամ օգտատիրոջը ծանրաբեռնելու:

Մինուսները:

• Չնայած դրա տարածվածությանը, օգտվողները միշտ չէ, որ հեշտությամբ գտնում են թաքնված ընտրացանկը.
• Համբուրգերը Android պլատֆորմի չասված ստանդարտ մենյու է, և դրա օգտագործումը iOS-ում հանգեցնում է նավիգացիոն հիմնական տարրերի միատեսակության խախտման և նավիգացիոն տողի ծանրաբեռնվածության:

7. ADAPTIVE NAVIGATION

Պատասխանատու նավիգացիան փոփոխական դիզայն է, որն ավտոմատ կերպով հարմարվում է էկրանի տարբեր լայնություններին և շարժական հարթակներին:

Կողմերը:

• Cross-platform. կայքը ի սկզբանե նախատեսված էր բարձրորակ ցուցադրման համար ինչպես համակարգիչների, այնպես էլ շարժական սարքերի վրա;
• Մեկ URL. Պատասխանատու նավիգացիան վերացնում է կայքի բջջային տարբերակ ստեղծելու անհրաժեշտությունը, իսկ վերահղումների բացակայությունը բարելավում է որոնման համակարգի օպտիմալացումը:

Մինուսները:

• Կայքերի աշխատասեղանի տարբերակներին բնորոշ ակտիվ տարրերը (ներկառուցված քարտեզներ, տեսանյութեր, անիմացիաներ) դանդաղեցնում են կայքի բեռնումը շարժական սարքերում.
• Դիզայնի բջջային տարբերակը կարող է անընթեռնելի և ծանրաբեռնված լինել այն պատճառով, որ բջջային օգտագործողները հակված են օգտագործել կայքի ավելի նեղ գործառույթներ.
• Բացակայություն այլընտրանքներ՝ սեփական անձի դեպքում բջջային տարբերակվերադառնալու հնարավորություն միշտ կա ամբողջական տարբերակըկայք։ Հարմարվողական դիզայնսա թույլ չի տալիս. եթե հարմարեցված դասավորությունը անհարմար է կամ թաքցնում է նավիգացիոն կարևոր տարրը, միակ տարբերակը նոութբուք փնտրելն է կամ գնալ մրցակցի կայք:

8. ՄԵԳԱ ՄԵՆՈՒ

Մեգա մենյու - լայնածավալ նավիգացիոն բար, որը հայտնվում է սավառնելիս կամ սեղմելիս: Մեգա մենյուը ոչ միայն բովանդակությունը կառուցում է խմբերի և սյունակների տեքստային ձևաչափով, այլև ակտիվորեն օգտագործում է տարբեր տեսողական գործիքներ:

Կողմերը:

• Բոլոր տարբերակները հասանելի են միաժամանակ. օգտվողների ամենաարագ ուղղորդումը մեծ պլյուս է առցանց խանութների և կայքերի համար, որոնք ունեն լայն ընտրանքներ, կատեգորիաներ և ծառայություններ.
• Ընդարձակվում և թաքցվում է՝ սավառնելիս, սեղմելիս կամ հպվելուց՝ առանց բովանդակության վրա ազդելու:

Մինուսները:

• Կազմակերպման սկզբունքի խախտումը կարող է բարդացնել նավարկությունը.
• դժվար է իրականացնել շարժական սարքերում:

9. ԵՐԿԱՑՎԱԾ ՏԵՂԱՏԱԿ

Կայքի ստորոտը կամ «ստորատակը» էջի ներքևում է: Ստանդարտ ստորագիր սովորաբար պարունակում է լրացուցիչ տեղեկություններ՝ կոնտակտներ, հղումներ, հեղինակային իրավունքի մասին ծանուցում և կոճակներ սոցիալական ցանցերը. Ի հավելումն այս տվյալների, ընդլայնված էջատակը պարունակում է ամբողջական նավիգացիոն ընտրացանկ, որը կարող է օգտագործվել որպես հիմնական կամ այլընտրանքային նավիգացիոն համակարգ: Ընդլայնված ստորոտը հեշտ միջոց է ստանդարտ դիզայնից դուրս գալու և ձեր կայքի ֆունկցիոնալությունը բարձրացնելու համար:

Կողմերը:

• Ապահովում է այլընտրանքային կամ լրացուցիչ մենյունրանց համար, ովքեր հիմնականում չեն գտել ցանկալի բովանդակությունը.
• Թույլ է տալիս տեղադրել կարևոր բովանդակություն, որը չի տեղավորվում հիմնական էջերի բովանդակության մեջ.
• Լրացուցիչ ընտրանքներ դասական ստորագրում (պարունակում է միայն Կոնտակտային տվյալներ) թույլ է տալիս ընդլայնել ձեր հաճախորդների բազան.
• Ընդգծում է կոնկրետ տեղեկատվությունը:

Մինուսները:

• Սովորական օգտատերը հաճախ չի կարդում մինչև էջատակը:

10. ԱՄԲՈՂՋ ԷԿՐԱՆ ՆԱՎԻԳԱՑՈՒՄ

Ի տարբերություն այստեղ ներկայացված դիզայնի բոլոր տարբերակների, ամբողջ էկրանով նավիգացիան նպատակ չունի էկրանի տարածք խնայել: Ի հակադրություն, լիաէկրան նավիգացիան օգտագործում է ներածական էջը 100 տոկոսով՝ համատեղելով տեքստը գրաֆիկայի հետ:

Կողմերը:

• Ապահովում է կայքի հստակ կառուցվածք;
• Բացում է տեսողական դիզայնի լայն հնարավորություններ.
• Ծանրաբեռնվածության պատճառով գլխավոր էջհիմնական ենթաբաժինները պարունակում են միայն բովանդակություն, որը մեծապես խնայում է էկրանի տարածքը.
• Հեշտ իրականացում բջջային հարթակներում;
• Իդեալական է բարձր մասնագիտացված կայքերի համար:

Մինուսները:

• Ներբեռնման արագության հնարավոր դանդաղեցում;
• Իռացիոնալ ընտրություն բարդ նավիգացիոն քարտեզով կայքերի համար:

Եվ ավանդական բոնուսը Umbrella IT-ից, որը միշտ պատրաստ է ձեզ ավելին առաջարկել՝ 11 տարբերակ. ԱՆԻՄԱՏՎԱԾ ՆԱՎԻԳԱՑԻԱՅԻ ԿԱՐԻՐԵՐ .

Անիմացիոն տարրերի ռացիոնալ օգտագործումը որպես հիմնական կամ լրացուցիչ միջոցներնավիգացիան թույլ է տալիս դիվերսիֆիկացնել պահպանողական դիզայնը և գրավել օգտվողների ուշադրությունը:

Կողմերը:

• Գրավել օգտվողների ուշադրությունը;
• Մենյուի կառուցվածք;
• Բարելավել կայքի օգտագործելիությունը և կողմնորոշել օգտատիրոջը:

Մինուսները:

• Տեսողական չափազանց խառնաշփոթը դժվարացնում է կայքում նավարկելը.
• Կարող է դանդաղեցնել կայքի բեռնման արագությունը:

Վեբ նավիգացիայի ընտրության և նախագծման փուլում դժվար է կանխատեսել, թե որ տարբերակն է լինելու հաղթողը։ Յուրաքանչյուր կոնկրետ դեպքի հաջողությունը կախված է մի շարք գործոններից՝ բիզնես նպատակից, կայքի նպատակներից և խնդիրներից, բովանդակության բնույթից, թիրախային լսարանից և ձեր անձնական նախասիրություններից:

Ներկայացված օրինակները միայն մի փոքր մասն են այն բանի, ինչը թույլ է տալիս իրականացնել ժամանակակից վեբ դիզայնը։Հարցեր ունե՞ք։, Եւ մենք Եկեք օգնենք ձեզ իրականություն դարձնել ձեր ամենահիասքանչ նախագծերը:

Բարև Հարգելի բաժանորդներ:

Հենց նոր ավարտեցի աշխատանքը մեկ այլ նախագծի վրա: Դրանում, բացի հիմնական մենյուից, կար նաև նավարկություն. Եվ ես որոշեցի, որ հաճելի կլինի ցույց տալ ձեզ, թե ինչպես են այս բաներն արվում ընդամենը մի քանի տող կոդով: Եվ դա արվում է բացառապես html-ի և css-ի միջոցով։

Նման նավարկությունը սովորաբար տեղադրվում է կայքի ձախ կողմում: Դրա զարգացման մեջ ոչ մի բարդ բան չկա: Մենք յուրաքանչյուր նավիգացիոն տարր կցում ենք պիտակի մեջ

…

. Այն պարունակում է հղում:

PSD դասավորությունայս բանը վերապատրաստման համար կարելի է ներբեռնել:

Այս դասը հասանելի է նաև ք վիդեո տարբերակ, որը կարելի է ներբեռնել այստեղ՝

Դե, ընդհանուր առմամբ, ամեն ինչ! Եկեք նայենք կոդը, և ամեն ինչ վերջնականապես պարզ կդառնա։