Design et UX dans le Web3
Vous débutez dans le design avec 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 dans le Web3. Vous découvrirez des concepts fondamentaux qui peuvent différer des autres designs d'applications que vous connaissez.
Besoin d'abord d'une compréhension plus basique 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 implique d'acquérir une compréhension approfondie des besoins, des objectifs et des motivations de l'utilisateur. Par conséquent, nous recommandons vivement à tous les designers d'adopter un processus de design, tel que le processus du double diamant (opens in a new tab), pour s'assurer que leur travail est réfléchi et intentionnel.
Si vous souhaitez voir quels sont actuellement les points de friction UX les plus urgents, consultez cette carte des problèmes UX actuels (opens in a new tab).
- 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 de la recherche UX dans le Web3 (opens in a new tab) - Guide simple sur la façon de faire de la recherche
- 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 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 utilisateurs effectuées dans le Web3 qui peuvent aider aux décisions de design et de produit ou servir d'inspiration pour mener sa propre étude.
Design pour le Web3
- Web3 Design Playbook (opens in a new tab) - Une collection complète de cadres et de notes sur les principes UX du Web3, les modèles de la finance décentralisée (DeFi), le design de la gouvernance, l'UX des portefeuilles et la réflexion au niveau du protocole pour les designers et les fondateurs
- Manuel de design UX 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 applications décentralisées (dapps) basées sur la chaîne de blocs
- Principes de design de la chaîne de blocs (opens in a new tab) - Leçons tirées par l'équipe de design de la chaîne de blocs chez IBM
- Neueux.com (opens in a new tab) - Bibliothèque d'interface utilisateur (UI) de parcours utilisateurs avec diverses options de filtrage
- La crise d'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 le design d'interfaces Web3
- Meilleures pratiques de design pour les DEX - Un guide pour concevoir des é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 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 Buildbox (opens in a new tab)
- Hackathons ETHGlobal (opens in a new tab)
DAO et communautés de design
Impliquez-vous dans des organisations professionnelles gérées par la communauté ou rejoignez des groupes de design pour discuter de sujets et de tendances liés au design et à la recherche avec d'autres membres.
- 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 sont pas des recommandations officielles, et sont fournis à titre informatif uniquement. Nous ajoutons des liens à cette page en fonction 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).