Ձեր բազմալեզու կայքէջի դասավորության գաղափարներ. օգտատերերի փորձի բարելավում

Կայք ստեղծելը կամ նախագծելը այնքան էլ հեշտ չէ, որքան կաղապարների տեսականիից ընտրելը, որը դուք համարում եք ամենաթեժը: Թեև կայքի տեսքն ու տեսքը շատ կարևոր գործոններ են, դրանք միակ բաները չեն, որոնց մասին պետք է մտածել նախքան որոշում կայացնելը:

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

Առանց կատակի! Համաձայն Թվային գործակալությունների հասարակության (SoDA) զեկույցի , վեբկայքի օգտագործողների վատ փորձը վնասակար է բիզնեսի համար: Այսպիսով, կատարյալ դասավորությունը վեբ կայքի և օգտագործողի փորձի ձևավորման առանցքային կողմն է:

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

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

Հիանալի կայքի բնութագրերը

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

Ըստ Adobe-ի , մարդկանց երկու երրորդը նախընտրում է կարդալ գեղեցիկ ձևավորված մի բան, քան ժամանակի համար պարզ բան կարդալ: և մարդկանց 38%-ը կլքի կայքը, եթե այն գրավիչ չէ: Սրանք շատ ընդհանուր հայտարարություններ են թվում, որոնք չունեն շատ կոնկրետություն: Բայց UX-ը և UI-ն միշտ ուսումնասիրվում են դիզայնի մասնագետների կողմից, ուստի, ըստ անծանոթի «գեղեցիկի» սահմանում փնտրելու փոխարեն, մենք պետք է փնտրենք այնպիսի բաներ, որոնք կարող ենք գեղեցիկ դարձնել, և որոշել, թե ինչ է նշանակում գեղեցկությունը մեր համատեքստում:

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

1. Առանց խառնաշփոթ . Ձեր բովանդակության միջև տարածություն դրեք, փորձեք ցուցադրել միայն այն, ինչ հետաքրքրում է օգտագործողին: Ազատվեք «զարդանախշերից»: Ունեն զգալի բացասական տարածություն, որպեսզի տարրերն ավելի հեշտ ընթեռնվեն:
2. Ինտերֆեյս . Դարձրեք նավիգացիան պարզ: Ունեք ուղիղ ուղիներ մի հատվածից մյուսը:
3. Տեսողական հիերարխիա . Գրաֆիկական տարրերը դասավորեք ըստ կարևորության: Ամենակարևոր բաները կարող են լինել առաջինը կամ կարող են զբաղեցնել առավելագույն տարածք, օգնել ձեր այցելուներին կողմնորոշվել՝ ուղղորդելով նրանց աչքերը տարբեր տարրերի միջով: Օրինակ, մարդիկ նախ ավելի մեծ բաներ են կարդում :
4. Գունային գունապնակ և պատկերի ընտրություն . Մի խոսքով, վառ գույներն առանձնանում են և, հետևաբար, հիանալի են գործում որպես շեշտադրումներ, իսկ ճիշտ պատկերների հետ համակցված՝ դուք կարող եք ավելի երկար պահել ձեր այցելուներին հետաքրքրությունը:
5. Շարժական սարքերի համար հարմար . 2019 թվականի հուլիսի դրությամբ բոլոր նոր վեբ տիրույթների համար լռելյայն է ինդեքսավորումն առաջին հերթին շարժական սարքերի համար, ինչպես նաև որոնումների մեջ շարժական սարքերի համար հարմար վեբ էջերի շարքերի բարձրացում : Այսպիսով, համոզվեք, որ ձեր բջջային տարբերակի դասավորությունը նույնպես լավ է աշխատում:
6. Լեզվի փոխարկման կոճակ . Երբ փաստերն ասում են, որ մենք ապրում ենք անդրսահմանային տնտեսությունում, որտեղ երկիրը, որտեղ դուք ապրում եք, չի սահմանափակում, թե որտեղից կարող եք գնումներ կատարել, բազմալեզու կայք չունենալը տարբերակ չէ, եթե ցանկանում եք բարգավաճել: .

Ի՞նչ տեսք ունեն բազմալեզու կայքերը:

Հրաշալի լուր։ Դուք կարող եք հանգստանալ, բազմալեզու կայք ստեղծելը փորձություն չէ, դա նույնքան հեշտ է, որքան ձեր կայքի դասավորության անկյուններից մեկում փոքրիկ լեզվական կոճակ ավելացնելը, օգտագործելով ConveyThis : Միջազգային մակարդակով առցանց բիզնես անելը երբեք ավելի հեշտ չի եղել:

Եկեք նայենք որոշ կայքերի դասավորությանը և վերլուծենք, թե ինչն է դրանք այդքան գրավիչ դարձնում:

Crabtree & Evelyn

Սկսենք Crabtree & Evelyn-ից՝ մարմնի և բուրմունքների արտադրության ձեռնարկությունից, որը մեկնարկել է Գերմանիայում, բայց իր բիզնեսը գլոբալ է դարձել՝ դասավորության և լեզվական հիանալի տարբերակներով:

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

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

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

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

Թվային անանուխ

Առաջին հերթին, ցնցող աշխատանք. Չե՞ք կարծում, որ մեծ որոշումներ են կայացվում ամենուր: Եվ գույնի ֆանտաստիկ օգտագործումը կոնտրաստի և ֆոկուսի տարածքները հաստատելու համար: Եկեք թվարկենք այս կայքի բոլոր լավ բաները՝ բացասական տարածություն, տարբեր չափերի տառատեսակներ, հատուկ արվեստ, գույն և երանգ:

Տարբեր չափերի տարրերի դասավորությունը ցույց է տալիս, թե որտեղից սկսել կարդալ, իսկ սպիտակ տարածությունը ընթերցողին ժամանակ է տալիս դադարի:

Այստեղ մենք ունենք տեսողական հիերարխիայի հստակ օրինակ.

Ամենափոքրից մինչև ամենակարևորը. բիզնես գործընկերներն ավելի բաց երանգներով, «Կատարեք դա» փոքր տառատեսակով, «եկեք խոսենք» կոճակը սև ֆոնով և սպիտակ տառերով, «Էվոլյուցիոն թվային» մեծ և թավ տառատեսակով և «մարքեթինգ» նույն տառատեսակով, ինչպես նախկինում, բայց ընդգծված կանաչով:

Բացի այդ, «Կատարեք դա տեղի ունենա» և «Եկեք խոսենք» հրամայականները նաև օգնում են այցելուին զննարկման փորձի մեջ:

Նավիգացիոն գիծը նույնքան պարզ և պարզ է, որքան Crabtree & Evelyn-ը, իսկ աջ կողմում գտնվող սոցիալական մեդիա բարը հիանալի ընտրություն է բիզնեսների համար, որոնք մեծապես ապավինում են սոցիալական մեդիաներին որպես գործիք:

Դուք կարող եք գտնել նրանց լեզվի կոճակները էջի ներքևում, դրանք փոքր են, բայց բոլոր տարբերակները տեսանելի են, և դրանց գույները վառ են և շատ տարբեր են Digital Menta գունապնակից, որպեսզի դրանք հեշտությամբ գտնվեն:

Յոգա

Այստեղ մենք ունենք խճճված կայքերի պաշտելի օրինակ: Շատ բացասական տարածություն կա, իսկ գունային պատկերները աշխույժ են, սա այցելուների մեջ հետաքրքրասիրության զգացում է ներշնչում: Պատահական բրաուզերները անպայման կմնան և կնայեն մնացած կայքը և ավելին կսովորեն Yogang-ի մասին: Փայլուն դիզայն.

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

Միաժամանակ պաշտելի և գործողության կոչ՝ Յոգանգը ձեր երեխաների մանկության մաս դարձնելու համար: Նրանք դիմում են իմպուլսային գնորդներին «Գնել» կոճակով, ինչպես նաև օգնում են պոտենցիալ հաճախորդին ավելին իմանալ ապրանքի մասին նախ՝ ուղղորդելով նրանց դեպի ձեռնարկներ:

Նրանց ավելի երկար մենյուի բարը հիմնավորված է նրանով, որ նրանք վաճառում են B2B և B2C, ուստի նրանք ունեն տարբեր տեսակի այցելուներ, որոնք փնտրում են տարբեր բաներ, և նրանք բոլորը պետք է արագ գտնեն այն, ինչ փնտրում են:

Նրանց լեզվի կոճակը աննկատ կոճակ է՝ «EN» և «FR» տարբերակներով: Նրանք ունեն նեղ լեզվական տարբերակներ, բայց նրանք հստակորեն բացահայտեցին իրենց ամենամեծ շուկաները և մեծապես կենտրոնացել են օգտագործողի համար հնարավոր լավագույն փորձի ապահովման վրա:

Նավային կամ մոխրագույն

Մենք գիտենք, որ այս ցանկում կան բազմաթիվ պատվերով ստեղծագործություններ: Դա այնքան բազմակողմանի տարր է, և այս կայքերն այնքան լավ են օգտագործում դրանք հատուկ տեսք և զգացողություն ստեղծելու համար:

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

Ես գնահատում եմ, թե ինչպես են նրանք առանձնացրել «վերնաշապիկներն» ու «կոստյումները» մենյուում, դա հարմար որոշում է դերձակային բիզնեսի համար, շատ այլ խանութներ այս ապրանքների համար ենթաէջեր կստեղծեին, և դա նույնպես ողջամիտ որոշում է, բայց Navy-ի կամ Grey-ի համար, դա նպաստում է այդ հղկված տեսքին:

Հատկապես այս կայքը վերևի աջում դրել է իրենց լեզվի կոճակը, և իրենց ընտրած տառատեսակը նույնն է, ինչ կայքի մնացած հատվածը։ Իսկ ներքևի ձախ մասում նրանք ավելացրել են Whatsapp կոճակը արագ շփման համար:

Ստեղծեք հիանալի կայք ձեր լսարանի համար

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

Հիմնական բանը մտածելն է, թե ինչպես պարզեցնել որոնումը և ինչպես տանել ձեր այցելուին դեպի այն, ինչ նրանք փնտրում են նվազագույն քանակությամբ կտտոցներով:

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

Դուք պատրաստ եք վաճառել միջազգային մակարդակով և հավանաբար շատ ֆանտաստիկ գաղափարներ եք ունեցել այս հոդվածը կարդալիս: Իմացեք ավելին ConveyThis-ի մասին և խթանեք ձեր առցանց վաճառքը: