Ինչպես նախագծել օգտագործողի վրա հիմնված Web3 հավելվածներ (DApps). խորհուրդներ և հնարքներ

Web2-ից Web3-ի դանդաղ, բայց վստահ անցման ժամանակ ապակենտրոնացված հավելվածները (dApps) խոստանում են մեկ քայլ առաջ լինել իրենց Web2 գործընկերներից՝ օգտվողների ավելի մեծ լիազորություններով և տվյալների սեփականության իրավունքով:

Այնուամենայնիվ, UX/UI-ի ավանդական սկզբունքները (այսինքն՝ հետևողական ինտերֆեյսի տարրեր, օգտատիրոջ սահուն մուտք, հակիրճ լեզու) դեռևս արժեքավոր են. Հակառակ կողմում կան եզակի մարտահրավերներ, որոնց առջև ծառացած են UX/UI դիզայներներն ու մշակողները, որոնք ձգտում են ստեղծել dApps-ում օգտվողների գրավիչ փորձառություններ:

Փաստորեն, վիճակագրությունը ցույց է տվել, որ Web3 օգտատերերի միայն 25%-ն է վստահ զգում ապակենտրոնացված հավելվածներ օգտագործելու հարցում:

Օգտատերերն ակնկալում են ավելի շատ ինքնավարություն՝ պահանջելով ինտուիտիվ ինտերֆեյսներ, որոնք թույլ են տալիս նրանց առանց ջանքերի նավարկելու բարդ Web3 հասկացություններն ու ցանցերը:

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

Ի՞նչն է ստիպում Web3-ի օգտագործողին նշել:

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

• Crypto-natives . Այս օգտվողներին հարմար են այնպիսի հասկացություններ, ինչպիսիք են դրամապանակները, մասնավոր բանալիները և գազի վճարները: Նրանք կարող են առաջնահերթություն տալ առաջադեմ գործառույթներին և հարմարեցման տարբերակներին:

  
  

• Նորեկներ . այս օգտվողները կարող են անծանոթ լինել բլոկչեյնի տերմինաբանությանը և պահանջում են հստակ բացատրություններ և ուղեցույցներ: Պարզությունն ու օգտագործման հեշտությունը առաջնային են այս խմբի համար:

Web3-ի ինտուիտիվ դիզայնի հիմնական սկզբունքները

Web3-ի և blockchain dApps-ի ինտուիտիվ դիզայնի մեջ խորամուխ լինելիս, օգտագործողի մտածելակերպն ու ճանապարհորդությունը հասկանալն առաջնային է դառնում: Սկսեք հաշվի առնելով ձեր լսարանի մտավոր մոդելը: Արդյո՞ք նրանք նոր են բլոկչեյն տեխնոլոգիաների կամ տիեզերքի վետերանների համար:

Դիզայնը՝ հաշվի առնելով նրանց գիտելիքների մակարդակը, կարող է կտրուկ բարելավել օգտագործելիությունը:

1. Բերեք Web2 ծանոթությունը Web3-ին

Տեղադրեք փոխաբերությունները և աշխատանքային հոսքերը Web2-ից, որտեղ տեղին է: Սա չի նշանակում, որ դուք պետք է խուսափեք Web3-ի նորարարական տարրերից, այլ պետք է հյուսեք ավանդական UI բաղադրիչները: Ծանոթությունը կոտրում է խոչընդոտները. երբ օգտվողները ճանաչում են օրինաչափությունները, նրանք ավելի հեշտ և վստահ են նավարկում:

2. Less Is More

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

3. Հետադարձ կապ

Մեկ այլ կարևոր կետ հետադարձ կապն է: dApp-ում յուրաքանչյուր գործողություն, օրինակ՝ փոխանակման գործարքը կամ տվյալների մուտքագրումը, պետք է ճանաչվի հետադարձ կապի միջոցով, ինչպիսիք են ակնհայտ հաստատման էկրանները կամ անիմացիաները: Նույն ուղղությամբ, պետք է լինեն ակնթարթային արձագանքներ և լուծումների առաջարկներ, երբ օգտվողները բախվում են սխալի հաղորդագրություններին (կամ, UX/UI լեզվով ասած՝ «դժբախտ ուղիներ»):

Սա վստահեցնում է օգտատերերին, որ նրանց գործողությունները գրանցված են և արդյունավետ՝ ստեղծելով վստահության և հուսալիության զգացում:

4. Հետևողական փորձ սարքերի տեսակների միջև

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

Այն նաև նվազեցնում է անհարկի պարանոյան որոշակի գործարքների ժամանակ, օրինակ՝ QR կոդերը սկանավորելու և դրամապանակի հասցեները մուտքագրելու համար երկու տարբեր սարքեր օգտագործելը:

5. Անվտանգություն և գաղտնիություն

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

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

Web3 UX/UI դիզայնի գործնական խորհուրդներ

Եկեք այս սկզբունքները վերածենք գործող նախագծման ռազմավարությունների.

1. Ներբեռնում

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

Մեկ էկրանով գրանցումը դասական մոտեցում է, որը կարող է ավելի հարմար լինել փորձառու Web3 օգտատերերի համար, ովքեր արդեն գիտեն, թե ինչ կարելի է ակնկալել և հարմար են սուզվել ուղիղ դրա մեջ:

Swipeable onboarding էկրանները կարող են իդեալական լինել նորեկների համար. մարսելի ձևաչափն օգնում է նրանց կլանել dApp-ի հիմնական հատկանիշներն ու արժեքային առաջարկները: Նույնիսկ այն դեպքում, լավ պրակտիկա է այն պահել ոչ ավելի, քան երեք սայթաքում, քանի որ յուրաքանչյուր լրացուցիչ քայլ մեծացնում է օգտվողի անկումը:

2. Web3 դրամապանակի ինտեգրում

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

• Մեկ սեղմումով միացում. Հնարավորության դեպքում նպատակ դրեք «մեկ սեղմումով» միացմանը: Օգտագործեք WalletConnect կամ նմանատիպ արձանագրությունները՝ ներգրավված քայլերի քանակը նվազագույնի հասցնելու համար:

  
  

• Դրամապանակի հայտնաբերում. ավտոմատ կերպով հայտնաբերել օգտագործողի տեղադրված դրամապանակները և ակնառու կերպով ցուցադրել նրանց նախընտրած տարբերակները

  
  

• QR կոդի աջակցություն. առաջարկեք QR կոդի սկանավորում՝ որպես կապի այլընտրանքային եղանակ, հատկապես բջջային օգտատերերի համար

  
  

• Բազմաթիվ դրամապանակների աջակցություն. սպասարկեք օգտատերերի լայն շրջանակին` աջակցելով հանրաճանաչ դրամապանակներին, ինչպիսիք են MetaMask, Coinbase Wallet, Trust Wallet, Argent, Rainbow և, իհարկե, Portkey , հաշվի աբստրակցիոն (AA) դրամապանակը, որը կառուցված է aelf էկոհամակարգի վրա:

  
  

• Ուղեցույց նորեկների համար. Տրամադրեք հստակ հրահանգներ և տեսողական օժանդակ միջոցներ՝ օգտատերերին միացման գործընթացում առաջնորդելու համար, հատկապես, եթե նրանք նոր են Web3 դրամապանակներում:

  
  

• Անվտանգության հիշեցումներ. Միացման գործընթացում ցուցադրեք անվտանգության հստակ և հակիրճ հիշեցումներ՝ ընդգծելով նրանց անձնական բանալիների պաշտպանության կարևորությունը:

3. Իմացիր քո հաճախորդի (KYC) ինտեգրում

Թեև ապակենտրոնացումը Web3-ի հիմնական սկզբունքն է, շատ dApps, հատկապես նրանք, որոնք առնչվում են ֆինանսական գործարքների կամ զգայուն տվյալների հետ, պահանջում են «Ճանաչել ձեր հաճախորդին» (KYC) գործընթացները՝ կանոնակարգերին համապատասխանելու և անվտանգությունն ապահովելու համար:

• Թափանցիկություն և հստակություն. Հստակ բացատրեք, թե ինչու է պահանջվում KYC-ը և ինչպես են մշակվելու օգտվողի տվյալները: Նախապես տեղեկացեք հավաքագրվող տեղեկատվության և այն օգտագործելու մասին:

  
  

• Հեշտացված գործընթաց. Դարձրեք KYC գործընթացը հնարավորինս արդյունավետ: Նվազագույնի հասցրեք քայլերի քանակը և պահանջվող տեղեկատվության քանակը:

  
  

• Տվյալների անվտանգ մշակում. ընդգծեք օգտագործողի տվյալները պաշտպանելու համար ստեղծված անվտանգության միջոցները: Մտածեք օգտագործել ինքնության ապակենտրոնացված լուծումներ՝ գաղտնիությունը բարձրացնելու համար:

  
  

• Օգտագործողի համար հարմար հաստատում. Ինտեգրվել հուսալի KYC մատակարարների հետ, որոնք առաջարկում են սահուն և օգտագործողի համար հարմար ստուգման փորձ

  
  

• Մաքրել արձագանքները և կարգավիճակի թարմացումները. օգտատերերին տեղեկացված պահեք KYC գործընթացի ընթացքում: Տրամադրել հստակ արձագանք դրանց ստուգման կարգավիճակի և պահանջվող ցանկացած գործողությունների վերաբերյալ:

4. Գործարքների հոսքեր

Գործարքները Web3 փոխազդեցությունների մեծ մասի հիմքում են: Պարզեցրեք գործարքների հոսքերը՝ տրամադրելով գազի վճարների, գործարքների գնահատված ժամանակների և հաստատման քայլերի հստակ բացատրություններ:

• Տեսողական հստակություն. Օգտագործեք հստակ տեսողական ազդանշաններ՝ ընդգծելու հիմնական տեղեկությունները, ինչպիսիք են գործարքների գումարները, գազի վճարները, ցանցի վճարները և ավարտման գնահատված ժամանակը:

  
  

• Իրական ժամանակի հետադարձ կապ. օգտագործեք բեռնիչներ, առաջընթացի գծեր կամ կարգավիճակի ծանուցումներ՝ օգտատերերին գործարքների իրական ժամանակում թարմացումներ տալու համար:

  
  

• Գների դինամիկ թարմացումներ. նշանների փոխանակման կամ առևտրի հետ կապված գործարքների համար ցուցադրեք գների դինամիկ թարմացումներ՝ շուկայական տատանումները արտացոլելու համար: Ներառեք հստակ հերքումներ գների անկայունության և դրա հնարավոր ազդեցության վերաբերյալ գործարքի վերջնական գումարի վրա:

  
  

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

  
  

• Հաստատման քայլեր. Իրականացնել հստակ հաստատման քայլեր՝ պատահական գործարքները կանխելու համար: Պահանջեք օգտվողներին վերանայել և հստակորեն հաստատել գործարքի մանրամասները նախքան ներկայացնելը:

  
  

• Գործարքների պատմություն. Տրամադրեք գործարքների մանրամասն պատմություն, որը հեշտությամբ հասանելի և որոնելի է: Թույլ տվեք օգտվողներին զտել գործարքները ըստ ամսաթվի, տեսակի կամ կարգավիճակի:

5. Սխալների մշակում

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

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

  
  

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

  
  

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

  
  

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

  
  

• Օգտագործողի համար հարմար լեզու. Խուսափեք տեխնիկական ժարգոնից (այսինքն՝ Սխալ 404) սխալ հաղորդագրություններում: Օգտագործեք պարզ, հակիրճ և բնական խոսակցական լեզու, որը հեշտ է հասկանալ բոլոր օգտագործողների համար:

6. Գործիքների հուշումներ և բացատրողներ

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

Լավ պրակտիկա է նաև dApp-ում ստեղծել գիտելիքի բանկ կամ հատուկ ՀՏՀ՝ ավելի երկար ձևով օգնության բովանդակություն տեղադրելու համար:

7. Փորձարկում և կրկնություն

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

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

A/B թեստավորումը և օգտագործողի բառացիորեն UX/UI դիզայնի նախատիպերն ու ենթադրությունները հաստատելու ամենատարածված մեթոդներից երկուսն են: Պատրաստ եղեք շրջվել արդյունքների հիման վրա և հետևել, թե ինչն է աշխատում (և ինչը ոչ):

Այս քայլերը պետք է ձեզ ավելի մոտենան ձեր ստեղծագործության «Հյուսիսային աստղերին»:

Եզրափակելով. բոնուսային հուշում

Ձեր dApp-ի հաջողությունը կարող է կախված լինել X գործոնից: Օգտագործողները կհիշե՞ն ձեր ստեղծագործությունը, թե՞ կվերադառնան դրան:

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

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

Եթե դուք կառուցում եք aelf-ի վրա, բարձր արդյունավետությամբ Layer 1 AI բլոկչեյնը , դրա AI գործիքակազմը և aelf Playground-ի ինտեգրված զարգացման միջավայրի օգտատերերի համար հարմարավետությունը վերացնում է շինարարության գործընթացը, այնպես որ դուք և ձեր թիմը կարող եք կենտրոնանալ բացառապես նախագծման վրա: օգտագործողի հնարավոր լավագույն փորձը:

Էլֆի մասին

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

aelf-ը հեշտացնում է խելացի պայմանագրերի և ապակենտրոնացված հավելվածների (dApps) կառուցումը, ինտեգրումը և տեղակայումը իր Layer 1 բլոկշեյնում իր բնիկ C# ծրագրային ապահովման մշակման հավաքածուով (SDK) և SDK-ներով այլ լեզուներով, ներառյալ Java, JS, Python և Go: aelf-ի էկոհամակարգը պարունակում է նաև մի շարք dApps՝ աջակցելու զարգացող բլոկչեյն ցանցին: aelf-ը հավատարիմ է իր էկոհամակարգում նորարարությունների խթանմանը և շարունակում է նվիրված լինել Web3-ի, բլոկչեյնի զարգացմանը և AI տեխնոլոգիայի ընդունմանը:

Իմացեք ավելին aelf-ի մասին և կապ մնացեք մեր համայնքի հետ.

Կայք | X | Telegram | Տարաձայնություն