Jak navrhovat Web3 aplikace zaměřené na uživatele (DApps): Tipy a triky

V pomalém, ale jistém přechodu od Web2 k Web3 slibují decentralizované aplikace (dApps), že budou o krok vpřed od svých protějšků Web2 s větším zmocněním uživatelů a vlastnictvím dat.

Nicméně tradiční principy UX/UI (tj. konzistentní prvky rozhraní, hladké uživatelské onboarding, stručný jazyk) stále platí; Na druhé straně existují jedinečné výzvy, kterým čelí návrháři a vývojáři UX/UI, kteří se snaží vytvořit poutavé uživatelské prostředí v dApps.

Ve skutečnosti statistiky ukázaly, že pouze 25 % uživatelů Web3 si věří v používání decentralizovaných aplikací.

Uživatelé očekávají větší autonomii a požadují intuitivní rozhraní, která jim umožní bez námahy procházet komplexní koncepty Web3 a sítě.

Vývojáři Web3 často vyžadují úzkou spolupráci s designéry, aby mohli realizovat své výtvory; Decentralizovaná povaha Web3 je vyzývá, aby přehodnotili proměnné lidského chování, jako je faktor důvěry, vzhledem k tomu, že dApps již nespoléhají na prostředníky a centralizované agentury.

Co přiměje uživatele Web3 klíct?

Na rozdíl od tradičních webových aplikací, Web3 vychází vstříc různorodému publiku, od ostřílených krypto nadšenců až po nováčky, kteří si v DeFi namočí nohy. Při navrhování dApp zvažte tyto různé úrovně technického porozumění.

• Krypto-nativní : Tito uživatelé jsou spokojeni s koncepty, jako jsou peněženky, soukromé klíče a poplatky za plyn. Mohou upřednostňovat pokročilé funkce a možnosti přizpůsobení.

  
  

• Nováčci : Tito uživatelé nemusí být obeznámeni s terminologií blockchainu a vyžadují jasná vysvětlení a pokyny. Jednoduchost a snadné použití jsou pro tuto skupinu prvořadé.

Klíčové principy intuitivního návrhu pro Web3

Když se ponoříte do intuitivního designu pro Web3 a blockchain dApps , pochopení myšlení a cesty uživatele se stává prvořadým. Začněte uvažováním o mentálním modelu vašeho publika. Jsou v technologiích blockchainu noví nebo vesmírní veteráni?

Návrh s ohledem na úroveň jejich znalostí může výrazně zlepšit použitelnost.

1. Přeneste Web2 Familiarity do Web3

Přeneste metafory a pracovní postupy z Web2 tam, kde je to relevantní. To neznamená, že byste se měli vyhýbat inovativním prvkům Web3, ale spíše tkát v tradičních komponentách uživatelského rozhraní. Známost boří bariéry; když uživatelé rozpoznávají vzory, orientují se snadněji a jistěji.

2. Méně je více

Samotná myšlenka Web3 je již... hodně. Jasnost a jednoduchost by měly být vodítkem při výběru designu. Matoucí rozvržení může vykolejit zapojení uživatelů. Místo toho se zaměřte na čisté, přehledné rozhraní, které zdůrazňuje základní funkce. Základní prvky by měly být v popředí, snižovat kognitivní zátěž a pomáhat uživatelům činit rychlá rozhodnutí.

3. Smyčka zpětné vazby

Dalším důležitým aspektem je zpětná vazba. V dApp by každá akce, jako je swapová transakce nebo zadávání dat, měla být potvrzena prostřednictvím zpětné vazby, jako jsou zřejmé potvrzovací obrazovky nebo animace. Ve stejném duchu by měla existovat okamžitá zpětná vazba a nabídky řešení, když uživatelé narazí na chybové zprávy (nebo v jazyce UX/UI na „nešťastné cesty“).

To uživatele ujišťuje, že jejich akce jsou zaznamenány a efektivní, což buduje pocit důvěry a spolehlivosti.

4. Konzistentní zkušenosti napříč typy zařízení

Stejně jako většina aplikací Web2 běží dApps na mobilních zařízeních, stolních počítačích a tabletech. Konzistence napříč různými platformami zlepšuje uživatelský zážitek. Ať už jde o desktopovou aplikaci nebo mobilní rozhraní, konzistentní navigace a vizuální vodítka pomáhají uživatelům vytvořit si mentální mapu aplikace, takže přechod mezi zařízeními je bezproblémový.

Také snižuje zbytečnou paranoiu při určitých transakčních činnostech, jako je použití dvou různých zařízení ke skenování QR kódů a zadávání adres peněženky.

5. Bezpečnost a soukromí

Bezpečnost nelze v Web3 podceňovat, protože uživatelé často spravují cenná digitální aktiva (představte si, jak velký objem pohybují samotné velryby). Upřednostněte robustní metody ověřování, jasná upozornění na potenciální rizika a vzdělávací zdroje o nejlepších bezpečnostních postupech.

Přestože jsou Web3 a blockchain známé svými neměnnými záznamy, obhajují používání silných šifrovacích technik k ochraně uživatelských dat a jasně sdělují preventivní opatření, která uživatele uklidní. Poskytování podrobných souhrnů transakcí a historie aktivit je také způsob, jak podpořit ujištění.

Praktické tipy pro Web3 UX/UI Design

Převeďme tyto principy do použitelných návrhových strategií:

1. Onboarding

Na prvním dojmu záleží. Uživatelé se mohou obávat složitosti nebo bezpečnostních rizik, takže bude dobrým zvykem vytvořit hladký a poutavý proces registrace, který provede nové uživatele základy dApp. Zvažte interaktivní výukové programy nebo podrobné průvodce, a to jak v aplikaci, tak na webu.

Registrace na jedné obrazovce je klasický přístup, který může být vhodnější pro zkušené uživatele Web3, kteří již vědí, co mohou očekávat, a jsou ochotni se ponořit přímo do toho.

Posouvatelné vstupní obrazovky mohou být ideální pro nováčky; stravitelný formát jim pomáhá absorbovat základní vlastnosti a hodnotovou nabídku dApp. I v tomto případě je dobrým zvykem držet to maximálně třikrát, protože každý další krok zvyšuje odchod uživatelů.

2. Integrace Web3 Wallet

Připojení kryptopeněženky je často první skutečnou interakcí uživatele s dApp. Neohrabaný proces integrace peněženky může vést k frustraci a opuštění. Některé způsoby, jak zajistit bezproblémový provoz, zahrnují:

• Připojení jedním kliknutím: Kdykoli je to možné, zaměřte se na připojení „jedním kliknutím“. Používejte WalletConnect nebo podobné protokoly, abyste minimalizovali počet potřebných kroků.

  
  

• Detekce peněženky: Automaticky detekuje nainstalované peněženky uživatele a viditelně zobrazí jejich preferované možnosti

  
  

• Podpora QR kódu: Nabízejte skenování QR kódu jako alternativní způsob připojení, zejména pro mobilní uživatele

  
  

• Podpora více peněženek: Zaměřte se na širokou škálu uživatelů podporou oblíbených peněženek jako MetaMask, Coinbase Wallet, Trust Wallet, Argent, Rainbow a samozřejmě Portkey , peněženka pro abstrakci účtu (AA) postavená na ekosystému aelf.

  
  

• Pokyny pro nováčky: Poskytněte jasné pokyny a vizuální pomůcky, které uživatele provedou procesem připojení, zejména pokud jsou s peněženkami Web3 noví.

  
  

• Bezpečnostní připomenutí: Zobrazujte jasná a stručná bezpečnostní připomenutí během procesu připojení, zdůrazňující důležitost ochrany jejich soukromých klíčů.

3. Integrace Know-Your-Customer (KYC).

Zatímco decentralizace je základním principem Web3, mnoho dApps, zejména ty, které se zabývají finančními transakcemi nebo citlivými daty, vyžadují procesy Know Your Customer (KYC), aby byly v souladu s předpisy a zajistily bezpečnost.

• Transparentnost a srozumitelnost: Jasně vysvětlete, proč je vyžadováno KYC a jak bude nakládáno s uživatelskými údaji. Uveďte předem informace, které budou shromažďovány a jak budou použity.

  
  

• Zjednodušený proces: Udělejte proces KYC co nejefektivnější. Minimalizujte počet kroků a množství požadovaných informací.

  
  

• Bezpečná manipulace s daty: Zdůrazněte zavedená bezpečnostní opatření k ochraně uživatelských dat. Zvažte použití decentralizovaných řešení identity pro zvýšení soukromí.

  
  

• Uživatelsky přívětivé ověření: Integrujte se se spolehlivými poskytovateli KYC, kteří nabízejí hladké a uživatelsky přívětivé ověření

  
  

• Jasná zpětná vazba a aktualizace stavu: Informujte uživatele během procesu KYC. Poskytněte jasnou zpětnou vazbu o stavu jejich ověření a jakýchkoli požadovaných akcích.

4. Transakční toky

Transakce jsou srdcem většiny interakcí Web3. Zjednodušte toky transakcí poskytnutím jasných vysvětlení poplatků za plyn, odhadovaných časů transakcí a potvrzovacích kroků.

• Vizuální srozumitelnost: Použijte jasné vizuální vodítka ke zvýraznění klíčových informací, jako jsou částky transakcí, poplatky za plyn, síťové poplatky a odhadované časy dokončení

  
  

• Zpětná vazba v reálném čase: Pomocí zavaděčů, ukazatelů průběhu nebo stavových oznámení poskytněte uživatelům aktualizace transakcí v reálném čase

  
  

• Dynamické aktualizace cen: U transakcí zahrnujících tokenové swapy nebo obchody zobrazte dynamické aktualizace cen, aby odrážely kolísání trhu. Zahrňte jasná prohlášení o volatilitě cen a jejím potenciálním dopadu na konečnou částku transakce.

  
  

• Zpracování na pozadí: Kdykoli je to možné, umožněte uživatelům přejít mimo obrazovku transakce a provádět další činnosti v rámci dApp, zatímco transakce probíhá na pozadí. Poskytněte oznámení nebo výstrahy po dokončení nebo v případě výskytu jakýchkoli chyb.

  
  

• Potvrzovací kroky: Implementujte jasné potvrzovací kroky, abyste zabránili náhodným transakcím. Vyžadovat, aby uživatelé před odesláním zkontrolovali a výslovně potvrdili podrobnosti transakce.

  
  

• Historie transakcí: Poskytněte podrobnou historii transakcí, která je snadno dostupná a lze v ní vyhledávat. Umožněte uživatelům filtrovat transakce podle data, typu nebo stavu.

5. Zpracování chyb

Chyby jsou nevyhnutelné. Namísto zobrazování obecných chybových zpráv poskytněte konkrétní a informativní pokyny k řešení problémů – nejlépe je doplníte empatickým jazykem.

• Konkrétní a informativní zprávy: Vyhněte se obecným chybovým zprávám, jako je „Transakce se nezdařila“. Uveďte konkrétní podrobnosti o tom, co se pokazilo, například „Nedostatek prostředků na poplatky za plyn“ nebo „Došlo k chybě připojení k síti“.

  
  

• Kontextové pokyny: Nabídněte kontextové pokyny, jak chybu vyřešit. Pokud se například transakce nezdaří kvůli nedostatku finančních prostředků, poskytněte přímý odkaz na uživatelovu peněženku nebo návod, jak získat další požadovanou kryptoměnu.

  
  

• Prevence chyb: Kdykoli je to možné, zavádějte v první řadě opatření k prevenci chyb. Použijte ověření vstupu, abyste zajistili, že uživatelé zadávají správné formáty dat, a před zahájením akce poskytněte jasná varování o možných rizicích.

  
  

• Mechanismy obnovy: Nabídka mechanismů obnovy pro běžné chyby. Pokud například uživatel zahájí transakci s nízkým poplatkem za plyn, který způsobí zpoždění, umožněte mu „urychlit“ transakci odesláním nové transakce s vyšším poplatkem.

  
  

• Uživatelsky přívětivý jazyk: Vyhněte se technickému žargonu (např. Chyba 404) v chybových zprávách. Používejte jasný, stručný a přirozený konverzační jazyk, který je snadno srozumitelný všem uživatelům.

6. Popisky a vysvětlivky

Nepředpokládejte, že uživatelé rozumí celé terminologii . Zvažte velkorysé použití popisků nebo rozšiřitelných informačních karet napříč digitálními kontaktními body; vysvětlit složité pojmy jako „poplatky za plyn“, „chytré smlouvy“, „blockchainové sítě“ nebo „ NFT “, stručným a laickým způsobem.

Dobrou praxí je také vybudování znalostní banky nebo specializovaného FAQ v rámci dApp, kde bude umístěn obsah nápovědy v delší podobě.

7. Testování a iterace

Práce nikdy nekončí, ani po spuštění. Pečlivé testování a aktualizace dApp za účelem opravy chyb je samozřejmostí, ale je to páteř držení kroku s vyvíjejícími se potřebami uživatelů.

Dříve v článku jsme zmínili uživatelský výzkum prostřednictvím průzkumů, rozhovorů a testů použitelnosti. Je to zlatý důl nálezů, které pomáhají cíleně zlepšit zážitek z dApp.

A/B testování a uživatelsky doslovně jsou dvě z nejběžnějších metod, jak potvrdit prototypy a předpoklady návrhu UX/UI. Buďte připraveni na to, že se budete řídit na základě zjištění a sledujte, co funguje (a co ne).

Tyto kroky by vás měly přivést mnohem blíže k 'North Stars' vašeho výtvoru.

Na závěr: Bonusový tip

Úspěch vašeho dApp může záviset na faktoru X. Zapamatují si uživatelé váš výtvor nebo se k němu vrátí?

Řešením může být poskytování personalizovaných zážitků . To znamená, že uživatelé mohou získat přizpůsobená doporučení při interakci s dApp na základě jejich chování a preferencí. Může to být něco tak jednoduchého, jako je přednastavená zkratka uživatelem nejčastěji používané funkce nebo návrhy na míru, které vám pomohou při nějaké činnosti. Integrace AI s tím může pomoci tím, že analyzuje aktivitu v řetězci, předpovídá uživatelské preference a dokonce nabízí proaktivní pomoc.

Zkušenosti a rozhraní zaměřené na uživatele se vztahují také na software a platformu, na kterém pracují vývojáři a návrháři – tvůrci jsou také sami uživatelé.

Pokud stavíte na aelf , vysoce výkonném blockchainu umělé inteligence na 1. vrstvě, jeho sada nástrojů pro umělou inteligenci a uživatelská přívětivost integrovaného vývojového prostředí aelf Playground odbourají zdlouhavý proces budování, takže se vy a váš tým můžete soustředit pouze na navrhování. nejlepší možný uživatelský zážitek.

O aelfovi

aelf, průkopnický blockchain vrstvy 1, nabízí modulární systémy, paralelní zpracování, cloudovou nativní architekturu a technologii multi-sidechain pro neomezenou škálovatelnost. Společnost aelf byla založena v roce 2017 se svým globálním centrem se sídlem v Singapuru a je první v tomto odvětví, která vede Asii ve vývoji blockchainu s nejmodernější integrací AI a transformuje blockchain na chytřejší a samostatně se vyvíjející ekosystém.

aelf usnadňuje vytváření, integraci a nasazení chytrých smluv a decentralizovaných aplikací (dApps) na svém blockchainu vrstvy 1 pomocí své nativní sady pro vývoj softwaru C# (SDK) a sad SDK v jiných jazycích, včetně Java, JS, Python a Go. Ekosystém aelf také obsahuje řadu dApps na podporu prosperující blockchainové sítě. Společnost aelf se zavázala podporovat inovace ve svém ekosystému a nadále se věnuje podpoře vývoje Web3, blockchainu a zavádění technologie AI.

Zjistěte více o aelf a zůstaňte ve spojení s naší komunitou:

Webové stránky | X | Telegram | Svár