Design et UX dans le web3

Vous êtes novice en matière de design sur Ethereum ? Vous êtes au bon endroit. La communauté Ethereum a rédigé des ressources pour vous présenter les bases du design et de la recherche web3. Vous découvrirez des concepts fondamentaux qui peuvent différer des autres designs d'applications que vous connaissez.

Vous avez d'abord besoin d'une compréhension plus élémentaire du web3 ? Consultez le Centre d'apprentissage.

Commencer par la recherche utilisateur

Un design efficace va au-delà de la création d'interfaces utilisateur visuellement attrayantes. Il s'agit d'acquérir une compréhension approfondie des besoins, des objectifs et des facteurs déterminants de l'utilisateur. C'est pourquoi nous recommandons vivement à tous les designers d'adopter un processus de design, tel que le processus du double diamant (opens in a new tab), afin de s'assurer que leur travail est délibéré et intentionnel.

• Le Web3 a besoin de plus de chercheurs et de designers UX (opens in a new tab) - Un aperçu de la maturité actuelle du design
• Un guide simple pour la recherche UX dans le web3 (opens in a new tab) - Guide simple sur la manière de mener des recherches
• Comment aborder les décisions UX dans le Web3 (opens in a new tab) - Un bref aperçu de la recherche quantitative et qualitative et des différences entre les deux (vidéo, 6 min)
• Être un chercheur UX dans le web3 (opens in a new tab) - Un point de vue personnel sur ce que c'est que d'être un chercheur UX dans le web3

Études de recherche dans le web3

Il s'agit d'une liste organisée de recherches par des utilisateurs sur le Web3 qui peut aider à prendre des décisions de conception de produit ou servir d'inspiration pour mener sa propre étude.

Design pour le web3

• Manuel de conception UX pour le Web3 (opens in a new tab) - Guide pratique pour la conception d'applications Web3
• Principes de design du Web3 (opens in a new tab) - Un cadre de règles UX pour les dapps basées sur la blockchain
• Principes de design de la blockchain (opens in a new tab) - Leçons apprises par l'équipe de design blockchain d'IBM
• Neueux.com (opens in a new tab) - Bibliothèque d'interface utilisateur de flux d'utilisateurs avec diverses options de filtrage
• La crise de l'utilisabilité du Web3 : ce que vous DEVEZ savoir ! (opens in a new tab) - Une table ronde sur les pièges de la création de projets axés sur les développeurs (vidéo, 34 min)

Pour commencer

• Heuristiques pour le Web3 - 7 heuristiques pour la conception d'interfaces Web3
• Meilleures pratiques de conception des DEX - Un guide pour la conception d'échanges décentralisés

Études de cas de design Web3

• Deep Work Studio (opens in a new tab)
• Vendre un NFT sur OpenSea (opens in a new tab)
• Analyse détaillée de l'UX des portefeuilles : comment les portefeuilles doivent changer (opens in a new tab) (vidéo, 20 min)

Primes de design

• Dework (opens in a new tab)
• Hackathons Buidlbox (opens in a new tab)
• Hackathons ETHGlobal (opens in a new tab)

DAO et communautés de design

Participez à des organisations professionnelles communautaires ou rejoignez des groupes de designers pour discuter avec d'autres membres de sujets et de tendances liés au design et à la recherche.

• Vectordao.com (opens in a new tab)
• Deepwork.studio (opens in a new tab)
• We3.co (opens in a new tab)
• Openux.xyz (opens in a new tab)

Systèmes de design et autres ressources de design

• Design d'Optimism (opens in a new tab) (Figma)
• Système de design d'Ethereum.org (opens in a new tab) (Figma)
• Finity, un système de design par Polygon (opens in a new tab) (Figma)
• Système de design de Kleros (opens in a new tab) (Figma)
• Système de design de Safe (opens in a new tab) (Figma)
• Système de design d'ENS (opens in a new tab)
• Système de design de Mirror (opens in a new tab)

Les articles et projets listés sur cette page ne constituent pas des approbations officielles et sont fournis à titre informatif uniquement. Nous ajoutons des liens à cette page sur la base des critères de notre politique de référencement. Si vous souhaitez que nous ajoutions un projet/article, modifiez cette page sur GitHub (opens in a new tab).