Ako navrhovať aplikácie Web3 zamerané na používateľa (DApps): tipy a triky

V pomalom, ale istom prechode z Web2 na Web3 , decentralizované aplikácie (dApps) sľubujú, že budú krokom vpred od svojich náprotivkov Web2 s väčším oprávnením používateľov a vlastníctvom údajov.

Napriek tomu tradičné princípy UX/UI (tj konzistentné prvky rozhrania, plynulé začlenenie používateľa, stručný jazyk) stále majú hodnotu; Na druhej strane existujú jedinečné výzvy, ktorým čelia dizajnéri a vývojári UX/UI, ktorí sa snažia vytvoriť pútavú používateľskú skúsenosť v dApps.

V skutočnosti štatistika ukázala, že iba 25 % používateľov Web3 sa cíti istých v používaní decentralizovaných aplikácií.

Používatelia očakávajú väčšiu autonómiu a požadujú intuitívne rozhrania, ktoré im umožnia bez námahy navigovať v komplexných konceptoch Web3 a sieťach.

Web3 vývojári často vyžadujú úzku spoluprácu s dizajnérmi, aby mohli realizovať svoje výtvory; Decentralizovaná povaha Web3 ich vyzýva, aby prehodnotili premenné ľudského správania, ako je faktor dôvery, vzhľadom na to, že dApps sa už nespoliehajú na sprostredkovateľov a centralizované agentúry.

Čo prinúti používateľa Web3 zaškrtnúť?

Na rozdiel od tradičných webových aplikácií Web3 uspokojuje rôznorodé publikum, od skúsených krypto nadšencov až po nováčikov, ktorí si v DeFi namočia nohy. Pri navrhovaní dApp zvážte tieto rôzne úrovne technického pochopenia.

• Kryptománi : Títo používatelia sú spokojní s konceptmi, ako sú peňaženky, súkromné kľúče a poplatky za plyn. Môžu uprednostňovať pokročilé funkcie a možnosti prispôsobenia.

  
  

• Nováčikovia : Títo používatelia nemusia byť oboznámení s terminológiou blockchainu a vyžadujú jasné vysvetlenia a usmernenia. Jednoduchosť a jednoduchosť použitia sú pre túto skupinu prvoradé.

Kľúčové princípy intuitívneho dizajnu pre Web3

Keď sa ponoríte do intuitívneho dizajnu pre Web3 a blockchain dApps , pochopenie myslenia a cesty používateľa sa stáva prvoradým. Začnite zvážením mentálneho modelu vášho publika. Sú v blockchainových technológiách noví alebo vesmírni veteráni?

Navrhovanie s ohľadom na úroveň ich vedomostí môže výrazne zlepšiť použiteľnosť.

1. Prineste Web2 Familiarity do Web3

Ak je to relevantné, preneste metafory a pracovné postupy z Web2. To neznamená, že by ste sa mali vyhýbať inovatívnym prvkom Web3, ale skôr tkať tradičné komponenty používateľského rozhrania. Znalosť búra bariéry; keď používatelia rozpoznávajú vzory, orientujú sa ľahšie a istejšie.

2. Menej je viac

Samotná myšlienka Web3 je už... veľa. Pri výbere dizajnu by sa mala riadiť prehľadnosťou a jednoduchosťou. Zmätené rozloženia môžu vykoľajiť zapojenie používateľov. Namiesto toho sa zamerajte na čisté, prehľadné rozhranie, ktoré zdôrazňuje základné funkcie. Základné prvky by mali byť v popredí a mali by znižovať kognitívnu záťaž a pomáhať používateľom robiť rýchle rozhodnutia.

3. Slučka spätnej väzby

Ďalším dôležitým aspektom je spätná väzba. V dApp by mala byť každá akcia, ako je swapová transakcia alebo zadávanie údajov, potvrdená prostredníctvom spätnej väzby, ako sú zrejmé potvrdzovacie obrazovky alebo animácie. V rovnakom duchu by mala existovať okamžitá spätná väzba a ponuky riešení, keď používatelia narazia na chybové hlásenia (alebo v jazyku UX/UI na „nešťastné cesty“).

To používateľov uisťuje, že ich akcie sú zaznamenané a efektívne, čím sa buduje pocit dôvery a spoľahlivosti.

4. Konzistentné skúsenosti medzi typmi zariadení

Ako väčšina aplikácií Web2, aj dApps bežia na mobiloch, stolných počítačoch a tabletoch. Dizajn pre konzistentnosť na rôznych platformách zlepšuje používateľskú skúsenosť. Či už ide o desktopovú aplikáciu alebo mobilné rozhranie, konzistentná navigácia a vizuálne podnety pomáhajú používateľom vytvoriť si mentálnu mapu aplikácie, vďaka čomu je prechod medzi zariadeniami bezproblémový.

Znižuje tiež zbytočnú paranoju pri určitých transakčných činnostiach, ako je používanie dvoch rôznych zariadení na skenovanie QR kódov a zadávanie adries peňaženky.

5. Bezpečnosť a súkromie

Bezpečnosť nemôže byť v Web3 podceňovaná, pretože používatelia často spravujú cenné digitálne aktíva (predstavte si, aký objem pohybujú samotné veľryby). Uprednostňujte robustné metódy autentifikácie, jasné upozornenia na potenciálne riziká a vzdelávacie zdroje o najlepších bezpečnostných postupoch.

Aj keď sú Web3 a blockchain známe svojimi nemennými záznamami, obhajujú používanie silných šifrovacích techník na ochranu používateľských údajov a jasne oznamujú preventívne opatrenia na uistenie používateľov. Poskytovanie podrobných súhrnov transakcií a histórie aktivít je tiež spôsob, ako podporiť istotu.

Praktické tipy pre Web3 UX/UI Design

Preložme tieto princípy do použiteľných stratégií dizajnu:

1. Onboarding

Na prvom dojme záleží. Používatelia sa môžu obávať zložitosti alebo bezpečnostných rizík, takže bude dobrým zvykom vytvoriť hladký a pútavý proces registrácie, ktorý prevedie nových používateľov základmi dApp. Zvážte interaktívne návody alebo podrobných sprievodcov v aplikácii aj na webe.

Registrácia na jednej obrazovke je klasický prístup, ktorý môže byť vhodnejší pre skúsených používateľov Web3, ktorí už vedia, čo môžu očakávať, a sú ochotní vrhnúť sa priamo do toho.

Posúvateľné vstupné obrazovky môžu byť ideálne pre nováčikov; stráviteľný formát im pomáha absorbovať základné vlastnosti a hodnotovú ponuku dApp. Aj v tomto prípade je dobrým zvykom, aby to nebolo viac ako tri potiahnutia, pretože každý ďalší krok zvyšuje úbytok používateľov.

2. Integrácia Web3 peňaženky

Pripojenie kryptopeňaženky je často prvou skutočnou interakciou používateľa s dApp. Neohrabaný proces integrácie peňaženky môže viesť k frustrácii a opusteniu. Niektoré spôsoby, ako to urobiť bez problémov, zahŕňajú:

• Pripojenie jedným kliknutím: Vždy, keď je to možné, zamerajte sa na pripojenie „jedným kliknutím“. Využite WalletConnect alebo podobné protokoly, aby ste minimalizovali počet potrebných krokov.

  
  

• Detekcia peňaženky: Automaticky zisťuje nainštalované peňaženky používateľa a viditeľne zobrazuje preferované možnosti

  
  

• Podpora QR kódu: Ponúknite skenovanie QR kódu ako alternatívny spôsob pripojenia, najmä pre mobilných používateľov

  
  

• Podpora viacerých peňaženiek: Postarajte sa o široké spektrum používateľov podporou populárnych peňaženiek ako MetaMask, Coinbase Wallet, Trust Wallet, Argent, Rainbow a samozrejme Portkey , peňaženka abstrakcie účtu (AA) postavená na ekosystéme aelf.

  
  

• Usmernenie pre nováčikov: Poskytnite jasné pokyny a vizuálne pomôcky, ktoré používateľov prevedú procesom pripojenia, najmä ak sú s peňaženkami Web3 noví.

  
  

• Bezpečnostné pripomienky: Zobrazujte jasné a stručné bezpečnostné pripomienky počas procesu pripojenia, zdôrazňujúc dôležitosť ochrany ich súkromných kľúčov.

3. Integrácia Know-Your-Customer (KYC).

Zatiaľ čo decentralizácia je základným princípom Web3, mnohé dApps, najmä tie, ktoré sa zaoberajú finančnými transakciami alebo citlivými údajmi, vyžadujú procesy Know Your Customer (KYC), aby boli v súlade s nariadeniami a zaistili bezpečnosť.

• Transparentnosť a jasnosť: Jasne vysvetlite, prečo sa vyžaduje KYC a ako sa bude narábať s používateľskými údajmi. Buďte vopred informovaní o informáciách, ktoré sa budú zhromažďovať a ako budú použité.

  
  

• Zjednodušený proces: Urobte proces KYC čo najefektívnejší. Minimalizujte počet krokov a množstvo požadovaných informácií.

  
  

• Bezpečná manipulácia s údajmi: Zdôraznite zavedené bezpečnostné opatrenia na ochranu používateľských údajov. Zvážte použitie decentralizovaných riešení identity na zvýšenie súkromia.

  
  

• Užívateľsky prívetivé overenie: Integrujte sa so spoľahlivými poskytovateľmi KYC, ktorí ponúkajú plynulé a užívateľsky prívetivé overenie

  
  

• Jasná spätná väzba a aktualizácie stavu: Informujte používateľov počas procesu KYC. Poskytnite jasnú spätnú väzbu o stave ich overenia a akýchkoľvek požadovaných akciách.

4. Transakčné toky

Transakcie sú jadrom väčšiny interakcií Web3. Zjednodušte toky transakcií poskytnutím jasných vysvetlení poplatkov za plyn, odhadovaných časov transakcií a krokov potvrdenia.

• Vizuálna čistota: Použite jasné vizuálne podnety na zvýraznenie kľúčových informácií, ako sú sumy transakcií, poplatky za plyn, sieťové poplatky a odhadované časy dokončenia

  
  

• Spätná väzba v reálnom čase: Pomocou zavádzačov, indikátorov priebehu alebo upozornení na stav poskytnite používateľom aktualizácie transakcií v reálnom čase

  
  

• Dynamické aktualizácie cien: Pre transakcie zahŕňajúce tokenové swapy alebo obchody zobrazujte dynamické aktualizácie cien, aby odrážali kolísanie trhu. Zahrňte jasné vyhlásenia o nestálosti cien a jej potenciálnom vplyve na konečnú sumu transakcie.

  
  

• Spracovanie na pozadí: Kedykoľvek je to možné, povoľte používateľom opustiť obrazovku transakcie a vykonávať iné činnosti v rámci dApp, kým sa transakcia spracúva na pozadí. Poskytnite upozornenia alebo upozornenia po dokončení alebo ak sa vyskytnú nejaké chyby.

  
  

• Kroky potvrdenia: Implementujte jasné kroky potvrdenia, aby ste zabránili náhodným transakciám. Vyžadovať od používateľov, aby pred odoslaním skontrolovali a výslovne potvrdili podrobnosti transakcie.

  
  

• História transakcií: Poskytnite podrobnú históriu transakcií, ktorá je ľahko dostupná a vyhľadávateľná. Umožnite používateľom filtrovať transakcie podľa dátumu, typu alebo stavu.

5. Spracovanie chýb

Chyby sú nevyhnutné. Namiesto zobrazovania všeobecných chybových správ poskytnite konkrétne a informatívne pokyny na riešenie problémov – najlepšie je to doplnené empatickým jazykom.

• Špecifické a informatívne správy: Vyhnite sa všeobecným chybovým hláseniam, ako napríklad „Transakcia zlyhala“. Uveďte konkrétne podrobnosti o tom, čo sa pokazilo, ako napríklad „Nedostatok prostriedkov na poplatky za plyn“ alebo „Vyskytla sa chyba sieťového pripojenia“.

  
  

• Kontextové usmernenie: Ponúknite kontextové usmernenie, ako vyriešiť chybu. Ak napríklad transakcia zlyhá pre nedostatok finančných prostriedkov, poskytnite priamy odkaz na peňaženku používateľa alebo návod, ako získať viac požadovanej kryptomeny.

  
  

• Prevencia chýb: Vždy, keď je to možné, implementujte v prvom rade opatrenia na predchádzanie chybám. Použite overenie vstupu, aby ste sa uistili, že používatelia zadávajú správne formáty údajov, a pred začatím akcií poskytnite jasné upozornenia na potenciálne riziká.

  
  

• Mechanizmy obnovy: Ponuka mechanizmov obnovy pre bežné chyby. Ak napríklad používateľ spustí transakciu s nízkym poplatkom za plyn, ktorý spôsobí oneskorenie, umožnite mu „zrýchliť“ transakciu odoslaním novej s vyšším poplatkom.

  
  

• Užívateľsky prívetivý jazyk: Vyhnite sa technickému žargónu (napr. Chyba 404) v chybových hláseniach. Používajte jasný, stručný a prirodzený konverzačný jazyk, ktorý je ľahko zrozumiteľný pre všetkých používateľov.

6. Popisy a vysvetlivky

Nepredpokladajte, že používatelia rozumejú celej terminológii . Zvážte veľkorysé používanie popisov alebo rozšíriteľných informačných kariet naprieč digitálnymi dotykovými bodmi; vysvetliť zložité pojmy ako „poplatky za plyn“, „inteligentné zmluvy“, „blockchain siete“ alebo „ NFT “, stručným a laickým spôsobom.

Dobrou praxou je tiež vybudovať vedomostnú banku alebo vyhradenú často kladenú otázku v rámci dApp, ktorá obsahuje dlhší obsah pomoci.

7. Testovanie a opakovanie

Práca nikdy nekončí, dokonca ani po spustení. Dôsledné testovanie a aktualizácia dApp na opravu chýb je samozrejmosťou, ale je to základná kosť držania kroku s vyvíjajúcimi sa potrebami používateľov.

Predtým sme v článku spomenuli používateľský výskum prostredníctvom prieskumov, rozhovorov a testov použiteľnosti. Je to zlatá baňa zistení, ktoré pomáhajú cieleným spôsobom zlepšovať skúsenosti s dApp.

A/B testovanie a doslov používateľov sú dve z najbežnejších metód na potvrdenie prototypov a predpokladov dizajnu UX/UI. Buďte pripravení na to, že sa budete otáčať na základe zistení a sledujte, čo funguje (a čo nie).

Tieto kroky by vás mali priviesť oveľa bližšie k „Severným hviezdam“ vášho výtvoru.

Na záver: bonusový tip

Úspech vašej aplikácie dApp môže závisieť od faktora X. Zapamätajú si používatelia váš výtvor alebo sa k nemu vrátia?

Odpoveďou môže byť poskytovanie personalizovaných skúseností . To znamená, že používatelia môžu získať prispôsobené odporúčania pri interakcii s dApp na základe ich správania a preferencií. Môže to byť niečo také jednoduché ako prednastavená skratka najčastejšie používanej funkcie používateľa alebo návrhy na mieru, ktoré vám pomôžu pri nejakej aktivite. Integrácia AI s tým môže pomôcť tým, že analyzuje aktivitu v reťazci, predpovedá preferencie používateľov a dokonca ponúka proaktívnu pomoc.

Skúsenosti a rozhrania zamerané na používateľa sa rozširujú aj na softvér a platformu, na ktorej pracujú vývojári a dizajnéri – tvorcovia sú tiež používateľmi.

Ak staviate na aelf , vysoko výkonnom blockchaine umelej inteligencie vrstvy 1, jeho súprave nástrojov AI a používateľskej prívetivosti integrovaného vývojového prostredia aelf Playground odbúrajú únavnosť procesu budovania, takže sa vy a váš tím môžete sústrediť len na navrhovanie. najlepší možný používateľský zážitok.

O aelfovi

aelf, priekopnícky blockchain vrstvy 1, obsahuje modulárne systémy, paralelné spracovanie, cloudovú natívnu architektúru a technológiu viacerých bočných reťazcov pre neobmedzenú škálovateľnosť. Spoločnosť aelf bola založená v roku 2017 so svojím globálnym centrom so sídlom v Singapure a je prvou v tomto odvetví, ktorá vedie Áziu vo vývoji blockchainu s najmodernejšou integráciou AI, transformujúc blockchain na inteligentnejší a samostatne sa vyvíjajúci ekosystém.

aelf uľahčuje vytváranie, integráciu a nasadzovanie inteligentných zmlúv a decentralizovaných aplikácií (dApps) na svojom blockchaine vrstvy 1 pomocou svojej natívnej súpravy na vývoj softvéru v jazyku C# (SDK) a súprav SDK v iných jazykoch vrátane Java, JS, Python a Go. Ekosystém aelf tiež obsahuje množstvo dApps na podporu prosperujúcej blockchainovej siete. Spoločnosť aelf sa zaviazala podporovať inovácie v rámci svojho ekosystému a naďalej sa venuje rozvoju Web3, blockchainu a prijímaniu technológie AI.

Zistite viac o aelf a zostaňte v spojení s našou komunitou:

Webová stránka | X | Telegram | Nesúlad