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.

Commencez par une étude sur les utilisateurs

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 sur la recherche sur l'UX dans le web3(opens in a new tab) - Guide sur comment faire de la recherche
• Comment aborder les décisions d'UX dans le Web3(opens in a new tab) - Un aperçu rapide 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 et recherches 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.

Conception pour le web3

• Manuel de conception UX pour le Web3(opens in a new tab) - Guide pratique pour concevoir des applications Web3
• Principes de Design Web3(opens in a new tab) - Un cadre de règles UX pour les dapps basées sur la blockchain
• Principes de Design Blockchain(opens in a new tab) - Leçons apprises par l'équipe de design blockchain chez IBM
• Modèles de conception Web3(opens in a new tab) - Une bibliothèque organisée de modèles de conception issus de véritables produits Web3
• W3design.io(opens in a new tab) - Une bibliothèque organisée de flux d'interface utilisateur de différents projets dans l'écosystème
• Neueux.com(opens in a new tab) - Bibliothèque d'interface utilisateur de flux d'utilisateurs avec diverses options de filtrage
• La crise de la convivialité du Web3 : Ce que vous DEVEZ savoir !(opens in a new tab) - Une table ronde sur les pièges de la construction de projets axés sur les développeurs (vidéo, 34 minutes)

Premiers pas

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

Études de cas dans la conception pour le web3

• Deep Work Studio(opens in a new tab)
• Manuel UX Crypto(opens in a new tab)
• Vendre un NFT sur OpenSea(opens in a new tab)
• Analyse UX du portefeuille : comment les portefeuilles doivent changer(opens in a new tab) (vidéo, 20 min)

Primes pour la conception

• Dework(opens in a new tab)
• Hackathons Buildbox(opens in a new tab)
• Hackathon ETHGlobal(opens in a new tab)

Concevoir des DAOs et des communautés

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)
• Designer-dao.xyz(opens in a new tab)
• We3.co(opens in a new tab)
• Openux.xyz(opens in a new tab)
• Open Source Web3Design(opens in a new tab)

Concevoir des systèmes

• Conception d'Optimism(opens in a new tab) (Figma)
• Ethereum.org Conception de system(opens in a new tab) (Figma)
• Finity, un système de conception par Polygon(opens in a new tab) (Figma)
• système de conception Kleros(opens in a new tab) (Figma)
• système de conception Safe(opens in a new tab) (Figma)
• Architecture du système ENS(opens in a new tab)
• Architecture du système Mirror(opens in a new tab)

Les articles et les projets énumérés sur cette page ne sont pas officiellement approuvés et sont fournis à titre d'information uniquement. Nous ajoutons des liens à cette page en fonction des critères définis dans 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).