paint-brush
Kijan pou Desine Aplikasyon Web3 ki Santre sou Itilizatè (DApps): Konsèy ak Trikpa@aelfblockchain
3,012 lekti
3,012 lekti

Kijan pou Desine Aplikasyon Web3 ki Santre sou Itilizatè (DApps): Konsèy ak Trik

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

Twò lontan; Pou li

Ranmase konsèy ak ke trik nouvèl pou konsepsyon dApps Web3 ki pi fasil pou itilizatè yo. Anplis, aprann kijan AI pèsonalize Web3 UX/UI. Pataje pa aelf, Layer 1 AI blockchain.
featured image - Kijan pou Desine Aplikasyon Web3 ki Santre sou Itilizatè (DApps): Konsèy ak Trik
aelf HackerNoon profile picture

Nan chanjman ralanti men asire w soti nan Web2 a Web3 , aplikasyon desantralize (dApps) pwomèt yo dwe yon etap pi wo pase tokay Web2 yo ak pi gwo otonòm itilizatè yo ak pwopriyetè done.


Men, prensip tradisyonèl yo nan UX/UI (sa vle di, eleman koòdone ki konsistan, lis itilizatè abònman, lang kout) toujou kenbe valè; sou lòt bò a, gen defi inik fè fas a konsèpteur UX/UI ak devlopè k ap fè efò pou kreye eksperyans itilizatè enteresan nan dApps.


An reyalite, yon estatistik te montre ke sèlman 25% nan itilizatè Web3 santi yo gen konfyans sou lè l sèvi avèk aplikasyon desantralize.


Itilizatè yo ap tann plis otonomi, mande entèfas entwisyon ki pèmèt yo navige konsèp konplèks Web3 ak rezo san efò.


Devlopè Web3 souvan mande pou kolaborasyon sere ak konsèpteur yo reyalize kreyasyon yo; nati a desantralize nan Web3 envite yo repanse varyab konpòtman moun tankou faktè a konfyans, konsidere ke dApps pa konte sou entèmedyè ak ajans santralize yo.

Ki sa ki fè yon itilizatè Web3 tik?

Kontrèman ak aplikasyon entènèt tradisyonèl yo, Web3 akeyi yon odyans divès, soti nan amater kript ki gen eksperyans ak fèk vini ki mouye pye yo nan DeFi . Lè w ap desine yon dApp, konsidere divès nivo konpreyansyon teknik sa yo.


  • Crypto-natives : Itilizatè sa yo konfòtab ak konsèp tankou bous, kle prive , ak frè gaz. Yo ka bay priyorite karakteristik avanse ak opsyon personnalisation.


  • Nouvo : itilizatè sa yo ka pa abitye ak tèminoloji blockchain epi yo mande pou eksplikasyon klè ak konsèy. Senplisite ak fasilite nan itilizasyon yo esansyèl pou gwoup sa a.

Prensip kle nan konsepsyon entwisyon pou Web3

Lè w ap fouye nan konsepsyon entwisyon an pou Web3 ak blockchain dApps , konprann mantalite itilizatè a ak vwayaj la vin esansyèl. Kòmanse pa konsidere modèl mantal odyans ou a. Èske yo nouvo nan teknoloji blockchain oswa veteran nan espas la?


Designing ak nivo konesans yo nan tèt ou ka dramatikman amelyore itilizasyon.

1. Pote Web2 abitye nan Web3

Port sou metafò ak workflows soti nan Web2 kote ki enpòtan. Sa a pa vle di ou ta dwe timid lwen eleman inovatè nan Web3, men pito mare nan konpozan UI tradisyonèl yo. Abitye kraze baryè; lè itilizatè yo rekonèt modèl yo, yo navige pi fasil ak konfyans.

2. Mwens se plis

Lide Web3 tèt li deja... anpil. Klè ak senplisite ta dwe gide chwa konsepsyon. Layout konfizyon ka deraye angajman itilizatè. Olye de sa, vize pou yon koòdone pwòp, dekonpoze ki mete aksan sou karakteristik debaz yo. Eleman esansyèl yo ta dwe devan ak sant, diminye chaj mantal epi ede itilizatè yo pran desizyon rapid.


aelfscan, yon eksploratè blockchain, montre senplisite nan koòdone li yo


3. Feedback Loop

Yon lòt aspè enpòtan se fidbak. Nan yon dApp, chak aksyon, tankou yon tranzaksyon swap oswa antre done, yo ta dwe rekonèt atravè fidbak tankou ekran konfimasyon evidan oswa animasyon. Nan menm sans la, ta dwe gen fidbak enstantane ak ofrann solisyon lè itilizatè yo frape nan mesaj erè (oswa, nan langaj UX / UI, 'chemen malere').


Sa a rasire itilizatè yo ke aksyon yo anrejistre ak efikas, bati yon sans konfyans ak fyab.

4. Eksperyans konsistan atravè kalite aparèy

Tankou pifò aplikasyon Web2, dApps kouri sou mobil, Desktop, ak tablèt. Konsepsyon pou konsistans atravè divès platfòm amelyore eksperyans itilizatè a. Kit sou yon aplikasyon Desktop oswa koòdone mobil, navigasyon ki konsistan ak siyal vizyèl ede itilizatè yo fòme yon kat mantal nan aplikasyon an, fè tranzisyon an ant aparèy san pwoblèm.


Li tou koupe paranoya ki pa nesesè pandan sèten aktivite tranzaksyon, tankou lè l sèvi avèk de aparèy diferan pou eskane kòd QR ak antre adrès bous.


Pwojè Schrodinger, yon platfòm AI NFT ki gen itilizatè yo adopte chat dijital pou echanj, montre konsistans nan eksperyans ak eleman UI atravè kalite aparèy.


5. Sekirite ak konfidansyalite

Sekirite pa ka minimize nan Web3, paske itilizatè yo souvan jere bonjan byen dijital (imajine volim nan absoli deplase pa balèn pou kont li). Priyorite metòd otantifikasyon solid, avètisman klè sou risk potansyèl yo, ak resous edikatif sou pi bon pratik sekirite.


Malgre ke Web3 ak blockchain yo li te ye pou dosye imuiabl, defann itilizasyon teknik chifreman fò pou pwoteje done itilizatè yo, epi byen klè kominike prekosyon pou rasire itilizatè yo. Bay rezime tranzaksyon detaye ak istwa aktivite se tou yon fason pou ankouraje rasirans.

Konsèy pratik pou Web3 UX/UI Design

Ann tradwi prensip sa yo nan estrateji konsepsyon aksyonab:

1. Onboarding

Premye enpresyon enpòtan. Itilizatè yo ta ka mefye de konpleksite oswa risk sekirite, kidonk li pral yon bon pratik yo kreye yon pwosesis abònman ki lis ak angaje ki gide nouvo itilizatè yo atravè esansyèl yo nan dApp. Konsidere leson patikilye entèaktif oswa gid etap pa etap, tou de nan-app ak sou entènèt la.


Enskripsyon yon sèl ekran se yon apwòch klasik ki ka pi apwopriye pou itilizatè Web3 ki gen eksperyans ki deja konnen kisa pou atann, epi ki konfòtab plonje tou dwat nan epè a nan li.


Ekran onboarding swipeable ka ideyal pou fèk vini; fòma dijèstibl la ede yo absòbe karakteristik debaz yo ak pwopozisyon valè nan dApp la. Menm lè sa a, yon bon pratik se kenbe li nan pa plis pase twa glise, kòm chak etap adisyonèl ogmante depoze itilizatè.


Enskripsyon Portkey a konsiste de de etap: Yon ekran akeyi, ki te swiv pa yon ekran konekte oswa enskri ki ofri plizyè metòd SSO.


2. Web3 Wallet Entegrasyon

Konekte yon bous crypto se souvan premye entèraksyon reyèl yon itilizatè genyen ak yon dApp. Yon pwosesis entegrasyon bous maladwa ka mennen nan fristrasyon ak abandon. Gen kèk fason pou fè li san pwoblèm yo enkli:


  • Konekte yon sèl-klike: Kèlkeswa kote sa posib, vize pou yon koneksyon 'yon-klike'. Sèvi ak WalletConnect oswa pwotokòl menm jan an pou minimize kantite etap ki enplike.


  • Deteksyon bous: Otomatikman detekte bous itilizatè a enstale epi montre opsyon pi pito yo byen klè


  • Sipò QR kòd: Ofri QR kòd optik kòm yon metòd koneksyon altènatif, espesyalman pou itilizatè mobil


  • Sipò pou bous miltip: Apwovizyone yon pakèt itilizatè lè yo sipòte bous popilè tankou MetaMask, Coinbase Wallet, Trust Wallet, Argent, Rainbow, ak nan kou, Portkey , kont abstraksyon (AA) bous ki bati sou ekosistèm aelf la.


  • Gid pou fèk vini yo: Bay enstriksyon klè ak èd vizyèl pou gide itilizatè yo atravè pwosesis koneksyon an, espesyalman si yo nouvo nan bous Web3.


  • Rapèl sekirite: Montre rapèl sekirite klè ak kout pandan pwosesis koneksyon an, mete aksan sou enpòtans pou pwoteje kle prive yo.


Koneksyon bous yon sèl-klike sou ETransfer, ak sipò kòd QR


3. Konnen-Ou-Kliyan (KYC) Entegrasyon

Pandan ke desantralizasyon se yon prensip debaz nan Web3, anpil dApps, espesyalman sa yo ki fè fas ak tranzaksyon finansye oswa done sansib, mande pou pwosesis Konnen Kliyan ou (KYC) konfòme yo ak règleman yo epi asire sekirite.


  • Transparans ak klè: Eksplike klèman poukisa KYC nesesè ak kijan done itilizatè yo pral okipe. Fè premye enfòmasyon yo pral kolekte epi kijan yo pral itilize yo.


  • Pwosesis senplifye: Fè pwosesis KYC efikas ke posib. Minimize kantite etap ak kantite enfòmasyon ki nesesè yo.


  • Sekirize manyen done: Mete aksan sou mezi sekirite ki an plas pou pwoteje done itilizatè yo. Konsidere itilize solisyon idantite desantralize pou amelyore vi prive.


  • Verifikasyon fasil pou itilizatè: Entegre ak founisè KYC serye ki ofri yon eksperyans verifikasyon lis ak zanmitay.


  • Klè fidbak ak dènye nouvèl sou sitiyasyon: Kenbe itilizatè yo enfòme pandan tout pwosesis KYC la. Bay fidbak klè sou estati verifikasyon yo ak nenpòt aksyon ki nesesè yo.

4. Koule Tranzaksyon yo

Tranzaksyon yo nan kè pifò entèraksyon Web3 yo. Senplifye koule tranzaksyon yo lè w bay eksplikasyon klè sou frè gaz yo, estimasyon tan tranzaksyon yo, ak etap konfimasyon yo.


  • Klè vizyèl: Sèvi ak siyal vizyèl klè pou mete aksan sou enfòmasyon kle tankou kantite tranzaksyon yo, frè gaz, frè rezo a, ak tan yo te estime yo fini.


  • Feedback an tan reyèl: Sèvi ak chajè, ba pwogrè, oswa notifikasyon sitiyasyon pou bay itilizatè yo mizajou tranzaksyon an tan reyèl


  • Mizajou pri dinamik: Pou tranzaksyon ki enplike echanj siy oswa echanj, montre mizajou pri dinamik pou reflete fluctuations mache. Mete avètisman klè sou volatilité pri ak enpak potansyèl li sou kantite final tranzaksyon an.


  • Pwosesis background: Chak fwa sa posib, pèmèt itilizatè yo navige lwen ekran tranzaksyon an epi fè lòt aktivite nan dApp a pandan y ap trete tranzaksyon an nan background nan. Bay notifikasyon oswa alèt lè w fini oswa si nenpòt erè rive.


  • Etap konfimasyon: Aplike etap konfimasyon klè pou anpeche tranzaksyon aksidan. Mande itilizatè yo revize ak konfime klèman detay tranzaksyon yo anvan soumèt.


  • Istwa tranzaksyon: Bay yon istwa tranzaksyon detaye ki fasil pou jwenn ak rechèch. Pèmèt itilizatè yo filtre tranzaksyon yo pa dat, kalite oswa estati.


Lè itilizatè yo chanje soti nan Portkey a AwakenSwap pou fè echanj siy, yon eksklizyon parèt genyen yon avètisman sou volatilité pri.


5. Manyen erè

Erè yo inevitab. Olye pou yo montre mesaj erè jenerik, bay konsèy espesifik ak enfòmatif sou fason pou rezoud pwoblèm-sa a pi byen konplete ak langaj senpati.


  • Mesaj espesifik ak enfòmatif: Evite mesaj erè jenerik tankou 'Tranzaksyon echwe'. Bay detay espesifik sou sa ki mal, tankou 'Pa ase lajan pou frè gaz' oswa 'Genyen yon erè koneksyon rezo'.


  • Gid kontèks: Ofri konsèy kontèks sou fason pou rezoud erè a. Pou egzanp, si yon tranzaksyon echwe akòz lajan ensifizan, bay yon lyen dirèk nan bous itilizatè a oswa yon gid sou kòman yo jwenn plis nan lajan kript ki nesesè yo.


  • Prevansyon erè: Chak fwa sa posib, aplike mezi pou anpeche erè an premye. Sèvi ak validation opinyon pou asire itilizatè yo antre nan fòma done kòrèk, epi bay avètisman klè sou risk potansyèl yo anvan yo kòmanse aksyon.


  • Mekanis rekiperasyon: Ofri mekanis rekiperasyon pou erè komen. Pou egzanp, si yon itilizatè kòmanse yon tranzaksyon ak yon frè gaz ki ba ki lakòz yon reta, pèmèt yo 'akselere' tranzaksyon an lè yo soumèt yon nouvo ak yon frè ki pi wo.


  • Lang fasil pou itilizatè: Evite jagon teknik (sa vle di, Erè 404) nan mesaj erè. Sèvi ak langaj konvèsasyon klè, kout, ak natirèl ki fasil pou tout itilizatè yo konprann.


Erè jere sou Pwojè Schrodinger ak ETransfer


6. Konsèy zouti ak Eksplikasyon

Pa sipoze itilizatè yo konprann tout tèminoloji yo. Konsidere itilizasyon jenere konsèy zouti oswa onglet enfòmasyon dilatabl atravè touchpoints dijital yo; eksplike tèm konplèks tankou 'frè gaz', 'kontra entelijan', 'rezo blockchain', oswa ' NFT ', nan yon fason kout ak pwofàn.


Li se yon bon pratik tou pou konstwi yon bank konesans oswa yon FAQ dedye nan dApp a pou mete kontni èd ki pi long.


FAQ paj Portkey wallet la


7. Tès ak iterasyon

Travay la pa janm fini, menm apre lansman. Tès ak dilijans ak mete ajou dApp a pou ranje ensèk se yon bagay ki bay, men li se kolòn vètebral la nan kenbe moute ak evolye bezwen itilizatè yo.


Byen bonè nan atik la, nou mansyone rechèch itilizatè atravè sondaj, entèvyou, ak tès itilizasyon. Li se yon min lò nan konklizyon yo ede amelyore eksperyans nan dApp nan yon fason konsantre.


Tès A/B ak itilizatè mo pou mo se de nan metòd ki pi komen pou afime pwototip konsepsyon UX/UI ak sipozisyon. Prepare pou pivote baze sou rezilta yo, epi kenbe tras de sa ki travay (ak sa ki pa).


Etap sa yo ta dwe mennen ou pi pre 'North Stars' kreyasyon ou a.

Nan Fèmti: Yon Konsèy Bonis

Siksè dApp ou a ka depann sou yon faktè X. Èske itilizatè yo sonje kreyasyon ou a oswa yo pral retounen sou li?


Livre eksperyans pèsonalize ta ka repons lan. Sa vle di itilizatè yo ka jwenn rekòmandasyon adapte yo pandan y ap kominike avèk dApp a, ki baze sou konpòtman yo ak preferans yo. Li ta ka yon bagay ki senp tankou yon rakoursi pre-mete nan fonksyon ki pi souvan itilize yon itilizatè a, oswa sijesyon Sur mesure pou ede nan yon aktivite. Entegrasyon AI ka ede ak sa, lè li analize aktivite sou chèn, predi preferans itilizatè yo, e menm ofri asistans pwoaktif.


Eksperyans ak koòdone ki santre sou itilizatè yo tou pwolonje nan lojisyèl ak platfòm devlopè yo ak konsèpteur yo travay sou—mason yo se itilizatè tèt yo tou.


Si w ap bati sou aelf , yon gwo pèfòmans Kouch 1 AI blockchain , zouti AI li yo ak zanmitay itilizasyon anviwònman devlopman entegre aelf Playground retire fatigan nan pwosesis konstriksyon an, kidonk ou menm ak ekip ou a ka konsantre sèlman sou konsepsyon. pi bon eksperyans itilizatè posib.


* Limit responsabilite nou: Enfòmasyon yo bay sou blog sa a pa konstitye konsèy envestisman, konsèy finansye, konsèy komès, oswa nenpòt lòt fòm konsèy pwofesyonèl. aelf pa fè okenn garanti oswa garanti sou presizyon, konplè, oswa ponktyalite enfòmasyon ki sou blog sa a. Ou pa ta dwe pran okenn desizyon envestisman ki baze sèlman sou enfòmasyon yo bay sou blog sa a. Ou ta dwe toujou konsilte avèk yon konseye finansye oswa legal ki kalifye anvan ou pran nenpòt desizyon envestisman.


Konsènan aelf

aelf, pyonye Layer 1 blockchain, gen sistèm modilè, pwosesis paralèl, achitekti nwaj natif natal, ak teknoloji milti-sidechain pou évolutivité san limit. Te fonde an 2017 ak sant mondyal li ki baze nan Singapore, aelf se premye a nan endistri a ki mennen Azi nan evolye blockchain ak entegrasyon AI dènye modèl, transfòme blockchain nan yon ekosistèm pi entelijan ak pwòp tèt ou evolye.


aelf fasilite konstriksyon, entegre, ak deplwaye kontra entelijan ak apps desantralize (dApps) sou kouch 1 blòk li yo ak twous devlopman lojisyèl C# natif natal li (SDK) ak SDK nan lòt lang, tankou Java, JS, Python, ak Go. Ekosistèm aelf a tou gen yon seri dApps pou sipòte yon rezo blockchain k ap devlope. aelf pran angajman pou ankouraje inovasyon nan ekosistèm li yo epi li rete dedye pou kondwi devlopman Web3, blockchain, ak adopsyon teknoloji AI.


Jwenn plis enfòmasyon sou aelf, epi rete konekte ak kominote nou an:

Sit wèb | X | Telegram | Diskòd