Meno fiducia, più verità: best practice e modelli di progettazione Web3

Gli sviluppatori sognano una nuova Internet. Web3 è un modello decentralizzato che offre agli utenti la piena proprietà delle piattaforme e dei contenuti che stanno creando online. Ma il tentativo di rivoluzionare Internet presenta molteplici sfide di progettazione, principalmente la creazione di interfacce utente che risolvano la confusione e i problemi di sicurezza causati dalle caratteristiche distintive di Web3.

Web3 spiegato

Per comprendere Web3, è utile conoscere una breve storia di Internet:

• Il Web 1.0 è stato decentralizzato, il che significa che la proprietà e il controllo dei contenuti e delle piattaforme sono stati distribuiti tra molti individui e aziende.
• Il Web 2.0, l'attuale iterazione di Internet, si è evoluto grazie a un piccolo numero di società di software con piattaforme user-friendly, come Apple, Google, Facebook (ora Meta) e Twitter. Man mano che sempre più persone diventavano creatori e consumatori attivi online, il web diventava più centralizzato, in gran parte posseduto e controllato da alcune società.

Con Web3, gli sviluppatori stanno nuovamente decentralizzando Internet. I monopoli tecnologici non avranno più il possesso e il controllo dei contenuti e delle piattaforme create dagli utenti. Web3 mira anche a risolvere i problemi di sicurezza e privacy di Internet.

Web3 è:

• Trustless: sviluppatori, creatori di contenuti e altri utenti mantengono il controllo sul modo in cui le piattaforme Web3 e le DApp, le applicazioni decentralizzate, vengono create e gestite, nonché sui contenuti che possono essere pubblicati. Hanno piena visibilità sul codice e sul modo in cui i servizi vengono eseguiti. Ciò è in contrasto con il Web 2.0, in cui le aziende e i governi hanno il controllo e gli utenti non possono verificare in modo indipendente le informazioni su come vengono sviluppate e gestite le applicazioni.
• Senza autorizzazione : gli utenti possono accedere a qualsiasi app Web3 senza l'autorizzazione di un'azienda o di un'agenzia governativa. Accedono con i portafogli crittografici digitali che contengono le loro chiavi private, le password che usano per accedere alle valute digitali. I portafogli possono essere hardware simili a unità USB o app mobili come MetaMask e TrustWallet.
• Distribuito: il potere e il controllo sui prodotti e servizi Internet non sono concentrati nelle mani di investitori o amministratori delegati, ma sono distribuiti equamente tra gli utenti, che guadagnano quote di proprietà in base ai loro contributi allo sviluppo e al mantenimento delle piattaforme Web3.
• Aperto: Web3 funziona su blockchain, che memorizza i dati in singoli gruppi, noti come blocchi. Una volta che un blocco è riempito di informazioni, viene collegato al precedente, formando una catena in ordine cronologico. Blockchain è un registro aperto più comunemente utilizzato per registrare le transazioni finanziarie.

Molte app Web3 sono create da piccoli team in gran parte formati e guidati da sviluppatori. Alcune squadre sono indipendenti; altri sono impiegati da aziende, inclusi i mercati NFT (nonfungible token) e gli scambi di criptovalute. Spesso sono gli sviluppatori ad assumere designer per lavorare sui prodotti Web3. In molti casi, i progettisti con una precedente esperienza in Web3 sono preferiti a causa della curva di apprendimento ripida in questo spazio in rapida evoluzione.

Casi d'uso e barriere all'espansione di Web3

Web3 è dominato dalle applicazioni finanziarie: criptovaluta, scambi di criptovalute per il trading (scambi decentralizzati o DEX) e NFT, che vengono utilizzati per indicare la proprietà di oggetti digitali o fisici unici. Inoltre, la finanza decentralizzata, o DeFi, consente agli utenti di aggirare le banche e accedere a servizi finanziari peer-to-peer, come prestiti, prestiti, interessi e attività di trading.

L'espansione di Web3 ad altri settori si è rivelata difficile. Ad esempio, non c'è modo di distinguere un sito Web3 legittimo da una frode, un problema che è amplificato perché gli utenti devono inserire le credenziali del proprio portafoglio crittografico per accedere alle piattaforme Web3. Se un sito Web3 è una truffa, qualsiasi utente che accede potrebbe potenzialmente perdere tutti i propri soldi.

Un altro problema è che la blockchain non consente il caricamento di immagini o video. Gli utenti possono archiviare file multimediali su reti crittografiche come Ethereum, ma è costoso.

Nei videogiochi Web3, gli NFT possono rappresentare gli avatar dei giocatori e gli oggetti acquistati, ma spesso è impossibile trasferire queste risorse ad altri giochi o app, diminuendo gli investimenti dei giocatori e dissuadendoli dai giochi Web3.

Ciò che i designer devono sapere

Sfruttare i seguenti modelli di interfaccia utente e principi di progettazione dell'esperienza utente può favorire la crescita delle piattaforme Web3:

Fornisci prompt chiari e informazioni complete

Molte app Web3 presuppongono erroneamente una notevole esperienza da parte degli utenti. Invece, i progettisti dovrebbero chiarire le implicazioni delle funzioni e delle azioni sconosciute di Web3. Ad esempio, prima di depositare fondi crittografici in un pool di liquidità, i nuovi investitori devono sapere che i loro soldi potrebbero perdere valore, un avviso che potrebbe essere consegnato con un messaggio pop-up nella schermata del deposito.

Le attività sulle app DeFi sono regolate da standard noti come protocolli. La maggior parte delle app DeFi esegue controlli di sicurezza regolari e documenta i risultati chiave, incluse vulnerabilità, problemi di codice e correzioni. I progettisti possono garantire che le app DeFi informino gli utenti quando sono disponibili nuovi rapporti di controllo e possono aiutare a semplificare la comprensione degli audit riassumendo sezioni complesse in testo chiaro.

Allo stesso modo, molte persone leggono la documentazione del prodotto Web3 per comprendere i meccanismi dei protocolli e prendere decisioni informate sull'utilizzo di un'applicazione. Gran parte di questo materiale è composto da un gergo tecnico difficile da capire.

Anche in questo caso, i progettisti possono garantire contenuti di facile utilizzo fornendo riepiloghi conversazionali all'inizio delle sezioni della documentazione, insieme a collegamenti a contenuti più tecnici. I glossari pop-up possono essere incorporati come icone di collegamento nel testo, consentendo agli utenti di apprendere il significato dei termini con un clic del mouse o toccando il dito. E la copia può essere suddivisa con immagini che illustrano importanti concetti di Web3.

Usa valute familiari per comunicare i tassi di cambio

Poiché le criptovalute come il bitcoin diventano più popolari e i loro prezzi fluttuano, può essere difficile tenere traccia di quanto valgono. Nei portafogli digitali e nelle app di e-commerce in cui questi token vengono acquistati, venduti e scambiati con risorse come NFT, i designer dovrebbero mostrare agli utenti le conversioni di prezzo dalla crittografia alla loro valuta nativa ed evitare di utilizzare più di qualche cifra decimale.

Rendi facilmente leggibili gli hash del portafoglio e delle transazioni

Per impostazione predefinita, ogni indirizzo su blockchain è una lunga stringa di caratteri, fino a 42, nota come ID o hash. Quando si inviano fondi, le persone devono controllare l'intera stringa. È facile commettere un errore e la posta in gioco è alta: tutte le transazioni blockchain sono definitive. Se le risorse vengono inviate all'indirizzo del portafoglio sbagliato, non c'è modo di recuperarle. In una società di investimento in cui ho lavorato, abbiamo negoziato offerte ICO (offerta iniziale di monete), inviando enormi trasferimenti alle aziende partecipanti e abbiamo avuto sei persone che controllavano l'indirizzo del portafoglio del destinatario ogni volta.

L'Ethereum Name Service (ENS) consente alle persone di cambiare i propri hash in qualcosa di più facile da leggere e ricordare, come i loro nomi più .eth . Tuttavia, non tutti usano ENS perché è costoso.

I progettisti di Web3 UX possono rendere le transazioni meno stressanti mostrando solo i primi e gli ultimi quattro caratteri dell'hash per consentire agli utenti di verificarlo senza controllare l'intera stringa. I progettisti possono anche creare un requisito per gli utenti di ricontrollare gli hash prima di qualsiasi transazione e possono includere un logo identificativo accanto a ciascun indirizzo del destinatario. Questi livelli aggiuntivi di verifica dovrebbero essere accompagnati da un promemoria che l'invio di risorse all'indirizzo sbagliato comporterà una completa perdita di fondi.

Chiarire i tempi di attesa delle transazioni

Quando trasferisci fondi online tramite una banca, ricevi immediatamente un aggiornamento dello stato o una conferma che la transazione è andata a buon fine. Non è così con i DEX Web3. Il tempo minimo di elaborazione per le transazioni blockchain è di circa tre minuti, ma ho dovuto aspettare fino a due ore. Uso la tecnologia da sei anni e vado ancora nel panico quando i soldi lasciano il mio portafoglio e non ricevo una conferma di consegna tempestiva.

Più DEX dovrebbero mostrare lo stato della transazione tramite testo o animazioni, nella barra di stato o nelle notifiche. Se non è possibile mostrare gli aggiornamenti nell'interfaccia utente, fornire un collegamento al block explorer open source, come Etherscan su Ethereum, è una buona alternativa.

Implementa un pulsante "Invia max".

Bitcoin, etere e altre criptovalute sono spesso espressi in molti decimali, ad esempio 0,0000085191. È difficile digitare l'importo totale in modo accurato ed efficiente quando si invia denaro a un individuo o un'azienda per acquistare un bene, come un NFT, o quando si depositano fondi in uno smart contract. Consiglio ai progettisti di creare un pulsante "Invia Max" nelle applicazioni, consentendo agli utenti di trasferire l'intero saldo del portafoglio a un altro indirizzo con un clic.

Questo è conveniente quando il saldo del portafoglio di una persona è uguale o leggermente superiore alla somma che deve trasferire; alcuni utenti hanno più portafogli, il che aumenta la probabilità che si verifichino questi eventi. Possono inviare il saldo completo e la funzione lo converte automaticamente in bitcoin o ether. Questa funzione non effettua alcuna contabilizzazione quando il saldo del portafoglio è maggiore del totale dovuto, quindi i progettisti dovrebbero includere una finestra di dialogo di conferma per assicurarsi che gli utenti non inviino erroneamente più di quanto intendono.

Spiega come funzionano i prezzi del gas

Il gas è probabilmente la cosa più fastidiosa e confusa in Web3, specialmente per qualcuno che non conosce le criptovalute. I prezzi del gas sono costi aggiuntivi che gli utenti pagano per coprire il costo della potenza di calcolo necessaria per elaborare le transazioni. Gli utenti possono scegliere di pagare commissioni più elevate per accelerare i trasferimenti.

I progettisti devono spiegare cos'è il gas e come funziona. Se possibile, dovrebbero mostrare il prezzo del gas nella valuta fiat nativa più comune tra gli utenti (di solito USD). I progettisti potrebbero anche suggerire una valida combinazione di prezzo del gas e conseguente velocità di trasferimento; se le transazioni si bloccano o falliscono a causa di pagamenti di gas bassi, i progettisti dovrebbero consentire agli utenti di pagare commissioni più elevate per accelerare i trasferimenti.

Rendi facilmente accessibili le cronologie delle transazioni degli utenti

Praticamente tutti i siti di e-commerce centralizzati (web 2.0) consentono agli utenti di controllare la cronologia completa degli acquisti. È difficile accedere a un record del genere su uno scambio decentralizzato: i portafogli forniscono una cronologia delle transazioni, ma solo per un account alla volta, ed è difficile o impossibile filtrare per DApp. Per ottenere il tipo di cronologia disponibile su una piattaforma centralizzata, gli utenti di Web3 devono rivolgersi a un block explorer come Etherscan, che non è intuitivo e rende difficile trovare una transazione specifica.

I progettisti Web3 dovrebbero offrire alle persone un modo semplice per rivedere le transazioni on-chain effettuate all'interno delle singole DApp. Questo dovrebbe essere posizionato in una posizione facile da trovare, come un pannello laterale o un menu. Un'altra opzione sarebbe quella di creare una modalità "chain-view" attivata da un pulsante: una volta cliccato, posizionerebbe un filtro sull'intera UI, indicando tutto il contenuto all'interno della DApp che è memorizzato sulla blockchain, inclusa la cronologia delle transazioni . Sarebbe inoltre utile consentire agli utenti di filtrare ed esportare facilmente i record delle transazioni.

Abilita una gestione facile e privata delle chiavi

Le chiavi private che consentono agli utenti di accedere ai propri portafogli digitali non sono facili da memorizzare. Le persone a volte dimenticano di eseguirne il backup o non sanno come farlo. Queste chiavi non possono essere recuperate una volta perse: non esiste l'opzione "reimposta password". I designer possono risolvere questo problema seguendo l'esempio di MetaMask e fornendo a ciascun utente una frase seed, una serie di parole che possono essere utilizzate per sbloccare il proprio portafoglio.

I progettisti devono anche avvisare gli utenti che i loro fondi saranno inaccessibili e vulnerabili al furto se perdono le chiavi private o le frasi iniziali. Tale messaggio dovrebbe apparire nell'app del portafoglio di un utente, prima come notifica durante la configurazione del portafoglio e poi come promemoria ricorrente in base a una pianificazione preimpostata.

Da asporto chiave

Affinché Web3 cresca in popolarità e si espanda oltre i portafogli digitali e le piattaforme finanziarie, i progettisti devono rendere le app Web3 più coerenti e intuitive. Devono anche fornire una formazione utente più semplice per aiutare i nuovi arrivati ​​​​a familiarizzare con le nuove funzionalità e interazioni che si trovano sulle piattaforme Web3.

Anche rendere sicure le DApp deve essere una priorità assoluta. È impossibile controllare la natura trustless e senza autorizzazione di Web3, ma i progettisti possono prevedere cosa potrebbe andare storto e aiutare a prevenire tali occorrenze. Avvertenze più trasparenti sui rischi faranno molto per placare le preoccupazioni delle persone e convincerle ad abbracciare Web3.

Ulteriori letture sul blog Toptal:

Come progettare per la massima fiducia del prodotto

Potenzia la tua UX con questi principi di progettazione dell'interazione di successo

Vantaggi del flusso web per il web design senza codice: un caso di studio