V pomalém, ale jistém přechodu od 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. Web2 k Web3 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 si věří v používání decentralizovaných aplikací. 25 % uživatelů Web3 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ě. č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. Vývojáři Web3 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 až po nováčky, kteří si v namočí nohy. Při navrhování dApp zvažte tyto různé úrovně technického porozumění. krypto nadšenců DeFi : Tito uživatelé jsou spokojeni s koncepty, jako jsou peněženky, a poplatky za plyn. Mohou upřednostňovat pokročilé funkce a možnosti přizpůsobení. Krypto-nativní soukromé klíče : Tito uživatelé nemusí být obeznámeni s a vyžadují jasná vysvětlení a pokyny. Jednoduchost a snadné použití jsou pro tuto skupinu prvořadé. Nováčci terminologií blockchainu Klíčové principy intuitivního návrhu pro Web3 Když se ponoříte do intuitivního designu pro , 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? Web3 a blockchain dApps 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í 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. Bezpečnost 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í: 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ů. Připojení jedním kliknutím: Automaticky detekuje nainstalované peněženky uživatele a viditelně zobrazí jejich preferované možnosti Detekce peněženky: Nabízejte skenování QR kódu jako alternativní způsob připojení, zejména pro mobilní uživatele Podpora QR kódu: 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ě , postavená na ekosystému aelf. Podpora více peněženek: Portkey peněženka pro abstrakci účtu (AA) 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í. Pokyny pro nováčky: 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íčů. Bezpečnostní připomenutí: 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. 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. Transparentnost a srozumitelnost: Udělejte proces KYC co nejefektivnější. Minimalizujte počet kroků a množství požadovaných informací. Zjednodušený proces: 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í. Bezpečná manipulace s daty: Integrujte se se spolehlivými poskytovateli KYC, kteří nabízejí hladké a uživatelsky přívětivé ověření Uživatelsky přívětivé ověření: 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. Jasná zpětná vazba a aktualizace stavu: 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ů. 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í Vizuální srozumitelnost: Pomocí zavaděčů, ukazatelů průběhu nebo stavových oznámení poskytněte uživatelům aktualizace transakcí v reálném čase Zpětná vazba v reálném čase: U transakcí zahrnujících 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. Dynamické aktualizace cen: tokenové swapy 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. Zpracování na pozadí: 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. Potvrzovací kroky: 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. Historie transakcí: 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. 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“. Konkrétní a informativní zprávy: 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. Kontextové pokyny: 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. Prevence chyb: 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. Mechanismy obnovy: 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. Uživatelsky přívětivý jazyk: 6. Popisky a vysvětlivky Nepředpokládejte, že uživatelé rozumí celé . 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 „ “, stručným a laickým způsobem. terminologii NFT 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í . 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. 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. personalizovaných zážitků Integrace AI 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 , vysoce výkonném 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. aelf blockchainu umělé inteligence *Prohlášení: Informace uvedené na tomto blogu nepředstavují investiční poradenství, finanční poradenství, obchodní poradenství ani žádnou jinou formu odborného poradenství. aelf neposkytuje žádné záruky ani záruky ohledně přesnosti, úplnosti nebo aktuálnosti informací na tomto blogu. Neměli byste činit žádná investiční rozhodnutí pouze na základě informací uvedených na tomto blogu. Před jakýmkoli investičním rozhodnutím byste se měli vždy poradit s kvalifikovaným finančním nebo právním poradcem. 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
