---
title: Design et UX dans le Web3
description: "Introduction au design et à la recherche UX dans l'espace Web3 et Ethereum"
lang: fr
---

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**](/learn/).

## Commencer par la recherche utilisateur {#start-with-user-research}

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**](<https://en.wikipedia.org/wiki/Double_Diamond_(design_process_model)>), 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](https://ethux.design/)**.

- [Le Web3 a besoin de plus de chercheurs et de designers UX](https://blog.akasha.org/akasha-conversations-9-web3-needs-more-ux-researchers-and-designers) - Un aperçu de la maturité actuelle du design
- [Un guide simple de la recherche UX dans le Web3](https://uxplanet.org/a-complete-guide-to-ux-research-for-web-3-0-products-d6bead20ebb1) - Guide simple sur la façon de faire de la recherche
- [Comment aborder les décisions UX dans le Web3](https://archive.devcon.org/archive/watch/6/data-empathy-how-to-approach-ux-decisions-in-web3/) - 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](https://medium.com/@georgia.rakusen/what-its-like-being-a-user-researcher-in-web3-6a4bcc096849) - 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 {#research-in-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.

| Area of focus                                           | Name                                                                                                                                                                               |
| :------------------------------------------------------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |                                         
| <Tag variant="solid" status="success">Intégration crypto</Tag>    | [The Reown Pulse 2024 : Sentiment et utilisation des consommateurs de crypto](https://reown.com/blog/unveiling-walletconnects-consumer-crypto-report)                                                |
| <Tag variant="solid" status="success">Intégration crypto</Tag>    | [CRADL : L'UX dans les cryptomonnaies](https://docs.google.com/presentation/d/1s2OPSH5sMJzxRYaJSSRTe8W2iIoZx0PseIV-WeZWD1s/edit?usp=sharing)                                                |
| <Tag variant="solid" status="success">Intégration crypto</Tag>    | [CRADL : Intégration aux cryptomonnaies](https://docs.google.com/presentation/d/1R9nFuzA-R6SxaGCKhoMbE4Vxe0JxQSTiHXind3LVq_w/edit?usp=sharing)                                        |
| <Tag variant="solid" status="success">Intégration crypto</Tag>    | [Rapport UX sur Bitcoin](https://github.com/patestevao/BitcoinUX-report/blob/master/report.md)                                                                                          |
| <Tag variant="solid" status="success">Intégration crypto</Tag>    | [ConsenSys : L'état de la perception du Web3 dans le monde en 2023](https://consensys.io/insight-report/web3-and-crypto-global-survey-2023)                                            |
| <Tag variant="solid" status="success">Intégration crypto</Tag>    | [NEAR : Accélérer le parcours vers l'adoption](https://drive.google.com/file/d/1VuaQP4QSaQxR5ddQKTMGI0b0rWdP7uGn/view)                                                          |
| <Tag status="tag">Staking</Tag>             | [OpenUX : UX des opérateurs de nœuds Rocket Pool](https://storage.googleapis.com/rocketpool/RocketPool-NodeOperator-UX-Report-Jan-2024.pdf)         |
| <Tag status="tag">Staking</Tag>             | [Staking : Tendances clés, points à retenir et prédictions - Eth Staker](https://lookerstudio.google.com/u/0/reporting/cafcee00-e1af-4148-bae8-442a88ac75fa/page/p_ja2srdhh2c?s=hmbTWDh9hJo) |
| <Tag status="tag">Staking</Tag>             | [Multi App Staking](<https://github.com/threshold-network/UX-User-Research/blob/main/Multi-App%20Staking%20(MAS)/iterative-user-study/MAS%20Iterative%20User%20Study.pdf>)         |
| <Tag variant="solid" status="error">DAO</Tag>                    | [Mise à jour de la recherche sur les DAO 2022 : De quoi ont besoin les créateurs de DAO ?](https://blog.aragon.org/2022-dao-research-update/)                                                                          |
| <Tag status="error">DeFi</Tag>                  | [Pools de couverture](https://github.com/threshold-network/UX-User-Research/tree/main/Keep%20Coverage%20Pool)                                                                           |
| <Tag status="error">DeFi</Tag>                  | [ConsenSys : Rapport de recherche sur les utilisateurs de la DeFi 2022](https://cdn2.hubspot.net/hubfs/4795067/ConsenSys%20Codefi-Defi%20User%20ResearchReport.pdf)                                            |
| <Tag variant="solid">Métavers</Tag>             | [Métavers : Rapport de recherche utilisateur](https://www.politico.com/f/?id=00000187-7685-d820-a7e7-7e85d1420000)                                                                             |
| <Tag variant="solid">Métavers</Tag>             | [Partir en safari : Recherche sur les utilisateurs dans le métavers](https://archive.devcon.org/archive/watch/6/going-on-safari-researching-users-in-the-metaverse/?tab=YouTube) (vidéo, 27 min)  |

## Design pour le Web3 {#design-for-web3}

- [Web3 Design Playbook](https://learnweb3.design/) - 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](https://web3ux.design/) - Guide pratique pour concevoir des applications Web3
- [Principes de design Web3](https://medium.com/@lyricalpolymath/web3-design-principles-f21db2f240c1) - 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](https://medium.com/design-ibm/blockchain-design-principles-599c5c067b6e) - Leçons tirées par l'équipe de design de la chaîne de blocs chez IBM
- [Neueux.com](https://neueux.com/apps) - 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 !](https://www.youtube.com/watch?v=oBSXT_6YDzg) - 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 {#getting-started}

- [Heuristiques pour le Web3](/developers/docs/design-and-ux/heuristics-for-web3/) - 7 heuristiques pour le design d'interfaces Web3
- [Meilleures pratiques de design pour les DEX](/developers/docs/design-and-ux/dex-design-best-practice/) - Un guide pour concevoir des échanges décentralisés

## Études de cas de design Web3 {#design-case-studies}

- [Deep Work Studio](https://www.deepwork.studio/case-studies)
- [Vendre un NFT sur OpenSea](https://builtformars.com/case-studies/opensea)
- [Analyse de l'UX des portefeuilles : comment les portefeuilles doivent changer](https://www.youtube.com/watch?v=oTpuxYj8JWI&ab_channel=ETHDenver) (vidéo, 20 min)

## Primes de design {#bounties}

- [Dework](https://app.dework.xyz/bounties)
- [Hackathons Buildbox](https://app.buidlbox.io/)
- [Hackathons ETHGlobal](https://ethglobal.com/)

## DAO et communautés de design {#design-daos-and-communities}

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](https://vectordao.com/)
- [Deepwork.studio](https://www.deepwork.studio/)
- [We3.co](https://we3.co/)
- [Openux.xyz](https://openux.xyz/)

## Systèmes de design et autres ressources de design {#design-systems-and-resources}

- [Design d'Optimism](https://www.figma.com/@optimism) (Figma)
- [Système de design d'Ethereum.org](https://www.figma.com/@ethdotorg) (Figma)
- [Finity, un système de design par Polygon](https://www.figma.com/community/file/1073921725197233598/finity-design-system) (Figma)
- [Système de design de Kleros](https://www.figma.com/community/file/999852250110186964/kleros-design-system) (Figma)
- [Système de design de Safe](https://www.figma.com/community/file/1337417127407098506/safe-design-system) (Figma)
- [Système de design d'ENS](https://thorin.ens.domains/)
- [Système de design de Mirror](https://degen-xyz.vercel.app/)

**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](/contributing/design/adding-design-resources). Si vous souhaitez que nous ajoutions un projet/article, modifiez cette page sur [GitHub](https://github.com/ethereum/ethereum-org-website/blob/dev/public/content/developers/docs/design-and-ux/index.md).