Եթե դուք միացաք մեզ այս ամսվա սկզբին մեր UX հոդվածի համար, դուք կիմանաք, որ մենք քննարկել ենք UX նախագծման 25 հիմնական տարրերը ձեր կայքի համար.
Հիմնական գաղափարը հետևյալն է. UX ձևավորումն ամեն ինչ վերաբերում է ձեր այցելուի գլխին ներս մտնելուն: Խոսքը ձեր օգտվողների համար պարզ, անխափան և հաճելի փորձառություն ստեղծելու մասին է: Գաղափարն այն է, որ տեղեկատվություն արագ փոխանցվի և նույնիսկ նրանց ժպտա.
Լավ UX դիզայնը ձեր այցելուների մոտ դոպամին և երջանկություն է առաջացնում: Եվ դա նրանց ավելի հավանական է դարձնում վստահել ձեզ: Crիշտ է, դա նրանց ավելի հավանական է դարձնում ձեզանից գնելու հնարավորություն.
UX դիզայնի մեր վերջին հոդվածում 25 հիմունքներն ուսումնասիրելուց հետո, դիտարկենք, թե ինչպես է այն գործում գործողության մեջ: Մասնավորապես, մենք նայում ենք էլեկտրոնային առևտրի կայքերի UX ձևավորմանը.
Ինչպե՞ս են այս կայքերը օգտագործում խելացի UX դիզայնի հնարքներ ՝ իրենց այցելուներին գնելու խրախուսման համար?
1. Ասոս
Ես շատ եմ օգտագործում Asos- ի օրինակը, բայց դրա համար կա հիմնավոր պատճառ: Նրանց UX դիզայնը փայլուն է.
Ամեն ինչ սկսվում է նոկաուտ արժեքի առաջարկով: Հրաշալի պատկեր, պարզ բացատրիչ, «անվճար առաքման» երաշխիք և գործողությունների ակնհայտ կոչեր `ձեզ ուղղորդելով տղամարդկանց կամ կանանց բաժին.
UX- ի նրանց առանձնահատկություններից մեկը վիդեո աղյուսակն է, ուստի այցելուները կարող են իրականում տեսնել, թե ինչ տեսք ունի հանդերձանքը: Այն հաճախորդներին տալիս է իրերի լավագույն տեսակետը և նրանց վստահություն է տալիս գնելու.
Նրանք նաև ունեն հիանալի նոր հատկություն, որը կոչվում է «արագ դիտում»: Նրանց արտադրանքի էջում դուք սեղմել եք «արագ դիտում» և հայտնվում է մի փոքրիկ թռուցիկ ՝ հավելյալ պատկերներով և անհրաժեշտ բոլոր տեղեկություններով: Այն փրկում է հաճախորդին `կտտացնելով տարբեր էջեր: Պարզ, ինտուիտիվ ձևավորում.
2. Զառա
Zara- ի կայքը պարզությամբ վարպետության դաս է: Մաքուր, ինտուիտիվ և սահմանափակ: Դա հիդրոյի օրենսդրությունն է. Ձևավորման սկզբունք, որը սահմանափակում է նավիգացիայի ընտրությունը և օգտագործողին տալիս է հստակ, բայց սահմանափակ հնարավորություններ.
Գաղափարն այն է, որ չափազանց շատ տարբերակներ կվավերացնեն ձեր այցելուին: Ավելի քիչ ընտրություն առաջարկելով ՝ նրանք ավելի վստահ են զգում: Մենք կանդրադառնանք ավելի հիանալի նավարկությանը այս գրառման ընթացքում, բայց Զառան լավագույններից մեկն է.
3. Վերը
Abof- ը (All About Fashion) իրենց կայքում օգտագործում է խելացիորեն խելացի UX հնարքը: Ձեռք բերեք գլխավոր էջը և այն կարծես ավանդական էլեկտրոնային առևտրի կայքին չէ: Փոխարենը, այն ավելի շատ նման է բլոգի: Այն լի է հյութալի բովանդակությամբ, որը ոգեշնչում է իր հանդիսատեսին.
Իրենց պատմվածքների և հոդվածների ներքո նրանք շեշտում են հագուստը մի կարևոր հատվածում, որը կոչվում է «Գնիր պատմությունը»: UX- ի մեր նախորդ հոդվածում մենք խոսեցինք ձեր լսարանի հետ հարաբերությունների ստեղծման կարևորության մասին: Abof- ը դա հիանալի կերպով անում է պատմելի պատմություններով և բովանդակությամբ.
Հաճախորդը միայն ոգեշնչվելուց հետո փորձում է ինչ-որ բան վաճառել.
Իրենց արտադրանքի էջում նրանք ունեն «օգտակար խորհուրդներ» նշումներ, որոնք «միկրոհամագործակցությունների» հիանալի օրինակներ են. Փոքր նրբերանգներ, որոնք հասնում են ձեր ունկնդիրներին:.
Ուշադրություն դարձրեք, որ նրանք ունեն նաև «չափսի ուղեցույց» ՝ օգնելու հաճախորդներին ճիշտ ճշգրիտ չափումներ կատարել (հագուստի չհամապատասխանելը վախն է այն ամենամեծ պատճառներից մեկը, որը մենք հրաժարվում ենք գնումների սայլերից): Նրանք նաև օգտագործում են «գնահատված առաքում» բաժինը `հաճախորդներին ավելի շատ տեղեկատվություն հաղորդելու համար.
4. Բերղաուս
Berghaus- ը բացօթյա հագուստի ապրանքանիշ է, բայց դուք կիմանաք, որ իրենց վայրէջքի առաջին վայրկյանում.
Սա ապրանքանիշ է, որը սերտորեն հասկանում է իր թիրախային լսարանը և համոզվում է, որ հնարավորինս արագ կապվի նրանց հետ: Առաջին հերոսի կրակոցը ոգեշնչող հրավեր է: Այն կապվում է համայնքի հետ և հրապուրում ձեզ.
Միակ թերությունը: Գործողությունների ավելի ուժեղ զանգը իսկապես կնքում էր գործարքն այստեղ.
5. խնձոր
Ակնկալում եք, որ ընկերությունը, որն իր սրտում դիզայն և նորարարություն է դնում, գերազանցելու է UX դիզայնը, և դրանք կան: Սկզբից ստուգեք դրանց արտադրանքի էջերը.
Պատկերները դինամիկ դարձնելու, օգտագործողին գծելու և ելքի ցանկացած կետերը վերացնելու համար նրանք օգտագործում են զուգահեռ սկավառակ: Դուք ընկղմված եք Apple- ի աշխարհում.
Խելացի անիմացիաները ցույց են տալիս ձեզ, թե ինչպես են աշխատում ապրանքները, ինչպես նոր 3D հպումը: Ոլորման պատկերասրահները հրավիրում են ձեզ շփվել և ուսումնասիրել, և խելացի պատճենը ձեզ ասում է, թե ինչպես է նոր iPhone- ը բարելավելու ձեր կյանքը (այլ ոչ թե հատկությունների երկար ցուցակից).
Նրանց նավարկումը պարզ և մաքուր է, և ես սիրում եմ դրանց օգտագործումը պատկերներ ՝ ընտրանքները հետագայում տարբերելու համար (մենք զննարկում ենք համացանցը, այնպես որ բառերը սովորություն ունեն խառնվելու միմյանց)
Հաշվարկի ընթացքում նրանք հնարավորություն են տալիս գնելու ընթացքում զրուցել մասնագետի հետ: Դա պարզ, բայց օգտակար հնարք է: Այն նորեկներին որոշակի օգնություն է տալիս գծի վերաբերյալ, բայց չի խանգարում վստահ գնորդներին իրենց վարկային քարտը դուրս հանել.
6. Բելրոյ
Որպես համեմատաբար նոր էլեկտրոնային առևտրի վաճառող, ձեր առաջին խնդիրն է ցույց տալ հաճախորդներին, թե ինչպես եք տարբերվում բոլորից: Bellroy- ն դա հիանալի կերպով կատարում է բարակ, կոմպակտ դրամապանակների տեսականիով.
Ավելի լավ է, որ իր արտադրանքի էջերում յուրաքանչյուր դրամապանակ ունի իր տեսանյութը ՝ հաճախորդներին ցույց տալով բոլոր եզակի հատկությունները.
7. վարձակալեք թռիչքուղին
Rent The Runway- ը ունի միանգամայն յուրօրինակ հայեցակարգ. Դուք մի քանի օրվա ընթացքում պարտք եք զգեստ կամ հանդերձանքով, այլ ոչ թե այն գնելուց: Սա հիանալի է հարսանիքների կամ իրադարձությունների համար, երբ դուք չեք ցանկանում հանձնել այնպիսի հանդերձանք, որը դուք այլևս չեք կարող հագնել.
Կայքը պարզապես ներկայացնում է հայեցակարգը, այնուհետև հրավիրում է օգտագործողների փոխազդեցությանը ՝ հուշելով նրանց ընտրել առիթը.
Լրացուցիչ նշաններ նաև իրենց առաքման օրացույցում ՝ հաճախորդներին հստակ իմանալով, թե երբ կգա հանդերձանքը և երբ այն պետք է վերադարձվի.
Այնքան պարզ, բայց այնքան հանգստացնող.
8. Amazon
Amazon- ը էլեկտրոնային առևտրի ամենախոշոր կայքն է աշխարհում և, անկեղծ ասած, լավագույններից մեկը: Դուք կարող եք ընտրել դրանցից որևէ մեկը որպես UX ձևավորման օրինակ.
Նրանց խելացի փաթեթներից մինչև հաճախորդների առաջարկությունները, նրանք ակնկալում են իրենց օգտագործողների կարիքները և մատուցել: Այնուամենայնիվ, դա նրանց մեկ սեղմումով պատվերի համակարգն է, որն այսօր մենք կարևորում ենք.
Դա դեռ համացանցում դուրս գալու արդյունավետության լավագույն օրինակն է: Էլեկտրոնային առևտրի առանցքում UX ձևավորման հիմքում ընկնում է սայլի և դուրս գալու գործընթացը: Ավելի մեղմ է ավելի լավը: Եվ դա չի դառնում ավելի հարթ, քան մեկ սեղմումով պատվիրելը!
9. Արածեցնել
Պատկեր, որը պատմում է ձեզ այն ամենը, ինչ դուք պետք է իմանաք: Ձայնագրում և ձևավորում անձնավորության հետ: Անմիջական զեղչ նոր օգտվողների համար և մեծ, համարձակ զանգի գործողություն.
Սա UX դիզայնի մի պարզ վարպետության դաս է.
10. TopShop
Խանութները, որոնք վաճառում են շատ ապրանքներ, շատ ավելի ծանր աշխատանք ունեն, երբ խոսքը վերաբերում է UX դիզայնին: Ինչպե՞ս եք կազմակերպում ջինսերի յուրաքանչյուր տարբեր զույգ և ներկայացնում դրանք?
Բարեբախտաբար, TopShop- ը հիանալի ծրագիր ունի: Էջի կողքին լողացող մեծ, փափուկ զտիչի հավաքմամբ, կարող եք անընդհատ կսմթել և փոխել ձեր արտադրանքի ոճը, գույնը, համապատասխանությունը և գինը.
Նույնիսկ ավելի զովացուցիչ, յուրաքանչյուր ապրանք անցնում է այն մոդելի նկարին, երբ դրանք մկնիկով սավառնում եք: Այն խրախուսում է փոխազդեցությունը և հաճախորդներին տալիս է ավելի լավ հայացք դեպի իրերը.
11. Բողոքի ցույց
Բողոքի ակցիան պարզապես կարող է ունենալ ամենամեծ, ամենաթող նավարկությունը համացանցում.
Դա պարզ է, համառոտ և չթողված: Այն նաև իջեցնում է հաճախորդի թափառման հավանականությունը: Կապույտ գույնը պահում է հաճախորդի ուշադրությունը հենց այնտեղ, երբ նրանք ցանկանում են.
Բողոքի ակցիան նաև օգտագործում է տոննա մի փոքրիկ անիմացիա իրենց կայքի միջոցով: Յուրաքանչյուրը շարժվում է այն ժամանակ, երբ շրջում եք դրա վրա: Այն պահպանում է հաճախորդների ուշադրությունը, խրախուսում է փոխազդեցությունը և ամբողջ կայքը դինամիկ է դարձնում.
12. Նոր տեսք
Նոր տեսքը տեղ է գրավում ցուցակում իրենց նորարարական զամբյուղի համար: Այն միշտ նստում է նրանց նավիգացիայի բարը համարձակ ցուցիչով `հիշեցնելու համար, որ այնտեղ է.
Երբ կտտացնում եք այն, այն ձեզ չի քաշում այլ էջ: Փոխարենը, դուք ստանում եք լոգարիթմական վահանակ, որը ներսից շարժվում է, որպեսզի ցույց տա, թե ինչ է ձեր պայուսակը: Դա նշանակում է, որ հաճախորդները երբեք չեն կորչում, և նրանք հեշտությամբ կարող են դուրս գալ, երբ ցանկանան.
13. Մատիտ ՝ 53-ով
Եթե պատրաստվում եք ստիլուս գրիչ վաճառել մոտ 60 դոլարով, ապա իսկապես այն պետք է վաճառեք: Բարեբախտաբար, «Մատիտ» -ը 53-ով հիանալի աշխատանք է կատարում ՝ օգտագործելով մի շարք UX նախագծային հնարքներ.
Նրանք օգտագործում են երկար, զուգահեռ պտտվող էջ, բացատրելու բոլոր հնարավորությունները և ցույց տալ ձեզ, թե ինչ կարող եք անել դրա հետ.
Նրանք նաև օգտվում են հիանալի ակնարկներից ՝ բացատրելու համար, թե ինչու են այդքան լավը, քան այնտեղի մյուս տարբերակները: «Wired» – ի մեջբերումը օգտագործելը փայլուն հնարք է արտադրանքի հուսալիությունը տալու և դրա առավելությունը ուրվագծելու համար.
14. Գյուղատնտեսություն
UX դիզայնի վերաբերյալ մեր վերջին հոդվածում մենք բացատրեցինք, թե որքան կարևոր է համակեցությունը ձեր թիրախային լսարանի հետ և կապվել նրանց հետ: Farmdrop- ը դա անում է ՝ իրենց առաքելության հայտարարությունը առջև և կենտրոն դնելով.
Նրանք «հիվանդ և հոգնած են մղոններից հեռու կերակուր տեսնելիս»: Դա մի բան է, որի միջոցով հաճախորդների մեծ մասը կարող է օգտվել ինքնաթիռից: Նախքան փորձեն ձեզ որևէ բան վաճառել, նրանք կապվում են ձեզ հետ և ձեզ առիթ են տալիս գնելու.
15. Սիդ Mashburn
Պարզապես մեկ այլ հիանալի բացվող ընտրացանկ ՝ ամբողջական փոքր սրբապատկերներով: Դա մի պարզ հնարք է, որն օգնում է մեզ հասկանալու ընդարձակ ցանկը: Գումարած ՝ այն կայքէջին տալիս է մի փոքր ավելի անհատականություն.
16. Դանդաղ ժամացույցներ
Սա ժամացույց է ընդամենը մեկ ձեռքով: Դա բավականին յուրօրինակ հասկացություն է, ուստի որոշ բացատրություններ են պահանջում: Դանդաղ ժամացույցներն իսկապես լավ են անում էկրանին բացատրող ամբողջական տեսանյութով.
Որպեսզի բացատրեն հայեցակարգը, նրանք նաև իրենց փիլիսոփայության միջոցով են խոսում այն ստեղծելու հետևից (հիանալի է հաճախորդի հետ կապվելու համար), և նրանք օգտագործում են գեղեցիկ պատկերներ, որոնք ընդգծում և թիրախավորում են իրենց իդեալական լսարանը:.
17. կրակատուփ
Երբ ձեր իրերը չեն տեղավորվում նորմալ կատեգորիաների մեջ, ստեղծվեք: Firebox- ը մասնագիտանում է անսովոր նվերների և անուղղելի իրերի մեջ: Նրանց լավագույն 50 աղյուսակը նրանց ամենատարածված արտադրանքները ուսումնասիրելու հիանալի միջոց է.
Տուփի դասավորությունը հիանալի է արտադրանքը արագ զննելու համար, և պատկերներից շատերը դինամիկ են, շարժվում և շփվում են հաճախորդի հետ.
Քանի որ նրանք մասնագիտանում են նվերների մեջ, նրանք նաև ունեն «նվեր որոնիչ» իրենց նավարկության բարում ՝ ընտրանքները նեղացնելու ֆանտաստիկ միջոց.
18. Ծույլ Օաֆ
Առցանց գնումները հաճախ զգում են նույնը, և շատերը բաց կթողնեն ամսագրի կամ կատալոգի միջոցով սայթաքելու հին գործընթացը.
Lazy Oaf- ը հետ է բերում իրենց զվարճալի «գրքույկների» բաժինը: Փոխանակ միանգամից հագուստը դնելը, դրանք միանգամից ցույց են տալիս տարբեր համադրություններով հանդերձանքները: Ի վերջո, ահա թե ինչպես էին նրանք նախկինում նայում կատալոգում.
Կտտացրեք պատկերները և կստանաք «արագ գնում» տուփ `շոուի երեք կետերից յուրաքանչյուրը ընտրելու համար: Դա ավելի հին դպրոց և զվարճալի միջոց է գնումներ կատարելու համար.
Ինչ չանել!
Մենք չենք ցանկանում այլ վեբ կայքեր կտոր-կտոր պոկել, բայց այնտեղ կան մեծ անուններ, որոնք բոլորը սխալ են … Ահա ամենավատ հանցագործներից մեկը կամ երկուսը.
1. Ֆրեյզերի տուն
Նրանք աշխարհի խոշորագույն խանութներից են, բայց նրանք մի հսկայական սխալ են թույլ տալիս, հենց որ դուք բեռնեք նրանց կայքը.
Անմիջապես ձեզ հարվածում է ամբողջ էջով բացվող խնդրանքով ՝ խնդրելով բաժանորդագրվել նրանց լրատուին.
Չնայած դրանք մեծ անունների խանութ են, բայց դա շատ ճնշող մարտավարություն է, որը կհանեց գնորդներից շատերին: Հիշեք, որ սա առաջին տպավորությունն է: Շատ ավելի լավ է ստեղծել օգտվողի ճանապարհորդություն, որը կրթում և ոգեշնչում է ձեր այցելուին ՝ նախքան էլ-փոստի հասցե խնդրելու համար.
Ոչ միայն դա, այլև իրական թերթիկը գրանցվելու իրական խթան չկա: Վաուչերի կոդի զեղչը հիանալի տարբերակ կլինի այստեղ, և կարող է օգնել հաճախորդներին ներել ներխուժման թռուցիկը.
2. Wal Mart
Ուոլ Մարտը ունի ծանր մարտահրավեր: Նրանք վաճառում են գրեթե ամեն ինչ, ուստի ինչպե՞ս եք պատրաստվում դասակարգել այն և պարզ դարձնել: Դե, ես վստահ չեմ… բայց ոչ այսպիսին է…
Դժբախտաբար, սա պարզապես խառնաշփոթ է կատեգորիաների, որոնք գրեթե անհնար է գտնել այն, ինչ փնտրում եք.
Այստեղ պարզապես շատ տեղեկություններ կան: Երբ ձեր օգտվողներին ներկայացնում եք չափազանց շատ տարբերակներ, նրանք հաճախ պարզապես խուճապի են մատնում և հեռանում.
3. Ռեյ-Բան
Սա փոքր-ինչ միջին ընտրություն է, քանի որ Ray-Ban- ի կայքի մեծ մասը շատ հարմարավետ է: Իրականում այն ունի տոննա զովացուցիչ հատկություններ.
Այնուամենայնիվ, նրանք անում են մի բան, որ էլեկտրոնային առևտրի շատ կայքեր են անում, որոնք իսկապես վրդովեցնում են հաճախորդներին: Սա:
Երևի հարյուր անգամ տեսել եք նման էջ: Դա այնքան էլ վատ չի թվում, բայց իրականում ստեղծում է ևս մեկ խոչընդոտ վաճառքի համար.
Եթե վերադարձող հաճախորդ եք, այժմ զբաղված եք զարմացնելով, թե ինչ գաղտնաբառ եք ստեղծել: Եթե չկարողանաք հիշել դա, դուք ստիպված կլինեք անցնել ամբողջ «մոռացված գաղտնաբառի» գործընթացը: Դուք կարող եք ցանկացած պահի կորցնել այդ հաճախորդին…
Եթե դուք նոր հաճախորդ եք, անպայման կա հյուրերի ձևակերպում, բայց ձեր արած բոլորը կտտացրեք մեկ այլ կոճակ: Կտտացնելու ևս մեկ հնարավորություն.
Այս պահին ձեր հաճախորդը ամբողջովին անջատված է իրենց զամբյուղից և գնումների գործընթացից: Մի քաշեք այն, պարզապես փակեք վաճառքը!
–
UX- ի հիանալի դիզայնը փոքրիկ փոփոխությունների մասին է, որոնք գործերը դյուրացնում են ձեր հաճախորդներին: Այս 18 կայքերը դա անում են հիանալի.
Որ առանձնահատկությունները դուք կօգտագործեք ձեր սեփական կայքում?