Ամբողջ 25-հնարքային UX- դիզայնի ցուցակ

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


Ես հաճախ մտածում եմ օգտագործողի փորձի ձևավորման (կամ UX ձևավորման) մասին, որպես հոգեբանության, այլ ոչ թե զարգացման.

Լավ UX դիզայնը ձեր այցելուների գլխին ներս մտնելն է.

Դա կանխատեսում է նրանց յուրաքանչյուր քայլը և ստեղծում է կայք, որն օգտագործվելու է պարզ, ինտուիտիվ և հաճելի.

Դժբախտաբար, UX- ի լավ դիզայնի համար չկա հեշտ պատասխան կամ արծաթե փամփուշտ: Դա շատ չնչին փոփոխությունների գագաթնակետն է: Յուրաքանչյուրը բարելավում է փորձը ձեր կայքում.

Այդ մտքով ես կլորացրել եմ 25 փոքր (և հեշտ) կսմթելների ցուցակի ցուցակը, որը կդարձնի ձեր UX դիզայնի փայլը:.

Contents

1. արագություն

Վեբ կայքի արագությունը լավ տպավորություն թողնելու ձեր առաջին իսկ հնարավորությունն է: Դա ձեր առաջին UX խոչընդոտն է.

Վեբ կայքի արագություն

(պատկերի աղբյուրը)

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

Ամեն ինչից դանդաղ, և դա օգտագործողի վատ փորձ է, հենց սկզբից.

Համոզվեք, որ ձեր սերվերի արագությունը հասնում է զրոյի և նեղացրեք ձեր կայքի ծանրությունը, որպեսզի այն արագորեն բացվի.

2. Ո՞վ ես դու և ինչ ես անում?

Ձեր հաջորդ մեծ մարտահրավերը արագորեն տեղեկացնում է ձեր այցելուներին: Ով ես դու? Ինչ ես անում Եվ ինչ արժեք կարող եք տալ դրանց?

Netflix արժեքը prop

Սա կոչվում է արժեքի առաջարկ, և դա այնքան կարևոր է, որ մենք դրա վրա գրել ենք մի ամբողջ բլոգային գրառում: Ձեր այցելուներին համոզելու համար ընդամենը մի քանի վայրկյան ունեք, այնպես որ այն հաշվարկեք!

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

3. Համոզվեք, որ այցելուները կարող են կապ հաստատել ձեզ հետ

UX դիզայնի հիմնական մասը վերացնում է ձեր այցելուների համար ցանկացած անհանգստություն կամ անհանգստություն.

Նոր այցելուների ամենամեծ անհանգստություններից մեկն այն է, որ նրանք պետք է ձեզ վստահեն, թե ոչ, հատկապես, եթե դուք նոր կայք եք.

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

Ավելի լավ, օգտագործեք ուղիղ զրույցի տուփ որպեսզի օգտվողները անմիջապես կարողանան հարցեր տալ.

Tagove Ուղիղ կապ

Եթե ​​ինչ-որ բան սխալ է գնում, լավ է իմանալ, որ նրանք հեշտությամբ կարող են կապ հաստատել.

4. Միշտ այցելուներին տվեք տուն վերադառնալու ճանապարհ

Մենք բոլորս նախկինում կորցրել ենք կայքերում: Դուք հետևում եք հղումներին և վերջանում նապաստակի անցքին.

Եթե ​​դա տեղի ունենա, ձեր այցելուները դառնում են գրգռված և հիասթափված: Նրանք բնազդորեն հարվածելու են «X» կոճակին ՝ զննարկիչը փակելու համար.

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

5. Նույնիսկ ավելի լավ, թողեք հացաթուխները, որպեսզի նրանք իմանան, թե որտեղ են գտնվում

Որպեսզի դրանք արագ վերագործարկեք, օգտագործեք հացաթխման մացառներ ՝ բացատրելու համար, թե որտեղ են գտնվում գործընթացում.

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

հատ-առաջընթաց-բար

(պատկերի աղբյուրը)

Կրկին, սա պարզ հոգեբանություն է: Օրինակ ՝ զբոսնելը շատ ավելի հոգնեցուցիչ է, երբ չգիտես, թե որտեղ է ավարտը: Մենք մեզ շատ ավելի հարմարավետ ենք զգում, երբ քարտեզ ունենք: Նույն գաղափարը կիրառվում է առցանց.

6. Հեռացրեք ցանկացած կրկնվող գործողություններ

Գերազանց հիասթափեցնող է նույն տվյալները երկու անգամ մուտքագրելով ձևի վրա (օրինակ ՝ բիլինգի և առաքման հասցե): Փորձեք ազատվել ցանկացած կրկնվող գործողություններից, որոնք դանդաղեցնում են գնումների գործընթացը.

Նման բաներ են, որոնք հանգեցնում են զամբյուղի հրաժարմանը: Ձեր այցելուները կանդրադառնան այլուր.

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

7. Օգտագործեք գործիքային խորհուրդներ `նորեկներին օգնելու համար (բայց մասնագետներին մի խանգարեք:)

Ձեր այցելուներից ոմանք կանոնավոր են լինելու: Նրանք պայթում են ձեր գրանցման թերթիկների և գնումների գործընթացում: Մյուսները կլինեն բոլորովին նոր, և նրանք կարող են ճանապարհին ունենալ որոշ հարցեր.

Փոքր «գործիքների հուշում» պատկերակները (որոնք հաճախ նույնականացվում են հարցական նշանի հետ) կօգնեն նորեկներին հասկանալ, թե ինչ պետք է անեն: Բայց, միևնույն ժամանակ, նրանք չեն ընդունում ձեր մասնագետների ճանապարհը.

գործիքակազմ

(պատկերի աղբյուրը)

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

8. Ստեղծեք մեծ, համարձակ զանգի գործողություն

Գործողությունների կանչը ձեր այցելուին ասում է, թե ինչ է անելու, օրինակ ՝ «Գրանցվել» կամ «Գնեք հիմա»: Համոզվեք, որ դա հրամայական է, պարզ և բացատրում է դրանով զբաղվելու արժեքը.

CTA- ն

(պատկերի աղբյուրը)

Ավելի լավ է, այն դարձնել պարզ, համարձակ գույն (կանաչեղենն ու նարինջը այստեղ հրաշքներ են գործում) և շրջապատեք այն սպիտակ տարածքով: Դա պետք է ձեր օգտագործողների ուշադրությունը սևեռի դրան ՝ ակնհայտորեն ցույց տալով, որ դա այն է, ինչ ուզում եք.

9. Պարզորոշ տարբերակրեք առաջնային և երկրորդային զանգվածային գործողությունների միջև

Գործողությունների համար կանչված բազմաթիվ զանգերով կտեսնեք երկու տարբերակ: Օրինակ `« Ներկայացրեք »և« չեղարկել »: Կամ «ներբեռնեք հիմա» և «անվճար փորձարկում».

spotify-cta- ն

Պարզ է, թե որ գործողությունն եք ցանկանում կատարել այցելուի համար, այնպես որ համոզվեք, որ նրանք դա գիտեն: Ստուգեք Spotify- ի գլխավոր էջը: Նրանք դարձրել են «գնացեք պրեմիում» կոճակը ավելի համարձակ և աչքի ընկնող: Նրանք ստիպված են եղել «ազատ խաղալ» կոճակը մարել ֆոնին.

Սա նորից պարզապես պարզ հոգեբանություն է: Դուք նրբորեն թույլ եք տալիս ձեր օգտագործողներին իմանալ, թե որ մեկը կտտացնել.

10. Օգտագործեք հիերարխիա ՝ օգտագործողներին ցույց տալու համար, թե ուր են գնում հաջորդը

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

Կարդացեք վերջին բլոգը > ներբեռնեք անվճար զեկույց և գրանցվեք փոստերի ցուցակին > գրանցվեք վճարովի առցանց դասընթացում.

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

11. Մի խառնաշփոթեք սպասվող տարրերի հետ!

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

խնձորի հատը

Մի փորձեք նորից անիվը վերափոխել այս կարևորագույն ասպեկտներով: Մի բարդացրու.

12. Կպչեք պարզ 3 գույնի պալիտրա

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

պալիտրա

(պատկերի աղբյուրը)

Գույնը նույնպես շատ օգտակար է ձեր օգտագործողի փորձը ձևավորելու համար սերտորեն կապված հոգեբանության հետ և հույզ: Օրինակ, մենք կապույտը կապում ենք վստահության հետ (պատճառ կա, որ Facebook- ը կապույտ է օգտագործում:)

Համեմատեք ձեր գունապնակը ձեր արտադրանքի հետ.

13. Ինչու՞ եմ սխալվում: Եվ հիմա ինչ եմ անում?

Երբեմն բաները գնում են սխալ, իսկ 404 սխալներն անխուսափելի են: Այնուամենայնիվ, դուք կարող եք իրականում վերածել դրական օգտվողի փորձի.

Պարզապես բացատրեք, թե ինչու են նրանք ստանում այդ սխալը `ստեղծելով մաքսային 404 և 504 էջ: Դրանով հայտնի էր Twitter- ի «ձախողված կետը».

twitter- ը ձախողում է սուլիչը

Անհայտ սխալների համար վստահեցրեք օգտվողներին, որ դուք աշխատում եք դրա վրա և ուղղեք դրանք ձեր կայք.

Փակուղիները, ինչպես սխալի էջերը, վտանգավոր են: Օգտագործողները, բնականաբար, հասնում են խաչին: Հանգստացրեք նրանց և հետ ուղարկեք.

14. Օգտագործողներին տվեք բարձր հնգյակ, երբ նրանք ինչ-որ բան ավարտեն

Մարդկանց առաջնորդվում է ձեռքբերման և ավարտվածության զգացողությամբ: Երբ նրանք կատարում են մի առաջադրանք, տեղեկացրեք նրանց և ցույց տվեք, թե ուր գնալու համար.

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

Դա պարզ, հեշտ, դրական փորձ է: Այն նաև օգտվողներին տալիս է համագործակցության զգացողություն. ինչպես դուք իրականում նրանց օգնում եք հասնել իրենց նպատակներին.

15. Կպչեք ընդամենը երկու տառատեսակի ընտանիքի

Հետևողականությունն ու ապրանքանիշը կարևոր օգտագործողի լավ փորձի համար են.

Շատ շփոթեցնող է, եթե ձեր պատկերանշանի տառատեսակը Futura է, ձեր մարմնի տեքստը Times New Roman է, գործողությունների ձեր կանչը Comic Sans է, իսկ ձեր վերնագրերը ՝ Windings…

տառատեսակներ

Կպչեք ընդամենը երկու տառատեսակի ընտանիքի: Այն ավելի հեշտ է կարդալ, և այն ավելի պրոֆեսիոնալ և վստահելի է թվում.

16. Օգտագործեք հստակ և հետևողական ազդանշանային հաղորդագրություններ

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

ահազանգեր

(պատկերի աղբյուրը)

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

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

17. LIMIT CAPS Կողպեքի տեքստը

Դա պարզապես նյարդայնացնում է.

Փաստորեն, դրանից ավելի կարևոր պատճառներ կան: Մենք փաստորեն մեծատառի տեքստը կարդում ենք ավելի դանդաղ, քան փոքրատառով: Այնպես որ, կարդալը սկանելը շատ ավելի դժվար է (որն է թե ինչպես ենք մենք սովորաբար ընթերցում ինտերնետը).

Ամրագրեք կափարիչները կողպեքով, երբ իսկապես անհրաժեշտ է ազդեցություն թողնել.

18. Խմբի հետ կապված իրերը միասին

Սա մասնավորապես էլեկտրոնային առևտրի կայքերի համար է, բայց այն աշխատում է ամբողջ տախտակի վրա.

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

խմբավորված իրեր

Դուք կարող եք դա անել ֆիզիկական արտադրանքներով, ինչպես Amazon- ի «ավելի նման այս ընտրությունը»: Դուք կարող եք նաև նման բան անել բլոգային հաղորդագրությունների և հոդվածների հետ ՝ օգտագործելով համապատասխան բովանդակության բաժին.

Այն շարունակում է այցելուներին զննել ձեր կայքի միջոցով, նվազեցնում է ցատկերի արագությունը և ստեղծում է ավելի անձնական փորձ.

19. Ամեն ինչ հետևողական պահեք

Վերջին բանը, որ դուք ուզում եք, այցելուն է հղում սեղմելու և զգալու համար, որ նրանք տեղափոխվել են այլ կայք.

Համոզվեք, որ ձեր նավարկության բարը մնում է նույն տեղում, անկախ նրանից, թե որտեղ եք գտնվում կայքում: Համոզվեք, որ ձեր պատկերանշանը միշտ տեսանելի է, և գունապնակը մնում է նույնը.

20. Նախագծեք աչքերի սկանավորման դասավորությունը

Մենք չենք կարդում կայքեր, ինչպես մենք ենք գիրք կարդում: Մեր աչքերը ցատկում և սկանավորում են կարևոր տեղեկատվությունը.

F- նմուշ

Սովորաբար մենք կայքեր ենք կարդում անդում F- նմուշ, բայց համարձակ պատկերներն ու գործողությունների կոչերը նույնպես հայտնի են առաջին հերթին աչքը գրավելու համար.

21. Ստեղծեք վստահություն ցուցմունքների և սոցիալական ապացույցների հետ

Ձեր կայքի այցելուների մեծ մասը ժամանում է իրենց պահակի հետ: Նրանք, բնականաբար, զգուշավոր են նոր կայքերից, և, իհարկե, դեռ պատրաստ չեն գնել ձեզնից.

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

22. Տեղեկացրեք օգտվողներին, թե ինչի հետ կարող են խաղալ!

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

փոխազդեցություններ

Twitter- ը հիանալի է այս հարցում: Պարզ սև տեքստ բովանդակության համար: Կապույտ տեքստը ցույց է տալիս, թե ինչի վրա կարող եք սեղմել և շփվել: Սրբապատկերները երբ վերափոխվում եք, գույնը լրացնում են ՝ ցույց տալու համար, թե ինչի հետ կարող եք խաղալ.

Հրավիրեք մարդկանց խաղալ ձեր կայքի հետ!

23. Ստեղծեք ուսման նուրբ կորի

Ոչ ոք չի սիրում խառնվել խառնաշփոթ և դժվար կայքում.

Փորձեք գրեթե անմիջապես անմիջապես ձեր այցելուներին արագ շահել: Դյուրացրեք դրանք և այն պարզեցրեք, մանավանդ, եթե դուք առաջարկում եք բարդ բիզնես առաջարկ.

24. Գտեք ձեր այցելուի հետ արագորեն համակեցնելու միջոց

Օգտագործողի փորձը վերաբերում է մարդկային հարաբերությունները նմանակելուն և ձեր օգտագործողի հետ կապ հաստատելուն: Էմպաթիան այս ամենի հսկայական մասն է. Որո՞նք են ձեր այցելուների նպատակներն ու երազանքները: Ինչն է նրանց հետ պահում մինչ այժմ?

Անմիջապես տեղեկացրեք նրանց, որ դուք հասկանում եք նրանց խնդիրը: Դուք կարող եք դա անել այն պատկերով, որի հետ նրանք կարող են առնչվել, կամ մի նախադասությամբ, որն ամփոփում է նրանց ամենամեծ խնդիրները.

Ձեր այցելուը կմտածի. «Այս կայքը ստանում է ինձ», ինչը ստեղծման հիանալի փորձառություն է.

25. Երկխոսություն ստեղծելու համար օգտագործեք միկրոէներգիա

Tryանապարհորդության յուրաքանչյուր փոքր մասում փորձեք ձեր օգտագործողին հետադարձ կապ տրամադրել: Դա կստեղծի իրական հաղորդակցություն և հարաբերություն, որին օգտվողները արձագանքում են.

Դուք կարող եք դա անել օրինակով, օրինակ ՝ «Լավ աշխատանք»: «Մենք կարծում էինք, որ գուցե սա դուր գա», «կցանկանայի՞ք խոսել փորձագետի հետ»:

առաջընթացի բար

Կամ փոքր գրաֆիկա և վիզուալներ, օրինակ ՝ բամբակյա վերևում, ժպտերես դեմքի վրա կամ բեռնման էջում ցնցող ժամացույցի պես.

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

Դուք օգտագործում եք UX նախագծման որևէ հնարք: Ես շատ կցանկանայի լսել այն ամենի մասին, ինչից ես կարոտել էի: Տեղեկացնեմ մեկնաբանությունների բաժնում.

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