paint-brush
Si të dizenjoni aplikacione Web3 me qendër nga përdoruesi (DApps): Këshilla dhe trukenga@aelfblockchain
3,178 lexime
3,178 lexime

Si të dizenjoni aplikacione Web3 me qendër nga përdoruesi (DApps): Këshilla dhe truke

nga aelf9m2024/10/21
Read on Terminal Reader
Read this story w/o Javascript

Shume gjate; Te lexosh

Merrni këshilla dhe truket për dizajnimin e aplikacioneve Web3 më miqësore për përdoruesit. Plus, mësoni se si AI personalizon Web3 UX/UI. Ndarë nga aelf, Blockchain AI Layer 1.
featured image - Si të dizenjoni aplikacione Web3 me qendër nga përdoruesi (DApps): Këshilla dhe truke
aelf HackerNoon profile picture

Në kalimin e ngadaltë por të sigurt nga Web2 në Web3 , aplikacionet e decentralizuara (dApps) premtojnë të jenë një hap përpara nga homologët e tyre Web2 me fuqizim më të madh të përdoruesit dhe pronësi të të dhënave.


Megjithatë, parimet tradicionale të UX/UI (d.m.th., elementët e qëndrueshëm të ndërfaqes, futja e qetë e përdoruesit, gjuha koncize) kanë ende vlerë; nga ana tjetër, ka sfida unike me të cilat përballen dizajnerët dhe zhvilluesit UX/UI që përpiqen të krijojnë përvoja tërheqëse të përdoruesit në dApps.


Në fakt, një statistikë ka treguar se vetëm 25% e përdoruesve të Web3 ndihen të sigurt për përdorimin e aplikacioneve të decentralizuara.


Përdoruesit presin më shumë autonomi, duke kërkuar ndërfaqe intuitive që i lejojnë ata të lundrojnë pa mundim në konceptet dhe rrjetet komplekse Web3.


Zhvilluesit e Web3 shpesh kërkojnë bashkëpunim të ngushtë me dizajnerët për të realizuar krijimet e tyre; natyra e decentralizuar e Web3 i fton ata të rimendojnë variablat e sjelljes njerëzore si faktori i besimit, duke marrë parasysh që dApps nuk mbështeten më në ndërmjetës dhe agjenci të centralizuara.

Çfarë e bën një përdorues të Web3 të shënojë?

Ndryshe nga aplikacionet tradicionale të uebit, Web3 kujdeset për një audiencë të larmishme, duke filluar nga entuziastët me përvojë të kriptove deri tek të sapoardhurit që lagen këmbët në DeFi . Kur hartoni një dApp, merrni parasysh këto nivele të ndryshme të të kuptuarit teknik.


  • Kripto-vendasit : Këta përdorues janë të kënaqur me koncepte si kuletat, çelësat privatë dhe tarifat e gazit. Ata mund t'i japin përparësi veçorive të përparuara dhe opsioneve të personalizimit.


  • Të ardhurit : Këta përdorues mund të jenë të panjohur me terminologjinë e blockchain dhe kërkojnë shpjegime dhe udhëzime të qarta. Thjeshtësia dhe lehtësia e përdorimit janë parësore për këtë grup.

Parimet kryesore të dizajnit intuitiv për Web3

Kur hulumtoni në dizajnin intuitiv për Web3 dhe blockchain dApps , kuptimi i mentalitetit dhe udhëtimit të përdoruesit bëhet parësor. Filloni duke marrë parasysh modelin mendor të audiencës tuaj. A janë ata të rinj në teknologjitë blockchain apo veteranët e hapësirës?


Projektimi duke pasur parasysh nivelin e tyre të njohurive mund të përmirësojë në mënyrë dramatike përdorshmërinë.

1. Sillni njohjen e Web2 në Web3

Porto mbi metaforat dhe rrjedhat e punës nga Web2 aty ku është e rëndësishme. Kjo nuk do të thotë që ju duhet t'i shmangeni elementeve novatore të Web3, por më tepër t'i ndërthurni komponentët tradicionalë të UI. Familjariteti thyen barrierat; kur përdoruesit njohin modelet, ata lundrojnë më lehtë dhe me siguri.

2. Më pak është më shumë

Vetë ideja e Web3 është tashmë... shumë. Qartësia dhe thjeshtësia duhet të udhëheqin zgjedhjet e dizajnit. Paraqitjet konfuze mund të prishin angazhimin e përdoruesit. Në vend të kësaj, synoni për një ndërfaqe të pastër dhe të parregullt që thekson veçoritë kryesore. Elementët thelbësorë duhet të jenë përpara dhe në qendër, duke reduktuar ngarkesën njohëse dhe duke ndihmuar përdoruesit të marrin vendime të shpejta.


aelfscan, një eksplorues i blockchain, ilustron thjeshtësinë në ndërfaqen e tij


3. Cikli i Feedback-ut

Një aspekt tjetër thelbësor është reagimi. Në një dApp, çdo veprim, si një transaksion shkëmbimi ose futja e të dhënave, duhet të pranohet nëpërmjet reagimeve të tilla si ekranet e dukshme të konfirmimit ose animacionet. Në të njëjtën mënyrë, duhet të ketë reagime të menjëhershme dhe oferta zgjidhjesh kur përdoruesit përplasen me mesazhe gabimi (ose, në gjuhën UX/UI, 'shtigje të pakënaqura').


Kjo i siguron përdoruesit se veprimet e tyre janë të regjistruara dhe efektive, duke ndërtuar një ndjenjë besimi dhe besueshmërie.

4. Përvojë konsistente në të gjitha llojet e pajisjeve

Ashtu si shumica e aplikacioneve Web2, dApps funksionojnë në celular, desktop dhe tablet. Projektimi për konsistencë në platforma të ndryshme rrit përvojën e përdoruesit. Qoftë në një aplikacion desktopi ose ndërfaqe celulare, navigimi i qëndrueshëm dhe sinjalet vizuale i ndihmojnë përdoruesit të formojnë një hartë mendore të aplikacionit, duke e bërë kalimin midis pajisjeve pa probleme.


Ai gjithashtu zvogëlon paranojën e panevojshme gjatë aktiviteteve të caktuara të transaksioneve, si përdorimi i dy pajisjeve të ndryshme për të skanuar kodet QR dhe adresat e portofolit të hyrjes.


Project Schrodinger, një platformë AI NFT që ka përdorues që adoptojnë macet dixhitale për tregti, shfaq qëndrueshmërinë në përvojë dhe elementet e ndërfaqes së përdoruesit në të gjitha llojet e pajisjeve


5. Siguria dhe privatësia

Siguria nuk mund të nënvlerësohet në Web3, pasi përdoruesit shpesh menaxhojnë asete të vlefshme dixhitale (imagjinoni vëllimin e madh të lëvizur vetëm nga balenat). Jepini përparësi metodave të fuqishme të vërtetimit, paralajmërimeve të qarta për rreziqet e mundshme dhe burimeve arsimore mbi praktikat më të mira të sigurisë.


Megjithëse Web3 dhe blockchain njihen për regjistrime të pandryshueshme, mbrojnë përdorimin e teknikave të forta të kriptimit për të mbrojtur të dhënat e përdoruesve dhe komunikojnë qartë masat paraprake për të siguruar përdoruesit. Sigurimi i përmbledhjeve të detajuara të transaksioneve dhe historisë së aktivitetit është gjithashtu një mënyrë për të nxitur sigurinë.

Këshilla praktike për Web3 UX/UI Design

Le t'i përkthejmë këto parime në strategji të zbatueshme të projektimit:

1. Hyrja në bord

Përshtypjet e para kanë rëndësi. Përdoruesit mund të jenë të kujdesshëm ndaj kompleksitetit ose rreziqeve të sigurisë, kështu që do të jetë një praktikë e mirë për të krijuar një proces të qetë dhe tërheqës të hyrjes në bord që udhëzon përdoruesit e rinj përmes elementeve thelbësore të dApp. Merrni parasysh udhëzimet interaktive ose udhëzues hap pas hapi, si brenda aplikacionit ashtu edhe në ueb.


Regjistrimi me një ekran është një qasje klasike që mund të jetë më e përshtatshme për përdoruesit me përvojë të Web3, të cilët tashmë e dinë se çfarë të presin dhe janë të rehatshëm duke u zhytur drejt e në fund.


Ekranet e hyrjes me rrëshqitje mund të jenë ideale për të sapoardhurit; formati i tretshëm i ndihmon ata të absorbojnë veçoritë thelbësore dhe propozimin e vlerës së dApp. Edhe atëherë, një praktikë e mirë është që ta mbani atë në jo më shumë se tre rrëshqitje, pasi çdo hap shtesë rrit lëshimin e përdoruesit.


Hyrja e Portkey përbëhet nga dy hapa: Një ekran mirëseardhjeje, i ndjekur nga një ekran identifikimi ose regjistrimi që ofron metoda të shumta SSO.


2. Integrimi i portofolit Web3

Lidhja e një portofoli kripto është shpesh ndërveprimi i parë real që një përdorues ka me një dApp. Një proces i ngathët i integrimit të portofolit mund të çojë në zhgënjim dhe braktisje. Disa mënyra për ta bërë atë pa probleme përfshijnë:


  • Lidhja me një klikim: Kudo që të jetë e mundur, synoni për një lidhje "me një klik". Përdorni WalletConnect ose protokolle të ngjashme për të minimizuar numrin e hapave të përfshirë.


  • Zbulimi i portofolit: Zbuloni automatikisht kuletat e instaluara të përdoruesit dhe shfaqni në mënyrë të dukshme opsionet e tyre të preferuara


  • Mbështetja e kodit QR: Ofroni skanimin e kodit QR si një metodë alternative lidhjeje, veçanërisht për përdoruesit e celularëve


  • Mbështetje për portofolin e shumëfishtë: Kujdesuni për një gamë të gjerë përdoruesish duke mbështetur kuletat e njohura si MetaMask, Coinbase Wallet, Trust Wallet, Argent, Rainbow dhe sigurisht, Portkey , portofoli i abstraksionit të llogarisë (AA) i ndërtuar në ekosistemin aelf


  • Udhëzime për të sapoardhurit: Siguroni udhëzime të qarta dhe ndihma vizuale për të udhëhequr përdoruesit gjatë procesit të lidhjes, veçanërisht nëse ata janë të rinj në portofolin Web3


  • Përkujtuesit e sigurisë: Shfaqni kujtesa të qarta dhe koncize të sigurisë gjatë procesit të lidhjes, duke theksuar rëndësinë e mbrojtjes së çelësave të tyre privatë.


Lidhja e portofolit me një klikim në ETransfer, me mbështetje për kodin QR


3. Integrimi i njohjes së klientit (KYC).

Ndërsa decentralizimi është një parim thelbësor i Web3, shumë aplikacione dApp, veçanërisht ato që kanë të bëjnë me transaksione financiare ose të dhëna të ndjeshme, kërkojnë që proceset Njih klientin tënd (KYC) të jenë në përputhje me rregulloret dhe të garantojnë sigurinë.


  • Transparenca dhe qartësia: Shpjegoni qartë pse kërkohet KYC dhe si do të trajtohen të dhënat e përdoruesit. Tregohuni paraprakisht për informacionin që do të mblidhet dhe se si do të përdoret.


  • Procesi i thjeshtuar: Bëjeni procesin KYC sa më efikas që të jetë e mundur. Minimizoni numrin e hapave dhe sasinë e informacionit të kërkuar.


  • Trajtimi i sigurt i të dhënave: Theksoni masat e sigurisë të vendosura për të mbrojtur të dhënat e përdoruesit. Merrni parasysh përdorimin e zgjidhjeve të decentralizuara të identitetit për të përmirësuar privatësinë.


  • Verifikimi miqësor për përdoruesit: Integrohuni me ofrues të besueshëm KYC që ofrojnë një përvojë verifikimi të qetë dhe miqësore për përdoruesit


  • Pastroni komentet dhe përditësimet e statusit: Mbani përdoruesit të informuar gjatë gjithë procesit KYC. Jepni reagime të qarta për statusin e verifikimit të tyre dhe çdo veprim të kërkuar.

4. Rrjedhat e transaksioneve

Transaksionet janë në qendër të shumicës së ndërveprimeve Web3. Thjeshtoni flukset e transaksioneve duke ofruar shpjegime të qarta për tarifat e gazit, kohën e vlerësuar të transaksionit dhe hapat e konfirmimit.


  • Qartësia vizuale: Përdorni shenja të qarta vizuale për të theksuar informacionin kryesor si shumat e transaksionit, tarifat e gazit, tarifat e rrjetit dhe kohën e vlerësuar të përfundimit


  • Komentet në kohë reale: Përdor ngarkuesit, shiritat e përparimit ose njoftimet e statusit për t'u dhënë përdoruesve përditësime të transaksioneve në kohë reale


  • Përditësimet dinamike të çmimeve: Për transaksionet që përfshijnë shkëmbime shenjash ose tregtime, shfaq përditësime dinamike të çmimeve për të pasqyruar luhatjet e tregut. Përfshini mohime të qarta për paqëndrueshmërinë e çmimeve dhe ndikimin e tij të mundshëm në shumën e transaksionit përfundimtar.


  • Përpunimi në sfond: Sa herë që është e mundur, lejojini përdoruesit të lundrojnë larg ekranit të transaksionit dhe të kryejnë aktivitete të tjera brenda dApp ndërsa transaksioni përpunohet në sfond. Jepni njoftime ose sinjalizime pas përfundimit ose nëse ndodh ndonjë gabim.


  • Hapat e konfirmimit: Zbatoni hapa të qartë konfirmimi për të parandaluar transaksionet aksidentale. Kërkoni nga përdoruesit të rishikojnë dhe konfirmojnë në mënyrë eksplicite detajet e transaksionit përpara dorëzimit.


  • Historia e transaksioneve: Siguroni një histori të detajuar të transaksioneve që është lehtësisht e aksesueshme dhe e kërkueshme. Lejo përdoruesit të filtrojnë transaksionet sipas datës, llojit ose statusit.


Kur përdoruesit kalojnë nga Portkey në AwakenSwap për të kryer shkëmbime shenjash, një mohim duket se përfshin një paralajmërim për paqëndrueshmërinë e çmimeve


5. Trajtimi i gabimeve

Gabimet janë të pashmangshme. Në vend që të shfaqni mesazhe të përgjithshme gabimi, jepni udhëzime specifike dhe informuese se si të zgjidhen çështjet - kjo plotësohet më së miri me gjuhë empatike.


  • Mesazhe specifike dhe informative: Shmangni mesazhet e përgjithshme të gabimit si 'Transaksioni dështoi'. Jepni detaje specifike për atë që shkoi keq, si p.sh. "Nuk ka fonde të mjaftueshme për tarifat e gazit" ose "Ka një gabim në lidhjen me rrjetin".


  • Udhëzime kontekstuale: Ofroni udhëzime kontekstuale se si të zgjidhni gabimin. Për shembull, nëse një transaksion dështon për shkak të fondeve të pamjaftueshme, jepni një lidhje të drejtpërdrejtë me portofolin e përdoruesit ose një udhëzues se si të blini më shumë nga kriptomonedha e kërkuar.


  • Parandalimi i gabimeve: Kur është e mundur, zbatoni masat për të parandaluar gabimet në radhë të parë. Përdorni vërtetimin e të dhënave për të siguruar që përdoruesit të futin formatet e sakta të të dhënave dhe të japin paralajmërime të qarta për rreziqet e mundshme përpara se të fillojnë veprimet.


  • Mekanizmat e rikuperimit: Ofroni mekanizma rikuperimi për gabimet e zakonshme. Për shembull, nëse një përdorues fillon një transaksion me një tarifë të ulët gazi që shkakton një vonesë, lejojini ata të 'përshpejtojnë' transaksionin duke paraqitur një të ri me një tarifë më të lartë.


  • Gjuhë miqësore për përdoruesit: Shmangni zhargonin teknik (dmth. Gabimin 404) në mesazhet e gabimit. Përdorni gjuhë bisedore të qartë, koncize dhe të natyrshme që është e lehtë për t'u kuptuar nga të gjithë përdoruesit.


Trajtimi i gabimeve në Projektin Schrodinger dhe ETransfer


6. Këshilla për mjetet dhe shpjeguesit

Mos supozoni se përdoruesit e kuptojnë të gjithë terminologjinë . Merrni parasysh përdorimin bujar të këshillave të veglave ose skedave të informacionit të zgjerueshëm nëpër pikat e kontaktit dixhital; shpjegoni termat komplekse si 'tarifat e gazit', 'kontratat inteligjente', 'rrjetet e bllokimit' ose ' NFT ', në një mënyrë koncize dhe të thjeshtë.


Është gjithashtu një praktikë e mirë të ndërtosh një bankë njohurish ose një FAQ të dedikuar brenda dApp për të vendosur përmbajtje ndihmëse në formë më të gjatë.


Faqja e FAQ e portofolit Portkey


7. Testimi dhe përsëritja

Puna nuk përfundon kurrë, edhe pas nisjes. Testimi dhe përditësimi i zellshëm i dApp për të rregulluar defektet është i dhënë, por është shtylla kurrizore për të vazhduar me nevojat në zhvillim të përdoruesve.


Më herët në artikull, ne përmendëm kërkimin e përdoruesve përmes anketave, intervistave dhe testeve të përdorshmërisë. Është një minierë ari e gjetjeve për të ndihmuar në përmirësimin e përvojës së dApp në një mënyrë të fokusuar.


Testimi A/B dhe fjalë për fjalë nga përdoruesi janë dy nga metodat më të zakonshme për të afirmuar prototipet dhe supozimet e dizajnit UX/UI. Jini të përgatitur të rrotulloheni bazuar në gjetjet dhe mbani gjurmët e asaj që funksionon (dhe çfarë jo).


Këta hapa duhet t'ju afrojnë më shumë me "Yjet e Veriut" të krijimit tuaj.

Në mbyllje: Një këshillë bonusi

Suksesi i dApp-it tuaj mund të varet nga një faktor X. A do ta kujtojnë përdoruesit krijimin tuaj apo do t'i kthehen atij?


Shpërndarja e përvojave të personalizuara mund të jetë përgjigja. Kjo do të thotë që përdoruesit mund të marrin rekomandime të përshtatura ndërsa ndërveprojnë me dApp, bazuar në sjelljen dhe preferencat e tyre. Mund të jetë diçka aq e thjeshtë sa një shkurtore e paracaktuar e funksionit më të përdorur të një përdoruesi, ose sugjerime të porositura për të ndihmuar në një aktivitet. Integrimi i AI mund të ndihmojë me këtë, duke analizuar aktivitetin në zinxhir, duke parashikuar preferencat e përdoruesve dhe madje duke ofruar ndihmë proaktive.


Përvojat dhe ndërfaqet e përqendruara te përdoruesi shtrihen gjithashtu në softuerët dhe platformat ku punojnë zhvilluesit dhe projektuesit - ndërtuesit janë edhe vetë përdoruesit.


Nëse po ndërtoni mbi aelf , një blockchain me inteligjencë artificiale të nivelit 1 me performancë të lartë, paketa e tij e veglave të AI dhe lehtësia e përdorimit të mjedisit të integruar të zhvillimit të aelf Playground e heq lodhjen nga procesi i ndërtimit, kështu që ju dhe ekipi juaj mund të përqendroheni vetëm në dizajnimin përvoja më e mirë e mundshme e përdoruesit.


*Mohimi i përgjegjësisë: Informacioni i dhënë në këtë blog nuk përbën këshilla investimi, këshilla financiare, këshilla tregtare ose ndonjë formë tjetër këshillimi profesional. aelf nuk jep asnjë garanci ose garanci për saktësinë, plotësinë ose afatin kohor të informacionit në këtë blog. Ju nuk duhet të merrni asnjë vendim investimi bazuar vetëm në informacionin e dhënë në këtë blog. Gjithmonë duhet të konsultoheni me një këshilltar të kualifikuar financiar ose ligjor përpara se të merrni ndonjë vendim investimi.


Rreth elfit

aelf, blockchain-i pionier i Layer 1, përmban sisteme modulare, përpunim paralel, arkitekturë vendase në cloud dhe teknologji me shumë zinxhirë anësor për shkallëzim të pakufizuar. E themeluar në vitin 2017 me qendrën e saj globale me qendër në Singapor, aelf është i pari në industri që udhëheq Azinë në zhvillimin e blockchain me integrimin më të fundit të AI, duke e transformuar blockchain në një ekosistem më të zgjuar dhe vetë-evolues.


aelf lehtëson ndërtimin, integrimin dhe vendosjen e kontratave inteligjente dhe aplikacioneve të decentralizuara (dApps) në zinxhirin e tij të bllokut të Layer 1 me kompletin e tij të zhvillimit të softuerit C# (SDK) dhe SDK-të në gjuhë të tjera, duke përfshirë Java, JS, Python dhe Go. ekosistemi i aelf strehon gjithashtu një sërë dApps për të mbështetur një rrjet të lulëzuar blockchain. aelf është e përkushtuar për të nxitur inovacionin brenda ekosistemit të saj dhe mbetet i përkushtuar për të nxitur zhvillimin e Web3, blockchain dhe adoptimin e teknologjisë AI.


Mësoni më shumë rreth aelf dhe qëndroni të lidhur me komunitetin tonë:

Faqja e internetit | X | Telegram | Mosmarrëveshje