Moins de confiance, plus de vérité : meilleures pratiques et modèles de conception Web3

Les développeurs rêvent d'un nouvel Internet. Web3 est un modèle décentralisé qui donne aux utilisateurs la pleine propriété des plateformes et du contenu qu'ils créent en ligne. Mais essayer de révolutionner Internet présente de multiples défis de conception, principalement la création d'interfaces utilisateur qui résolvent la confusion et les problèmes de sécurité causés par les fonctionnalités distinctes de Web3.

Web3 expliqué

Pour comprendre Web3, il est utile de connaître un bref historique d'Internet :

• Le Web 1.0 était décentralisé, ce qui signifie que la propriété et le contrôle du contenu et des plateformes étaient répartis entre de nombreuses personnes et entreprises.
• Le Web 2.0, l'itération actuelle d'Internet, a évolué grâce à un petit nombre d'éditeurs de logiciels dotés de plates-formes conviviales, comme Apple, Google, Facebook (maintenant Meta) et Twitter. Au fur et à mesure que de plus en plus de personnes devenaient des créateurs et des consommateurs actifs en ligne, le Web devenait plus centralisé, largement détenu et contrôlé par quelques sociétés.

Avec Web3, les développeurs rendent à nouveau Internet décentralisé. Les monopoles technologiques n'auront plus la possession et le contrôle du contenu et des plateformes créés par les utilisateurs. Web3 vise également à résoudre les problèmes de sécurité et de confidentialité d'Internet.

Web3 est :

• Sans confiance : les développeurs, les créateurs de contenu et les autres utilisateurs conservent le contrôle sur la manière dont les plates-formes Web3 et les DApp (applications décentralisées) sont créées et maintenues, ainsi que sur le contenu qui peut être publié. Ils ont une visibilité totale sur le code et la façon dont les services sont exécutés. Cela contraste avec le Web 2.0, où les entreprises et les gouvernements ont le contrôle et où les utilisateurs ne peuvent pas vérifier de manière indépendante les informations sur la façon dont les applications sont développées et gérées.
• Sans autorisation : les utilisateurs peuvent accéder à n'importe quelle application Web3 sans l'autorisation d'une entreprise ou d'un organisme gouvernemental. Ils se connectent avec les portefeuilles cryptographiques numériques qui contiennent leurs clés privées, les mots de passe qu'ils utilisent pour accéder aux devises numériques. Les portefeuilles peuvent être du matériel similaire aux clés USB ou aux applications mobiles comme MetaMask et TrustWallet.
• Distribué : le pouvoir et le contrôle sur les produits et services Internet ne sont pas concentrés entre les mains d'investisseurs ou de PDG, mais répartis équitablement entre les utilisateurs, qui gagnent des parts de propriété en fonction de leurs contributions au développement et à la maintenance des plates-formes Web3.
• Ouvert : Web3 fonctionne sur la blockchain, qui stocke les données dans des groupes individuels, appelés blocs. Une fois qu'un bloc est rempli d'informations, il est lié au précédent, formant une chaîne dans l'ordre chronologique. La blockchain est un registre ouvert le plus couramment utilisé pour enregistrer les transactions financières.

De nombreuses applications Web3 sont créées par de petites équipes composées et dirigées en grande partie par des développeurs. Certaines équipes sont indépendantes ; d'autres sont employés par des entreprises, y compris les marchés NFT (jeton non fongible) et les échanges cryptographiques. Souvent, ce sont les développeurs qui embauchent des designers pour travailler sur les produits Web3. Dans de nombreux cas, les concepteurs ayant une expérience préalable du Web3 sont préférés en raison de la courbe d'apprentissage abrupte dans cet espace en évolution rapide.

Cas d'utilisation Web3 et obstacles à l'expansion

Le Web3 est dominé par les applications financières : la crypto-monnaie, les échanges cryptographiques pour le commerce (échanges décentralisés ou DEX) et les NFT, qui sont utilisés pour signifier la propriété d'éléments numériques ou physiques uniques. De plus, la finance décentralisée, ou DeFi, permet aux utilisateurs de contourner les banques et d'accéder à des services financiers peer-to-peer, tels que l'emprunt, le prêt, la perception d'intérêts et la négociation d'actifs.

L'extension du Web3 à d'autres secteurs s'est avérée difficile. Par exemple, il n'y a aucun moyen de distinguer un site Web3 légitime d'une fraude - un problème qui est amplifié car les utilisateurs doivent entrer leurs informations d'identification de portefeuille crypto pour accéder aux plates-formes Web3. Si un site Web3 est une arnaque, tout utilisateur qui entre pourrait potentiellement perdre tout son argent.

Un autre problème est que la blockchain n'autorise pas le téléchargement d'images ou de vidéos. Les utilisateurs peuvent stocker des médias sur des réseaux cryptographiques comme Ethereum, mais cela coûte cher.

Dans les jeux vidéo Web3, les NFT peuvent représenter les avatars des joueurs et les articles achetés, mais il est souvent impossible de transférer ces actifs vers d'autres jeux ou applications, ce qui diminue les investissements des joueurs et les dissuade de jouer sur le Web3.

Ce que les concepteurs doivent savoir

L'utilisation des modèles d'interface utilisateur et des principes de conception UX suivants peut favoriser la croissance des plates-formes Web3 :

Fournir des invites claires et des informations complètes

De nombreuses applications Web3 supposent à tort une expérience considérable de la part des utilisateurs. Au lieu de cela, les concepteurs doivent clarifier les implications des fonctionnalités et actions inconnues de Web3. Par exemple, avant de déposer des fonds cryptographiques dans un pool de liquidités, les nouveaux investisseurs doivent savoir que leur argent pourrait perdre de la valeur - un avertissement qui pourrait être envoyé avec un message contextuel sur l'écran de dépôt.

Les activités sur les applications DeFi sont régies par des normes appelées protocoles. La plupart des applications DeFi effectuent des audits de sécurité réguliers et documentent les principales conclusions, y compris les vulnérabilités et les problèmes de code et les correctifs. Les concepteurs peuvent s'assurer que les applications DeFi informent les utilisateurs lorsque de nouveaux rapports d'audit sont disponibles, et ils peuvent aider à rendre les audits plus faciles à comprendre en résumant les sections complexes en texte clair.

De même, de nombreuses personnes lisent la documentation du produit Web3 pour comprendre les mécanismes des protocoles et prendre des décisions éclairées sur l'utilisation d'une application. Une grande partie de ce matériel est composée d'un jargon technique difficile à comprendre.

Là encore, les concepteurs peuvent garantir un contenu convivial en fournissant des résumés conversationnels au début des sections de documentation, ainsi que des liens vers du contenu plus technique. Les glossaires contextuels peuvent être intégrés sous forme d'icônes de lien dans le texte, permettant aux utilisateurs d'apprendre la signification des termes d'un clic de souris ou d'un doigt. Et la copie peut être divisée avec des images qui illustrent des concepts Web3 importants.

Utilisez des devises familières pour communiquer les taux de change

À mesure que les crypto-monnaies telles que le bitcoin deviennent plus populaires et que leurs prix fluctuent, il peut être difficile de suivre leur valeur. Dans les portefeuilles numériques et les applications de commerce électronique où ces jetons sont achetés, vendus et échangés contre des actifs tels que les NFT, les concepteurs doivent montrer aux utilisateurs les conversions de prix de la cryptographie vers leur devise d'origine et éviter d'utiliser plus de quelques décimales.

Rendre les hachages de portefeuille et de transaction facilement lisibles

Par défaut, chaque adresse sur la blockchain est une longue chaîne de caractères (jusqu'à 42) connue sous le nom d'ID ou de hachage. Lors de l'envoi de fonds, les gens doivent vérifier toute la chaîne. Il est facile de faire une erreur, et les enjeux sont importants : toutes les transactions blockchain sont définitives. Si les actifs sont envoyés à la mauvaise adresse de portefeuille, il n'y a aucun moyen de les récupérer. Dans une société d'investissement où je travaillais, nous avons négocié des accords ICO (offre initiale de pièces), envoyant d'énormes transferts aux entreprises participantes - et nous avions six personnes vérifiant l'adresse du portefeuille du destinataire à chaque fois.

Le service de noms Ethereum (ENS) permet aux gens de changer leurs hachages en quelque chose de plus facile à lire et à mémoriser, comme leurs noms plus .eth . Cependant, tout le monde n'utilise pas l'ENS parce que c'est coûteux.

Les concepteurs Web3 UX peuvent rendre les transactions moins stressantes en affichant uniquement les quatre premiers et derniers caractères du hachage pour permettre aux utilisateurs de le vérifier sans vérifier toute la chaîne. Les concepteurs peuvent également intégrer une exigence pour les utilisateurs de vérifier les hachages avant toute transaction, et ils peuvent inclure un logo d'identification à côté de chaque adresse de destinataire. Ces niveaux de vérification supplémentaires doivent être accompagnés d'un rappel que l'envoi d'actifs à la mauvaise adresse entraînera une perte totale de fonds.

Clarifier les temps d'attente des transactions

Lorsque vous transférez des fonds en ligne via une banque, vous recevez immédiatement une mise à jour du statut ou une confirmation que la transaction a été effectuée. Ce n'est pas le cas avec les DEX Web3. Le temps de traitement minimum pour les transactions blockchain est d'environ trois minutes, mais j'ai dû attendre jusqu'à deux heures. J'utilise la technologie depuis six ans et je panique toujours lorsque l'argent quitte mon portefeuille et que je ne reçois pas de confirmation de livraison en temps opportun.

Plus de DEX devraient afficher l'état de la transaction via du texte ou des animations, soit dans la barre d'état, soit dans les notifications. S'il n'est pas possible d'afficher les mises à jour dans l'interface utilisateur, fournir un lien vers l'explorateur de blocs open source, comme Etherscan sur Ethereum, est une bonne alternative.

Implémenter un bouton "Envoyer Max"

Le bitcoin, l'éther et d'autres crypto-monnaies sont souvent exprimés avec de nombreuses décimales, par exemple 0,0000085191. Il est difficile de saisir le montant total avec précision et efficacité lors de l'envoi d'argent à un particulier ou à une entreprise pour acheter un actif, tel qu'un NFT, ou lors du dépôt de fonds dans un contrat intelligent. Je recommande aux concepteurs de créer un bouton "Envoyer Max" dans les applications, permettant aux utilisateurs de transférer l'intégralité de leur solde de portefeuille vers une autre adresse en un seul clic.

C'est pratique lorsque le solde du portefeuille d'une personne est égal ou légèrement supérieur à la somme qu'elle doit transférer ; certains utilisateurs ont plusieurs portefeuilles, ce qui augmente la probabilité de ces occurrences. Ils peuvent envoyer le solde complet et la fonction le convertit automatiquement en bitcoin ou en éther. Cette fonctionnalité ne fait aucune comptabilisation lorsque le solde du portefeuille est supérieur au total dû, les concepteurs doivent donc inclure une boîte de dialogue de confirmation pour s'assurer que les utilisateurs n'envoient pas par erreur plus que prévu.

Expliquer comment fonctionnent les prix du gaz

Le gaz est probablement la chose la plus ennuyeuse et la plus déroutante de Web3, en particulier pour quelqu'un qui découvre la cryptographie. Les prix du gaz sont des frais supplémentaires que les utilisateurs paient pour couvrir le coût de la puissance de calcul nécessaire au traitement des transactions. Les utilisateurs peuvent choisir de payer des frais plus élevés pour accélérer les transferts.

Les concepteurs doivent expliquer ce qu'est le gaz et comment il fonctionne. Si possible, ils doivent indiquer le prix de l'essence dans la monnaie fiduciaire native la plus courante parmi les utilisateurs (généralement en USD). Les concepteurs pourraient également suggérer une combinaison viable du prix du gaz et de la vitesse de transfert résultante ; si les transactions stagnent ou échouent en raison de faibles paiements de gaz, les concepteurs devraient permettre aux utilisateurs de payer des frais plus élevés pour accélérer les transferts.

Rendre les historiques de transactions des utilisateurs facilement accessibles

Pratiquement tous les sites Web de commerce électronique centralisés (Web 2.0) permettent aux utilisateurs de consulter l'historique complet de leurs achats. Il est difficile d'accéder à un tel enregistrement sur un échange décentralisé : les portefeuilles fournissent un historique des transactions, mais uniquement pour un compte à la fois, et il est difficile, voire impossible, de filtrer par DApps. Pour obtenir le type d'historique disponible sur une plate-forme centralisée, les utilisateurs de Web3 doivent se rendre dans un explorateur de blocs comme Etherscan, qui n'est pas convivial et rend difficile la recherche d'une transaction spécifique.

Les concepteurs Web3 devraient donner aux utilisateurs un moyen simple d'examiner les transactions en chaîne qu'ils effectuent au sein de DApps individuels. Celui-ci doit être placé dans un endroit facile à trouver, comme un panneau latéral ou un menu. Une autre option serait de créer un mode "chain-view" activé par un bouton : une fois cliqué, il placerait un filtre sur l'ensemble de l'interface utilisateur, indiquant tout le contenu de la DApp qui est stocké sur la blockchain, y compris l'historique des transactions. . Il serait également utile de permettre aux utilisateurs de filtrer et d'exporter facilement leurs enregistrements de transactions.

Activer la gestion facile des clés privées

Les clés privées qui permettent aux utilisateurs d'accéder à leurs portefeuilles numériques ne sont pas faciles à stocker. Les gens oublient parfois de les sauvegarder ou ne savent pas comment le faire. Ces clés ne peuvent pas être récupérées une fois perdues : il n'y a pas d'option "réinitialiser le mot de passe". Les concepteurs peuvent résoudre ce problème en suivant l'exemple de MetaMask et en fournissant à chaque utilisateur une phrase de départ, une série de mots qui peuvent être utilisés pour déverrouiller leur portefeuille.

Les concepteurs doivent également avertir les utilisateurs que leurs fonds seront inaccessibles et vulnérables au vol s'ils perdent leurs clés privées ou leurs phrases de départ. Un tel message devrait apparaître dans l'application de portefeuille d'un utilisateur, d'abord sous forme de notification lors de la configuration du portefeuille, puis sous forme de rappel récurrent selon un calendrier prédéfini.

Points clés à retenir

Pour que Web3 gagne en popularité et s'étende au-delà des portefeuilles numériques et des plateformes financières, les concepteurs doivent rendre les applications Web3 plus cohérentes et intuitives. Ils doivent également fournir une formation utilisateur plus simple pour aider à familiariser les nouveaux arrivants avec les nouvelles fonctionnalités et interactions trouvées sur les plates-formes Web3.

Faire en sorte que les DApps se sentent en sécurité doit également être une priorité. Il est impossible de contrôler la nature sans confiance et sans autorisation de Web3, mais les concepteurs peuvent prédire ce qui peut mal tourner et aider à prévenir ces occurrences. Des mises en garde plus transparentes sur les risques contribueront grandement à apaiser les inquiétudes des gens et à les convaincre d'adopter le Web3.

Lectures complémentaires sur le blog Toptal :

Comment concevoir pour une confiance maximale dans le produit

Boostez votre UX avec ces principes de conception d'interaction réussis

Avantages du flux Web pour la conception Web sans code : une étude de cas