paint-brush
Kaip sukurti į vartotoją orientuotas žiniatinklio 3 programas (DApps): patarimai ir gudrybėspateikė@aelfblockchain
3,181 skaitymai
3,181 skaitymai

Kaip sukurti į vartotoją orientuotas žiniatinklio 3 programas (DApps): patarimai ir gudrybės

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

Per ilgai; Skaityti

Gaukite patarimų ir gudrybių, kaip sukurti patogiausias Web3 dApps. Be to, sužinokite, kaip dirbtinis intelektas suasmenina Web3 UX / vartotojo sąsają. Bendrina aelf, 1 sluoksnio AI blokų grandinė.
featured image - Kaip sukurti į vartotoją orientuotas žiniatinklio 3 programas (DApps): patarimai ir gudrybės
aelf HackerNoon profile picture

Lėtai, bet užtikrintai pereinant nuo „Web2“ prie „Web3“ , decentralizuotos programos (dApps) žada būti žingsnis į priekį, palyginti su Web2 analogais, suteikiant daugiau vartotojų teisių ir duomenų nuosavybės.


Nepaisant to, tradiciniai UX/UI principai (ty nuoseklūs sąsajos elementai, sklandus vartotojo įsijungimas, glausta kalba) vis dar turi vertę; Kita vertus, yra unikalių iššūkių, su kuriais susiduria UX/UI dizaineriai ir kūrėjai, siekiantys sukurti patrauklią naudotojo patirtį naudojant dApps.


Tiesą sakant, statistika parodė, kad tik 25 % Web3 vartotojų jaučiasi įsitikinę, kad naudojasi decentralizuotomis programomis.


Vartotojai tikisi daugiau savarankiškumo, reikalauja intuityvių sąsajų, leidžiančių be vargo naršyti sudėtingose Web3 koncepcijose ir tinkluose.


Web3 kūrėjai dažnai reikalauja glaudaus bendradarbiavimo su dizaineriais, kad galėtų realizuoti savo kūrinius; Decentralizuotas Web3 pobūdis skatina juos permąstyti žmogaus elgesio kintamuosius, tokius kaip pasitikėjimo faktorius, atsižvelgiant į tai, kad dApps nebepasikliauja tarpininkais ir centralizuotomis agentūromis.

Kas priverčia Web3 vartotoją pažymėti?

Skirtingai nuo tradicinių žiniatinklio programų, „Web3“ skirta įvairiai auditorijai – nuo patyrusių kriptovaliutų entuziastų iki naujokų, sušlapusių kojas „DeFi“ . Kurdami dApp, atsižvelkite į šiuos skirtingus techninio supratimo lygius.


  • Vietiniai kriptovaliutai : šie vartotojai yra patenkinti tokiomis sąvokomis kaip piniginės, privatūs raktai ir mokesčiai už dujas. Jie gali teikti pirmenybę išplėstinėms funkcijoms ir tinkinimo parinktims.


  • Naujokai : Šie vartotojai gali būti nepažįstami „blockchain“ terminologija ir jiems reikia aiškių paaiškinimų bei nurodymų. Šiai grupei svarbiausia yra paprastumas ir naudojimo paprastumas.

Pagrindiniai intuityvaus Web3 dizaino principai

Gilinantis į intuityvų „Web3“ ir „blockchain dApps“ dizainą, labai svarbu suprasti vartotojo mąstyseną ir kelionę. Pradėkite apsvarstydami savo auditorijos psichinį modelį. Ar jie „blockchain“ technologijų naujokai ar erdvės veteranai?


Projektavimas atsižvelgiant į jų žinių lygį gali žymiai pagerinti naudojimo patogumą.

1. Perkelkite Web2 pažintį į Web3

Jei reikia, perkelkite metaforas ir darbo eigas iš Web2. Tai nereiškia, kad turėtumėte vengti naujoviškų Web3 elementų, o naudoti tradicinius vartotojo sąsajos komponentus. Pažintis sugriauna barjerus; kai vartotojai atpažįsta modelius, jie naršo lengviau ir užtikrinčiau.

2. Mažiau yra daugiau

Pati Web3 idėja jau... daug. Aiškumas ir paprastumas turėtų padėti pasirinkti dizainą. Painiai išdėstymai gali sugadinti naudotojų įsitraukimą. Vietoj to, stenkitės sukurti švarią, neperkrautą sąsają, pabrėžiančią pagrindines funkcijas. Esminiai elementai turėtų būti priekyje ir centre, sumažinant pažinimo apkrovą ir padedant vartotojams greitai priimti sprendimus.


„aelfscan“, „blockchain“ tyrinėtojas, parodo savo sąsajos paprastumą


3. Grįžtamasis ryšys

Kitas svarbus aspektas yra grįžtamasis ryšys. dApp programoje kiekvienas veiksmas, pvz., apsikeitimo sandoris ar duomenų įvedimas, turėtų būti patvirtintas naudojant grįžtamąjį ryšį, pvz., akivaizdžius patvirtinimo ekranus ar animacijas. Lygiai taip pat turėtų būti momentinis grįžtamasis ryšys ir sprendimų pasiūlymai, kai vartotojai susiduria su klaidų pranešimais (arba, kalbant UX/UI kalba, „nelaimingi keliai“).


Tai užtikrina naudotojus, kad jų veiksmai yra užfiksuoti ir veiksmingi, todėl atsiranda pasitikėjimo ir patikimumo jausmas.

4. Nuosekli įvairių tipų įrenginių patirtis

Kaip ir dauguma Web2 programų, dApps veikia mobiliuosiuose, staliniuose ir planšetiniuose kompiuteriuose. Sukūrimas nuosekliai įvairiose platformose pagerina vartotojo patirtį. Nesvarbu, ar naudojate darbalaukio programą, ar mobiliąją sąsają, nuosekli navigacija ir vaizdiniai nurodymai padeda vartotojams sudaryti galvoje programos žemėlapį, todėl perėjimas tarp įrenginių yra sklandus.


Tai taip pat sumažina nereikalingą paranoją tam tikros operacijos metu, pavyzdžiui, naudojant du skirtingus įrenginius QR kodams nuskaityti ir piniginės adresams įvesti.


Projektas Schrodinger, dirbtinio intelekto NFT platforma, kurioje vartotojai naudojasi skaitmeninėmis katėmis prekybai, demonstruoja patirties nuoseklumą ir vartotojo sąsajos elementus įvairiuose įrenginių tipuose.


5. Saugumas ir privatumas

„Web3“ saugumo negalima nuvertinti, nes vartotojai dažnai valdo vertingą skaitmeninį turtą (įsivaizduokite, kiek banginių perkelia vien tik banginiai). Pirmenybę teikite patikimiems autentifikavimo metodams, aiškiems įspėjimams apie galimą riziką ir mokomiesiems ištekliams apie geriausią saugos praktiką.


Nors „Web3“ ir „blockchain“ yra žinomi dėl nekintamų įrašų, pasisako už stiprių šifravimo metodų naudojimą, siekiant apsaugoti vartotojo duomenis, ir aiškiai praneša apie atsargumo priemones, kad nuramintų vartotojus. Išsamios operacijų suvestinės ir veiklos istorijos pateikimas taip pat yra būdas užtikrinti pasitikėjimą.

Praktiniai Web3 UX/UI dizaino patarimai

Paverskime šiuos principus įgyvendinamomis dizaino strategijomis:

1. Priėmimas

Pirmas įspūdis svarbus. Vartotojai gali būti atsargūs dėl sudėtingumo ar saugos rizikos, todėl bus gera praktika sukurti sklandų ir patrauklų prisijungimo procesą, kuris padėtų naujiems naudotojams susipažinti su pagrindiniais dApp dalykais. Apsvarstykite interaktyvias mokymo programas arba nuoseklius vadovus, tiek programoje, tiek žiniatinklyje.


Vieno ekrano registracija yra klasikinis metodas, kuris gali būti tinkamesnis patyrusiems Web3 naudotojams, kurie jau žino, ko tikėtis, ir jaučiasi patogiai pasinerti į viską.


Perbraukiami įjungimo ekranai gali būti idealūs naujokams; lengvai virškinamas formatas padeda jiems įsisavinti pagrindines dApp funkcijas ir vertės pasiūlymą. Net ir tada geriausia daryti ne daugiau kaip tris braukimus, nes kiekvienas papildomas veiksmas padidina naudotojų iškritimą.


„Portkey“ įdiegimas susideda iš dviejų žingsnių: pasisveikinimo ekranas, po kurio rodomas prisijungimo arba prisiregistravimo ekranas, kuriame siūlomi keli SSO metodai.


2. Web3 piniginės integravimas

Kriptografinės piniginės prijungimas dažnai yra pirmoji tikroji vartotojo sąveika su dApp. Nepatogus piniginės integravimo procesas gali sukelti nusivylimą ir apleidimą. Kai kurie būdai, kaip tai padaryti sklandžiai, yra šie:


  • Prisijungimas vienu spustelėjimu: kur tik įmanoma, siekite „vieno paspaudimo“ ryšio. Naudokite „WalletConnect“ ar panašius protokolus, kad sumažintumėte atliekamų veiksmų skaičių.


  • Piniginės aptikimas: automatiškai aptikkite vartotojo įdiegtas pinigines ir aiškiai parodykite pageidaujamas parinktis


  • QR kodo palaikymas: pasiūlykite QR kodo nuskaitymą kaip alternatyvų prisijungimo būdą, ypač mobiliųjų įrenginių naudotojams


  • Kelių piniginių palaikymas: pritaikykite platų vartotojų ratą, palaikydami tokias populiarias pinigines kaip MetaMask, Coinbase Wallet, Trust Wallet, Argent, Rainbow ir, žinoma, Portkey , sąskaitos abstrakcijos (AA) piniginę, sukurtą remiantis aelf ekosistema.


  • Nurodymai naujokams: pateikite aiškias instrukcijas ir vaizdines priemones, kurios padės naudotojams pereiti prie prisijungimo proceso, ypač jei jie dar naujokai naudojasi Web3 piniginėmis


  • Saugumo priminimai: prisijungimo proceso metu rodykite aiškius ir glaustus saugos priminimus, pabrėždami privačių raktų apsaugos svarbą.


„ETransfer“ piniginės prijungimas vienu spustelėjimu su QR kodo palaikymu


3. Pažink savo klientą (KYC) integracija

Nors decentralizavimas yra pagrindinis „Web3“ principas, daugeliui „dApps“, ypač susijusių su finansinėmis operacijomis ar neskelbtinais duomenimis, reikalingi „Pažink savo klientą“ (KYC) procesai, kad jie atitiktų taisykles ir užtikrintų saugumą.


  • Skaidrumas ir aiškumas: aiškiai paaiškinkite, kodėl reikalingas KYC ir kaip bus tvarkomi naudotojo duomenys. Būkite iš anksto informuoti, kokia informacija bus renkama ir kaip ji bus naudojama.


  • Supaprastintas procesas: padarykite KYC procesą kuo efektyvesnį. Sumažinkite žingsnių skaičių ir reikalingos informacijos kiekį.


  • Saugus duomenų tvarkymas: pabrėžkite saugumo priemones, skirtas apsaugoti vartotojo duomenis. Apsvarstykite galimybę naudoti decentralizuotus tapatybės sprendimus, kad padidintumėte privatumą.


  • Patogus patvirtinimas: integruokite su patikimais KYC teikėjais, kurie siūlo sklandų ir patogų patvirtinimą


  • Aiškūs atsiliepimai ir būsenos atnaujinimai: informuokite vartotojus viso KYC proceso metu. Pateikite aiškius atsiliepimus apie jų patvirtinimo būseną ir visus būtinus veiksmus.

4. Sandorių srautai

Sandoriai yra daugumos Web3 sąveikų pagrindas. Supaprastinkite operacijų srautus pateikdami aiškius dujų mokesčių paaiškinimus, numatomus sandorių laikus ir patvirtinimo veiksmus.


  • Vaizdinis aiškumas: naudokite aiškias vaizdines nuorodas, kad pabrėžtumėte pagrindinę informaciją, pvz., operacijų sumas, mokesčius už dujas, tinklo mokesčius ir numatomą užbaigimo laiką.


  • Atsiliepimai realiuoju laiku: naudokite įkroviklius, eigos juostas arba būsenos pranešimus, kad naudotojams pateiktumėte operacijų atnaujinimus realiuoju laiku


  • Dinaminiai kainų atnaujinimai: operacijų, susijusių su žetonų apsikeitimo sandoriais arba sandoriais, atveju rodykite dinaminius kainų atnaujinimus, kad atspindėtų rinkos svyravimus. Įtraukite aiškius atsisakymus dėl kainų nepastovumo ir galimo jo poveikio galutinei sandorio sumai.


  • Fono apdorojimas: kai tik įmanoma, leiskite naudotojams pereiti nuo operacijos ekrano ir atlikti kitą veiklą „dApp“, kol operacija apdorojama fone. Pateikite pranešimus arba įspėjimus, kai baigsite arba įvyks kokių nors klaidų.


  • Patvirtinimo veiksmai: atlikite aiškius patvirtinimo veiksmus, kad išvengtumėte atsitiktinių operacijų. Reikalauti, kad naudotojai peržiūrėtų ir aiškiai patvirtintų išsamią operacijos informaciją prieš pateikdami.


  • Operacijų istorija: pateikite išsamią operacijų istoriją, kuri yra lengvai pasiekiama ir kurioje galima ieškoti. Leiskite vartotojams filtruoti operacijas pagal datą, tipą arba būseną.


Kai naudotojai pereina iš „Portkey“ į „AwakenSwap“, kad atliktų žetonų apsikeitimą, atsakomybės atsisakymas apima įspėjimą apie kainų nepastovumą.


5. Klaidų tvarkymas

Klaidos neišvengiamos. Užuot rodę bendrus klaidų pranešimus, pateikite konkrečias ir informatyvias gaires, kaip išspręsti problemas – tai geriausia papildyti empatiška kalba.


  • Konkretūs ir informatyvūs pranešimai: venkite bendrų klaidų pranešimų, pvz., „Operacija nepavyko“. Pateikite konkrečią informaciją apie tai, kas nutiko ne taip, pvz., „Nepakanka lėšų dujų mokesčiams“ arba „Įvyko tinklo ryšio klaida“.


  • Kontekstinės gairės: pateikite kontekstines gaires, kaip išspręsti klaidą. Pavyzdžiui, jei operacija nepavyksta dėl lėšų trūkumo, pateikite tiesioginę nuorodą į vartotojo piniginę arba vadovą, kaip įsigyti daugiau reikiamos kriptovaliutos.


  • Klaidų prevencija: kai tik įmanoma, pirmiausia imkitės priemonių, kad išvengtumėte klaidų. Naudokite įvesties patvirtinimą, kad įsitikintumėte, jog vartotojai įveda teisingus duomenų formatus, ir prieš pradėdami veiksmus pateikite aiškius įspėjimus apie galimą riziką.


  • Atkūrimo mechanizmai: pasiūlykite atkūrimo mechanizmus įprastoms klaidoms. Pavyzdžiui, jei vartotojas inicijuoja operaciją su mažu dujų mokesčiu, dėl kurio vėluojama, leiskite jam „paspartinti“ operaciją pateikdami naują operaciją su didesniu mokesčiu.


  • Patogi kalba: venkite techninio žargono (ty 404 klaidos) klaidų pranešimuose. Naudokite aiškią, glaustą ir natūralią pokalbio kalbą, kurią lengva suprasti visiems vartotojams.


Klaidos tvarkant „Project Schrodinger“ ir „ETransfer“.


6. Patarimai ir paaiškinimai

Nemanykite, kad vartotojai supranta visą terminologiją . Apsvarstykite galimybę dosniai naudoti patarimus arba išplečiamus informacijos skirtukus skaitmeniniuose kontaktiniuose taškuose; glaustai ir neprofesionaliai paaiškinkite sudėtingus terminus, pvz., „dujų mokesčiai“, „išmaniosios sutartys“, „blockchain tinklai“ arba „ NFT “.


Taip pat gera praktika yra sukurti žinių banką arba tam skirtą DUK „dApp“, kad būtų galima talpinti ilgesnės formos pagalbos turinį.


Portkey piniginės DUK puslapis


7. Testavimas ir iteracija

Darbas niekada nesibaigia, net ir paleidus. Kruopštus dApp testavimas ir atnaujinimas, siekiant ištaisyti klaidas, yra savaime suprantamas dalykas, tačiau tai yra pagrindas neatsilikti nuo besikeičiančių vartotojų poreikių.


Anksčiau straipsnyje minėjome naudotojų tyrimus per apklausas, interviu ir tinkamumo testus. Tai aukso kasykla išvadų, padedančių tikslingai pagerinti „dApp“ patirtį.


A/B testavimas ir vartotojo pažodžiui yra du dažniausiai naudojami UX/UI dizaino prototipų ir prielaidų patvirtinimo metodai. Būkite pasirengę pasisukti, remdamiesi išvadomis, ir stebėkite, kas veikia (o kas ne).


Šie veiksmai turėtų priartinti jus prie jūsų kūrinio „Šiaurės žvaigždės“.

Pabaigoje: Papildomas patarimas

Jūsų dApp sėkmė gali priklausyti nuo X faktoriaus. Ar vartotojai prisimins jūsų kūrinį, ar grįš prie jo?


Suasmenintos patirties teikimas galėtų būti atsakymas. Tai reiškia, kad naudotojai gali gauti pritaikytas rekomendacijas, kai sąveikauja su dApp, atsižvelgdami į jų elgesį ir nuostatas. Tai gali būti kažkas tokio paprasto, kaip iš anksto nustatytas vartotojo dažniausiai naudojamos funkcijos spartusis klavišas arba pagal užsakymą pateikti pasiūlymai, padedantys atlikti veiklą. Dirbtinio intelekto integravimas gali padėti tai padaryti, analizuojant veiklą grandinėje, numatant vartotojų pageidavimus ir netgi siūlant aktyvią pagalbą.


Į vartotoją orientuota patirtis ir sąsajos taip pat apima programinę įrangą ir platformų kūrėjus bei dizainerius – kūrėjai taip pat yra patys vartotojai.


Jei kuriate „aelf“ , didelio našumo Layer 1 AI blokų grandinė , jos AI įrankių rinkinys ir „aelf Playground“ integruotos kūrimo aplinkos patogumas vartotojui sumažina kūrimo procesą, todėl jūs ir jūsų komanda galite sutelkti dėmesį tik į projektavimą. geriausią įmanomą vartotojo patirtį.


* Atsakomybės apribojimas: šiame tinklaraštyje pateikta informacija nėra patarimai dėl investavimo, finansiniai patarimai, prekybos patarimai ar bet kokios kitos formos profesionalūs patarimai. aelf nesuteikia jokių garantijų dėl šiame tinklaraštyje esančios informacijos tikslumo, išsamumo ar savalaikiškumo. Neturėtumėte priimti jokių investicinių sprendimų remdamiesi vien šiame tinklaraštyje pateikta informacija. Prieš priimdami bet kokius investavimo sprendimus, visada turėtumėte pasikonsultuoti su kvalifikuotu finansų arba teisės patarėju.


Apie aelfą

aelf, 1 sluoksnio blokų grandinės pradininkas, pasižymi modulinėmis sistemomis, lygiagrečiu apdorojimu, vietine debesies architektūra ir kelių šoninių grandinių technologija, užtikrinančia neribotą mastelio keitimą. Įkurta 2017 m. su pasauliniu centru Singapūre, „aelf“ yra pirmasis pramonės atstovas, kuris pirmauja Azijoje plėtojant „blockchain“ su pažangiausiu AI integravimu, paverčiant „blockchain“ išmanesne ir savaime besivystančia ekosistema.


„aelf“ palengvina išmaniųjų sutarčių ir decentralizuotų programų (dApps) kūrimą, integravimą ir diegimą savo 1 lygmens blokų grandinėje, naudodama savo C# programinės įrangos kūrimo rinkinį (SDK) ir SDK kitomis kalbomis, įskaitant Java, JS, Python ir Go. „aelf“ ekosistemoje taip pat yra daugybė „dApps“, skirtų klestinčiam „blockchain“ tinklui palaikyti. „aelf“ yra įsipareigojusi skatinti naujoves savo ekosistemoje ir tebėra pasišventusi plėtoti Web3, „blockchain“ ir pritaikyti dirbtinio intelekto technologiją.


Sužinokite daugiau apie aelfą ir palaikykite ryšį su mūsų bendruomene:

Tinklalapis | X | Telegrama | Nesantaika