Էլեկտրոնային առևտրի վաճառքի խթանման համար 15 բջջային դիզայնի խորհուրդներ

Իսկ դուք գիտեք, որ Էլեկտրոնային առևտրի ամբողջ տրաֆիկի 55% -ը այժմ շարժական սարքի վրա է?


’Իշտ է, բոլոր այն մարդկանց կեսից ավելին, ովքեր նայում են գնումներ կատարելու կայքերը, իրենց հեռախոսի կամ պլանշետի մեջ են.

Այնուամենայնիվ, ահա խնդիրը. Լավագույն 50 մանրածախ վաճառողների 46% -ը դեռ չունեք պատասխանատու բջջային կայք: Այսպիսով, չնայած որ գնումների ամբողջ երթևեկության կեսը տեղի է ունենում բջջայինի միջոցով, մանրածախ վաճառողների կեսը դրա համար նախատեսված չէ: Դա նշանակում է, որ գնորդների կեսը փչում է և խոշորացնում և պտտեցնում իրենց հեռախոսը `կայք պատշաճ տեսնելու համար.

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

1. Պարզություն

Նման փոքր էկրանի հետ աշխատելը միշտ էլ բարդ կլինի: Ահա թե ինչու պարզությունն է ձեր թիվ մեկ նպատակը: Էլեկտրոնային առևտրի կայքերի համար դա հատկապես դժվար է, քանի որ այնտեղ շատ բովանդակություն կա սեղմելու համար: Ինչպե՞ս եք խթանում ձեր բոլոր արտադրանքները `առանց խառնելու փոքր էկրանի տարածքը?

«Պարզություն»

Նայեք, թե ինչպես ETQ- ն ցուցադրում է իրենց կոշիկների տեսականին իրենց բջջային կայքում: Այն գեղեցիկ է իր պարզությամբ: Նրանք թողել են էկրանի տարածքի մեծ մասը ամբողջովին անվճար, որպեսզի իրենց արտադրանքը կենտրոնանան բեմ: Նույնիսկ գունային պալիտրա է ընտրվել `համապատասխանելու իր արտադրանքի տեսականին: Այն տալիս է ամբողջ կայքին պարզ, համերաշխ զգացողություն: Չնայած էկրանը փոքր է, այն իրեն ընդարձակ է զգում.

2. Մտածեք բութի մասին!

Փորձեք հիմա պահել ձեր սմարթֆոնը: Տեղադրեք ձեր մատը էկրանին և զգացեք այնտեղ, որտեղ այն առավել հարմարավետ և բնական է: Բոլորի բութ չափը տարբեր է, բայց ընդհանուր առմամբ, ներքևում գտնվող այս պատկերը վերաբերում է մարդկանց մեծամասնությանը.

բութ հետևում

Հաշվի առնելով այս, դուք չեք ցանկանում որևէ կոճակ կամ հիմնական բաղադրիչ դնել վերին հատվածներում: Թողեք դա միայն վերնագրերի համար: Տեղադրեք ձեր բոլոր շարժական բովանդակությունն ու կոճակները մեջտեղում, որպեսզի այն հեշտ լինի և հարմարավետ հասնել: (Մի մոռացեք մտածել ձախլիկների մասին. Անցկացրեք վերը նշված պատկերները ՝ տեսնելու համար, թե ինչպես են գործերը ձախերի համար).

3.… Հատկապես մեծ մատները

Բացի բութ մատից «հասնել», պետք է հաշվի առնել նաև «մեծ մատը»: Մենք բոլորս օգտագործել ենք բջջային կայք, որտեղ դուք պետք է սեղմեք ամենափոքր հղումը: Դժվար ու հուսախաբ է, այդպես չէ՞: Ընդհանուր կանոնը ավելի մեծ տարրեր է ընտրում, քան կարծում եք անհրաժեշտ.

Հոբբիստիկայի բջջային կայքը լավ օրինակ է: Նախևառաջ, նրանց մեծ պատկերային կապերը դա մեծ դյուրին դարձնում են շատ հեշտ: Դիտեք նրանց պատկերակները վերևում («խանութներ, հաշիվ, զամբյուղ»): Նրանք շատ ավելի մեծ են, քան սովորաբար սպասում եք: Հոբբիստը մտածում է մեծ բանի մասին, և այդպես էլ պետք է.

4. Համբուրգեր նավարկության ընտրացանկեր

Վերջին տասներկու ամիսների դիզայնի ամենատարածված միտումներից մեկը «համբուրգեր» ցանկն է: Դուք կարող եք տեսնել մի օրինակ վերը նշված Hobbycraft կայքում: Դա երեք տողն է, որը կարծես համբուրգեր է. Կտտացրեք այն, և նավիգացիայի ամբողջ ցանկը ընդլայնվում է.

Վերնագրերի ավանդական նավարկության համար տեղ չկա, և դա պարզապես կփլուզեր էկրանը: Փոխարենը ՝ ընտրեք ընդարձակ նավարկություն: Այստեղ կարելի է գտնել հիանալի հավասարակշռություն: Այն պետք է լինի կոկիկ և դուրս: Բայց, միևնույն ժամանակ, այն պետք է լինի ակնհայտ և հեշտ թակել.

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

IMG_3663

5. Ընտրեք մեծ տառատեսակ

Փոքր շարժական էկրանը մեզ ստիպում է երկար և դժվար մտածել մեր օգտագործած տառատեսակի մասին: Փոքր, բարդ տառատեսակների տեղ չկա: Փոխարենը, մտածեք պարզ, համարձակ և մեծ: Ընդհանրապես, sans-serif տառատեսակը ավելի մաքուր և պարզ է (այսինքն ՝ Արիելը ավելի լավ է, քան Times New Roman- ը).

71950dee059b803c4a7caa30dce8f5bf

Հիշեք, որ այս որոշումը ձեզ կստիպի նաև ավելի ուշադիր ընտրել ձեր օրինակը և ձևակերպումները: Օգտագործեք այս հնարավորությունը `ձեր օրինակը պարզեցնելու և օպտիմալացնելու համար: Փորձեք փոխանցել ձեր հաղորդագրությունը հնարավորինս պարզ և պարզ: Այն կարճացրեք: Դարձրեք այն խնկուն: Սա ոչ միայն կդարձնի ձեր բջջային դիզայնը ավելի լավը, այն կդարձնի ձեր ամբողջ գործը ավելի լավը.

6. Օգտագործեք «խելացի որոնում»

Մարդիկ ատում են բջջային սարքի փոքրիկ որոնման ձևերը: Այն մեզ ստիպում է խոշորացնել, սեղմել որոնման վանդակը և մուտքագրել կոպիտ ստեղնաշարի միջոցով: Սխալները հեշտ են, և դա կարող է հանգեցնել հիասթափության.

Օգտագործողի փորձը բարելավելու համար օգտագործեք «խելացի որոնման» վանդակը: Երբ կտտացնում եք տուփը, դիզայնը պետք է ինքնաբերաբար վերափոխվի, որպեսզի որոնման վանդակը լրացնի էկրանը: Ապա, համոզվեք, որ այն ունի կանխատեսելի որոնում, այնպես որ օգտագործողը պետք է մուտքագրի միայն առաջին մի քանի տառերը.

Դա կարող եք տեսնել ակցիայի միջոցով Europcar- ի կայքում: Հաճախորդը սկսում է մուտքագրել «Նորվ», և կայքը ինքնաբերաբար առաջարկում է իր տարբեր Նորվիչի մասնաճյուղերը: Պարզ.

IMG_4331

7. Պարզեցրեք ձեր գրանցման և գնման ձևերը

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

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

Նայեք, թե ինչպես Firebox- ը օգտագործում է մի շարք համակարգ ՝ օգտագործողներին ցույց տալու համար, թե ինչ փուլեր են մնացել գործընթացում: UX նախագծման առանցքային հնարքը թույլ է տալիս օգտվողներին իմանալ, թե որտեղ են գտնվում: Որպես հաճախորդներ, մենք սիրում ենք իմանալ, թե ինչ կարող ենք ակնկալել, և Firebox- ը դա անում է արհեստավարժորեն.

img_1292-բլոգ-կես

8. Երեք շերտ առավելագույն

Շատ ավելի հեշտ է «կորչել» բջջային կայքում: Իդեալում, դուք ուզում եք համոզվել, որ ձեր բջջային կայքը ընդամենը երեք շերտ խորություն ունի: Օրինակ, թե ինչպես դա կարող է աշխատել նորաձևության էլեկտրոնային առևտրի կայքում, հետևյալն է.

  1. Հիմնական էջ. Հաճախորդն ընտրում է «կատեգորիա. Աղջիկներ»
  2. Հաճախորդն ընտրում է «ենթակետի կատեգորիա. Կոշիկ»
  3. Հաճախորդի կտտացնում է ապրանքի էջը.

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

9. Հեշտացրեք ձեր գլխավոր էջը վերադառնալը

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

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

img_1304-բլոգ-կես

10. Ոչ մի պտղունց խոշորացում!

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

Խնձոր-պտղունց-մեծացնելու համար

Կարող է լինել միայն մեկ բացառություն, երբ օգտակար լինելը `ապրանքի նկարները: Դեռևս շատ օգտակար է հաճախորդների համար մղել և խոշորացնել արտադրանքի նկարները: Նրանք ուզում են, որ գնելուց առաջ կարողանան տեսնել յուրաքանչյուր մանրուք.

11. Դիմեք «անվտանգության» մտահոգությանը

Չնայած շարժական էլեկտրոնային առևտրի կայքերի հսկայական երթևեկությանը ՝ դեռևս կա ընդհանուր մտավախություն, որ բջջային կայքից որևէ բան գնելը այնքան էլ անվտանգ չէ, որքան աշխատասեղան: Իհարկե, անվտանգության մեջ տարբերություն չկա ՝ բջջայինից մինչև պլանշետից աշխատասեղան: Բայց ա 2013 ուսումնասիրություն ցույց է տալիս, որ առցանց առցանց գնորդների գրեթե կեսը ավելի քիչ ապահով է զգում սմարթֆոնի վրա ինչ-որ բան գնելիս: Այս վախը, ամենայն հավանականությամբ, կսպանի ձեր փոխարկումները.

Դա վստահության պարզ հարց է: Ձեր գործն է `հաճախորդներին ձեր կայքն ավելի ապահով զգալու համար: Ձեր էլեկտրոնային առևտրի կայքը, իդեալում, պետք է ունենա SSL անվտանգության վկայագիր արդեն: Եթե ​​դա այդպես չէ, գնեք մեկը: Դա այն է, ինչը ձեզ տալիս է փոքր դեղին տոպրակ ձեր գործիքագոտում: Բջջային կայքում համոզվեք, որ հնարավոր է ակնհայտորեն ցուցադրեք SSL պատուհանը.

image18

Մեկ այլ տարբերակ `համոզվելով, որ ձեր հաճախորդները կարող են ապրանքը հետագայում պահել կամ էլ իրենց էլ. Որոշ դեպքերում, նրանք ապահով կզգան այն գնել ավելի ուշ, երբ իրենց աշխատասեղանին են.

12. Բովանդակության դասավորություն

Շատ մարդկանց համար բջջային կայքի ստեղծումը պարզապես նշանակում է ընտրել «պատասխանատու» թեման WordPress- ում կամ Shopify- ում կամ ցանկացած պլատֆորմից, որն օգտագործում եք: Չնայած դա լավ սկիզբ է, դուք կցանկանաք մեծ ուշադրություն դարձնել, թե ինչպես թեման ինքնաբերաբար փոխում է ձեր բովանդակությունը: Վստահ չեմ, թե ինչ նկատի ունեմ: Նայեք այս դիագրամին ստորև.

15_contentStacking

Այսպես արձագանքող թեման կարող է ավտոմատ կերպով տեղադրել ձեր բովանդակությունը պլանշետի (ձախ պատկերի) կամ սմարթֆոնի համար (աջ պատկեր): Հաշվի առեք, թե որոնք են ձեր բովանդակության ամենակարևոր կտորները և համոզվեք, որ դրանք ճիշտ են դասավորված: Օրինակ ՝ աջ կողմում արտադրանքները (տուփ 5 – լոգանքի տեսակներ) ստիպված են լինում էկրան դուրս գալ: Դրանք կարող են նույնիսկ մղվել ներքևի «ծալքի» տակ:.

Փորձեք ձեր դասավորության և բովանդակության դասավորության վրա `համոզվելու համար, որ ձեր ամենակարևոր բովանդակությունը ճիշտ տեղում է.

13. Կորցրեք Flash- ի ցանկացած բովանդակություն

Flash- ը ցանկացած սարքի համեմատաբար հնացած ձևաչափ է: (Իրականում, դիզայներներն են) պայքարում են այն մեկ անգամ ընդմիշտ սպանելու համար! Այն կուլ է տալիս ռեսուրսները, այն դանդաղ է, և դա հակերների խաղահրապարակ է): Չնայած դա վատ նորություն է աշխատասեղանի կայքում, այն նույնիսկ ավելի վատ է սմարթֆոնի կամ պլանշետի վրա.

Բջջային սարքերի մեծ մասը ընդհանրապես չի խաղում ֆլեշ մեդիա: Այսպիսով, եթե դրանում ապավինում եք տեսանյութի կամ արտադրանքի ցուցադրման, ազատվեք դրանից, ձեր հաճախորդները չեն կարող դա տեսնել բջջային հեռախոսով: Apple- ը այն արգելափակեց տարիներ առաջ, իսկ Android- ը հետևեց հայցին անմիջապես հետո.

Այլընտրանքը համոզվում է, որ ձեր կայքը HTML5 համատեղելի է (ավելին իմանալ այստեղ) և օգտագործել YouTube ՝ ցանկացած տեսանյութ հյուրընկալելու համար.

14. Ընդունեք սահմանափակումները!

Շատ մարդիկ, որոնց հետ ես խոսել եմ, հիասթափություն են հայտնել բջջային կայքի սահմանափակումների վերաբերյալ: Պարզ փաստը սա է. Ոչինչ չկա, որ կարող ես անել դրա մասին: Փոխարենը, ընդունեք այս սահմանափակումները.

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

Ես հաստատ համոզված եմ, որ այս հարցերին պատասխանելը ձեր բիզնեսն ուժեղացնում է: Timeանկացած անգամ, երբ դուք կարող եք թորել ձեր առաջարկությունը, այն դարձնում եք ավելի հզոր: Եվ դա էական է լավ բջջային կայքի համար.

15. Նախագծային որոշումներ կայացրեք ՝ օգտագործելով Google Analytics

Բջջային դիզայնի համար խնդիրն այն է, որ այդքան շատ սարքեր պետք է դիտարկել: Դուք օպտիմիզացնում եք ձեր ձևավորումը և ձևավորումը iPad- ի կամ Android պլանշետների համար: Դուք օպտիմալացնում եք iPhone 5-ը կամ iPhone 6-ը: Կամ Samsung Galaxy- ը?

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

շարժական սարքեր-վերլուծություններ-հետևում

Այս դեպքում iPhones- ը առաջատար սարք է `երկար ճանապարհով: Այսպիսով, իմաստ ունի անել ձեր բոլոր փորձարկումները iPhone- ով: Առաջնահերթ դարձրեք լավագույն սարքը, երբ օպտիմիզացնում եք ձեր բջջային կայքը.

Չնայած շարժական սարքերը այժմ գերակշռում են առցանց գնումների շուկայում, բջջային կայքերը դեռ երկար ճանապարհ են մնում: Նրանց վերաբերվում է որպես ամենամեծ մանրածախ վաճառողների կեսը.

Այս փոփոխությունները և փոփոխությունները կատարելով ՝ կարող եք մրցակցությունից մեկ քայլ առաջ անցնել ՝ կապիտալացնելով երթևեկի այս հսկայական հոսքը.

Ես շատ կուզեի լսել, թե ինչ եք արել ձեր բջջային կայքը օպտիմալացնելու համար: Ինչ փոփոխություններ են աշխատել ձեզ համար?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map