Mai puțină încredere, mai mult adevăr: cele mai bune practici și modele de design Web3

Dezvoltatorii au un vis la un nou internet. Web3 este un model descentralizat care oferă utilizatorilor proprietatea deplină asupra platformelor și conținutului pe care îl creează online. Dar încercarea de a revoluționa internetul prezintă multiple provocări de proiectare – în principal, construirea de interfețe cu utilizatorul care rezolvă confuzia și preocupările legate de siguranță cauzate de caracteristicile distincte ale Web3.

Web3 explicat

Pentru a înțelege Web3, este util să cunoașteți o scurtă istorie a internetului:

• Web 1.0 a fost descentralizat, ceea ce înseamnă că proprietatea și controlul asupra conținutului și platformelor au fost distribuite între multe persoane și întreprinderi.
• Web 2.0, iterația actuală a internetului, a evoluat datorită unui număr mic de companii de software cu platforme ușor de utilizat, cum ar fi Apple, Google, Facebook (acum Meta) și Twitter. Pe măsură ce mai mulți oameni au devenit creatori și consumatori activi online, web-ul a devenit mai centralizat, deținut și controlat în mare parte de câteva corporații.

Cu Web3, dezvoltatorii fac din nou internetul descentralizat. Monopolurile tehnologice nu vor mai avea posesia și controlul asupra conținutului și platformelor create de utilizatori. Web3 urmărește, de asemenea, să rezolve problemele de securitate și confidențialitate ale internetului.

Web3 este:

• Fără încredere: dezvoltatorii, creatorii de conținut și alți utilizatori păstrează controlul asupra modului în care platformele Web3 și DApps-aplicațiile descentralizate sunt construite și întreținute, precum și asupra conținutului care poate fi postat. Ei au vizibilitate deplină asupra codului și modului în care sunt rulate serviciile. Acest lucru este în contrast cu web 2.0, unde corporațiile și guvernele dețin controlul, iar utilizatorii nu pot verifica în mod independent informații despre cum sunt dezvoltate și gestionate aplicațiile.
• Fără permisiune: utilizatorii pot intra în orice aplicație Web3 fără autorizarea unei companii sau a unei agenții guvernamentale. Se conectează cu portofelele cripto digitale care dețin cheile lor private, parolele pe care le folosesc pentru a accesa monedele digitale. Portofelele pot fi hardware similar cu unitățile USB sau aplicații mobile precum MetaMask și TrustWallet.
• Distribuit: Puterea și controlul asupra produselor și serviciilor de internet nu sunt concentrate în mâinile investitorilor sau directorilor executivi, ci răspândite în mod echitabil între utilizatori, care câștigă mize de proprietate pe baza contribuțiilor lor la dezvoltarea și întreținerea platformelor Web3.
• Deschis: Web3 rulează pe blockchain, care stochează date în grupuri individuale, cunoscute sub numele de blocuri. Odată ce un bloc este umplut cu informații, acesta este legat de cel anterior, formând un lanț în ordine cronologică. Blockchain este un registru deschis cel mai frecvent utilizat pentru a înregistra tranzacțiile financiare.

Multe aplicații Web3 sunt create de echipe mici formate în mare parte din și conduse de dezvoltatori. Unele echipe sunt independente; alții sunt angajați de companii, inclusiv piețe NFT (jetoane nonfungibile) și schimburi cripto. Adesea, dezvoltatorii sunt cei care angajează designeri pentru a lucra la produsele Web3. În multe cazuri, designerii cu experiență anterioară în Web3 sunt preferați din cauza curbei abrupte de învățare în acest spațiu în schimbare rapidă.

Cazuri de utilizare Web3 și bariere în calea extinderii

Web3 este dominat de aplicații financiare: criptomonede, schimburi cripto pentru tranzacționare (schimburi descentralizate sau DEX) și NFT, care sunt folosite pentru a semnifica proprietatea asupra unor articole digitale sau fizice unice. În plus, finanțarea descentralizată sau DeFi permite utilizatorilor să ocolească băncile și să acceseze servicii financiare peer-to-peer, cum ar fi împrumuturile, împrumuturile, câștigul de dobânzi și tranzacționarea activelor.

Extinderea Web3 la alte sectoare s-a dovedit dificilă. De exemplu, nu există nicio modalitate de a distinge un site Web3 legitim de o fraudă - o problemă care este amplificată deoarece utilizatorii trebuie să introducă acreditările pentru portofelul cripto pentru a avea acces la platformele Web3. Dacă un site Web3 este o înșelătorie, orice utilizator care intră ar putea să-și piardă toți banii.

O altă problemă este că blockchain nu permite încărcarea imaginilor sau a videoclipurilor. Utilizatorii pot stoca conținut media pe rețele cripto precum Ethereum, dar este scump.

În jocurile video Web3, NFT-urile pot reprezenta avatarurile jucătorilor și articolele achiziționate, dar este adesea imposibil să transferați aceste active în alte jocuri sau aplicații, diminuând investițiile jucătorilor și descurajându-i de la jocurile Web3.

Ce trebuie să știe designerii

Folosirea următoarelor modele UI și principii de design UX poate contribui la creșterea platformelor Web3:

Oferiți solicitări clare și informații complete

Multe aplicații Web3 presupun în mod eronat o experiență considerabilă din partea utilizatorilor. În schimb, designerii ar trebui să clarifice implicațiile caracteristicilor și acțiunilor nefamiliare ale Web3. De exemplu, înainte de a depune fonduri cripto într-un fond de lichiditate, noii investitori trebuie să știe că banii lor ar putea pierde valoare - un avertisment care ar putea fi livrat cu un mesaj pop-up pe ecranul de depozit.

Activitățile din aplicațiile DeFi sunt guvernate de standarde cunoscute sub numele de protocoale. Majoritatea aplicațiilor DeFi efectuează audituri de securitate regulate și documentează constatările cheie, inclusiv vulnerabilitățile și problemele de cod și remedieri. Designerii se pot asigura că aplicațiile DeFi informează utilizatorii când sunt disponibile noi rapoarte de audit și pot ajuta auditurile mai ușor de înțeles prin rezumarea secțiunilor complexe în text clar.

De asemenea, mulți oameni citesc documentația produsului Web3 pentru a înțelege mecanica protocoalelor și pentru a lua decizii informate cu privire la utilizarea unei aplicații. O mare parte din acest material este compus din jargon tehnic greu de înțeles.

Din nou, designerii pot asigura conținut ușor de utilizat, oferind rezumate conversaționale la începutul secțiunilor de documentație, împreună cu link-uri către conținut mai tehnic. Glosarele pop-up pot fi încorporate ca pictograme de link în text, permițând utilizatorilor să învețe semnificația termenilor printr-un clic de mouse sau cu degetul. Și copierea poate fi împărțită cu imagini care ilustrează concepte importante ale Web3.

Utilizați monede cunoscute pentru a comunica cursurile de schimb

Pe măsură ce criptomonedele precum bitcoin devin tot mai populare și prețurile lor fluctuează, poate fi greu de urmărit cât valorează. În portofelele digitale și aplicațiile de comerț electronic în care aceste jetoane sunt cumpărate, vândute și tranzacționate pentru active precum NFT-urile, designerii ar trebui să arate utilizatorilor conversiile prețurilor din cripto în moneda lor nativă și să evite utilizarea mai mult de câteva zecimale.

Faceți hashurile pentru portofel și tranzacții ușor de citit

În mod implicit, fiecare adresă din blockchain este un șir lung de caractere – până la 42 – cunoscut sub numele de ID sau hash. Când trimit fonduri, oamenii trebuie să verifice întregul șir. Este ușor să faci o eroare, iar miza este mare: toate tranzacțiile blockchain sunt finale. Dacă activele sunt trimise la o adresă de portofel greșită, nu există nicio modalitate de a le recupera. La o companie de investiții în care lucram, am intermediat oferte ICO (ofertă inițială de monede), trimițând transferuri uriașe companiilor participante – și am avut șase persoane care verificau adresa portofelului destinatarului de fiecare dată.

Ethereum Name Service (ENS) le permite oamenilor să-și schimbe hashurile în ceva mai ușor de citit și de reținut, cum ar fi numele lor plus .eth . Cu toate acestea, nu toată lumea folosește ENS pentru că este costisitor.

Designerii Web3 UX pot face tranzacțiile mai puțin stresante, arătând doar primele și ultimele patru caractere ale hashului, pentru a permite utilizatorilor să-l verifice fără a verifica întregul șir. Designerii pot, de asemenea, să introducă o cerință ca utilizatorii să verifice hashurile înainte de orice tranzacție și pot include un logo de identificare lângă fiecare adresă a destinatarului. Aceste straturi suplimentare de verificare ar trebui să fie însoțite de un memento că trimiterea de active la o adresă greșită va duce la o pierdere completă de fonduri.

Clarificați timpii de așteptare pentru tranzacții

Când transferați fonduri online printr-o bancă, primiți imediat o actualizare de stare sau o confirmare că tranzacția a fost finalizată. Nu este așa cu Web3 DEX. Timpul minim de procesare pentru tranzacțiile blockchain este de aproximativ trei minute, dar a trebuit să aștept până la două ore. Folosesc tehnologia de șase ani și încă intru în panică când banii îmi părăsesc portofelul și nu primesc o confirmare de livrare la timp.

Mai multe DEX-uri ar trebui să arate starea tranzacției prin text sau animații, fie în bara de stare, fie în notificări. Dacă nu este fezabil să afișați actualizări în interfața de utilizare, furnizarea unui link către exploratorul de blocuri open-source - cum ar fi Etherscan pe Ethereum - este o alternativă bună.

Implementați un buton „Trimite maxim”.

Bitcoin, eterul și alte criptomonede sunt adesea exprimate cu multe zecimale, de exemplu 0,0000085191. Este greu să tastați suma totală cu precizie și eficientă atunci când trimiteți bani unei persoane sau unei companii pentru a cumpăra un activ, cum ar fi un NFT, sau când depuneți fonduri într-un contract inteligent. Recomand designerilor să creeze un buton „Trimite Max” în aplicații, permițând utilizatorilor să-și transfere întregul sold portofel la o altă adresă cu un singur clic.

Acest lucru este convenabil atunci când soldul portofelului unei persoane este egal cu sau puțin mai mare decât suma pe care trebuie să o transfere; unii utilizatori au portofele multiple, ceea ce crește probabilitatea acestor apariții. Ei pot trimite soldul complet, iar funcția îl convertește automat în bitcoin sau eter. Această funcție nu face nicio contabilitate atunci când soldul portofelului este mai mare decât totalul datorat, așa că designerii ar trebui să includă un dialog de confirmare pentru a se asigura că utilizatorii nu trimit din greșeală mai mult decât intenționează.

Explicați cum funcționează prețurile la gaze

Gazul este probabil cel mai enervant și confuz lucru din Web3, mai ales pentru cineva nou la cripto. Prețurile la gaze sunt taxe suplimentare pe care utilizatorii le plătesc pentru a acoperi costul puterii de calcul necesare procesării tranzacțiilor. Utilizatorii pot opta să plătească taxe mai mari pentru a accelera transferurile.

Designerii trebuie să explice ce este gazul și cum funcționează. Dacă este posibil, ar trebui să arate prețul gazului în moneda fiat nativă, care este cel mai frecvent în rândul utilizatorilor (de obicei USD). Designerii ar putea sugera, de asemenea, o combinație viabilă între prețul gazului și viteza de transfer rezultată; dacă tranzacțiile se blochează sau eșuează din cauza plăților scăzute de gaz, proiectanții ar trebui să permită utilizatorilor să plătească taxe mai mari pentru a accelera transferurile.

Faceți istoricul tranzacțiilor utilizatorilor ușor accesibil

Practic, toate site-urile web centralizate de comerț electronic (web 2.0) permit utilizatorilor să-și verifice istoricul complet de achiziții. Este dificil să accesezi o astfel de înregistrare pe o bursă descentralizată: portofelele oferă un istoric al tranzacțiilor, dar numai pentru un cont la un moment dat și este greu sau imposibil de filtrat după DApps. Pentru a obține tipul de istoric disponibil pe o platformă centralizată, utilizatorii Web3 trebuie să meargă la un explorator de blocuri precum Etherscan, care nu este ușor de utilizat și face dificilă găsirea unei anumite tranzacții.

Designerii Web3 ar trebui să ofere oamenilor o modalitate simplă de a revizui tranzacțiile în lanț pe care le fac în cadrul DApp-urilor individuale. Acesta ar trebui să fie plasat într-o locație ușor de găsit, cum ar fi un panou lateral sau un meniu. O altă opțiune ar fi să creați un mod „vizualizare în lanț” activat de un buton: odată ce ați făcut clic, ar plasa un filtru peste întreaga interfață de utilizare, indicând tot conținutul din DApp care este stocat în blockchain - inclusiv istoricul tranzacțiilor. . De asemenea, ar fi util să se permită utilizatorilor să filtreze și să exporte cu ușurință înregistrările tranzacțiilor.

Activați gestionarea ușoară a cheilor private

Cheile private care permit utilizatorilor să-și acceseze portofelele digitale nu sunt ușor de stocat. Oamenii uită uneori să le susțină sau nu știu cum să facă acest lucru. Aceste chei nu pot fi recuperate odată pierdute: nu există opțiune de „resetare parolă”. Designerii pot rezolva această problemă urmând exemplul MetaMask și oferind fiecărui utilizator o frază de bază, o serie de cuvinte care pot fi folosite pentru a-și debloca portofelul.

De asemenea, designerii trebuie să avertizeze utilizatorii că fondurile lor vor fi inaccesibile și vulnerabile la furt dacă își pierd cheile private sau frazele de bază. Un astfel de mesaj ar trebui să apară în aplicația de portofel a unui utilizator, mai întâi ca o notificare la configurarea portofelului și apoi ca un memento recurent la un program prestabilit.

Recomandări cheie

Pentru ca Web3 să crească în popularitate și să se extindă dincolo de portofelele digitale și platformele financiare, designerii trebuie să facă aplicațiile Web3 mai consistente și mai intuitive. De asemenea, trebuie să ofere o educație mai simplă a utilizatorilor pentru a-i ajuta pe nou-veniți să-i familiarizeze cu funcții și interacțiuni noi găsite pe platformele Web3.

De asemenea, ca DApps să se simtă în siguranță trebuie să fie o prioritate ridicată. Este imposibil să controlezi natura fără încredere și fără permisiune a Web3, dar designerii pot prezice ce ar putea merge prost și pot ajuta la prevenirea acestor apariții. Avertismente mai transparente cu privire la riscuri vor ajuta în mare măsură să atenueze preocupările oamenilor și să-i convingă să adopte Web3.

Citiți suplimentare pe blogul Toptal:

Cum să proiectați pentru o încredere maximă în produs

Îmbunătățiți-vă UX cu aceste principii de design de interacțiune de succes

Avantajele Webflow pentru designul web fără cod: un studiu de caz