--- title: "Web3におけるデザインとUX" description: "Web3スペースとイーサリアムにおけるUXデザインとリサーチの紹介" lang: ja --- イーサリアムでのデザインは初めてですか？ここはあなたにぴったりの場所です。イーサリアムコミュニティは、Web3のデザインとリサーチの基礎を紹介するリソースを作成しました。あなたが慣れ親しんでいる他のアプリのデザインとは異なるかもしれないコアコンセプトについて学びます。 まずWeb3のより基本的な理解が必要ですか？[**学習ハブ**](/learn/)をチェックしてください。 ## ユーザーリサーチから始める {#start-with-user-research} 効果的なデザインは、視覚的に魅力的なユーザーインターフェースを作成するだけにとどまりません。ユーザーのニーズ、目的、および推進要因を深く理解することが含まれます。したがって、すべてのデザイナーが[**ダブルダイヤモンドプロセス**]()などのデザインプロセスを採用し、意図的かつ計画的に作業を進めることを強くお勧めします。 現在最も差し迫ったUXの課題（ペインポイント）を確認したい場合は、こちらの**[現在のUX課題マップ](https://ethux.design/)**をご覧ください。 - [Web3にはより多くのUXリサーチャーとデザイナーが必要](https://blog.akasha.org/akasha-conversations-9-web3-needs-more-ux-researchers-and-designers) - 現在のデザイン成熟度の概要 - [Web3におけるUXリサーチのシンプルなガイド](https://uxplanet.org/a-complete-guide-to-ux-research-for-web-3-0-products-d6bead20ebb1) - リサーチの進め方に関するシンプルなガイド - [Web3におけるUXの意思決定へのアプローチ方法](https://archive.devcon.org/archive/watch/6/data-empathy-how-to-approach-ux-decisions-in-web3/) - 定量調査と定性調査の概要、および両者の違い（動画、6分） - [Web3のUXリサーチャーになること](https://medium.com/@georgia.rakusen/what-its-like-being-a-user-researcher-in-web3-6a4bcc096849) - Web3のUXリサーチャーとはどのようなものかについての個人的な見解 ## Web3におけるリサーチ研究 {#research-in-web3} これは、デザインやプロダクトの意思決定に役立つ、あるいは独自の研究を行うためのインスピレーションとなる、Web3で行われたユーザーリサーチの厳選されたリストです。 | 注力分野 | 名前 | | :------------------------------------------------------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | 暗号資産のオンボーディング | [The Reown Pulse 2024: 暗号資産の消費者心理と利用状況](https://reown.com/blog/unveiling-walletconnects-consumer-crypto-report) | | 暗号資産のオンボーディング | [CRADL: 暗号資産におけるUX](https://docs.google.com/presentation/d/1s2OPSH5sMJzxRYaJSSRTe8W2iIoZx0PseIV-WeZWD1s/edit?usp=sharing) | | 暗号資産のオンボーディング | [CRADL: 暗号資産へのオンボーディング](https://docs.google.com/presentation/d/1R9nFuzA-R6SxaGCKhoMbE4Vxe0JxQSTiHXind3LVq_w/edit?usp=sharing) | | 暗号資産のオンボーディング | [ビットコインUXレポート](https://github.com/patestevao/BitcoinUX-report/blob/master/report.md) | | 暗号資産のオンボーディング | [コンセンシス: 2023年 世界におけるWeb3認識の現状](https://consensys.io/insight-report/web3-and-crypto-global-survey-2023) | | 暗号資産のオンボーディング | [NEAR: 普及に向けた道のりの加速](https://drive.google.com/file/d/1VuaQP4QSaQxR5ddQKTMGI0b0rWdP7uGn/view) | | ステーキング | [OpenUX: Rocket PoolノードオペレーターのUX](https://storage.googleapis.com/rocketpool/RocketPool-NodeOperator-UX-Report-Jan-2024.pdf) | | ステーキング | [ステーキング: 主要なトレンド、要点、および予測 - Eth Staker](https://lookerstudio.google.com/u/0/reporting/cafcee00-e1af-4148-bae8-442a88ac75fa/page/p_ja2srdhh2c?s=hmbTWDh9hJo) | | ステーキング | [マルチアプリステーキング]() | | DAO | [2022年 DAOリサーチアップデート: DAOビルダーが求めているものとは？](https://blog.aragon.org/2022-dao-research-update/) | | DeFi | [カバレッジプール](https://github.com/threshold-network/UX-User-Research/tree/main/Keep%20Coverage%20Pool) | | DeFi | [コンセンシス: 分散型金融 (DeFi) ユーザーリサーチレポート 2022](https://cdn2.hubspot.net/hubfs/4795067/ConsenSys%20Codefi-Defi%20User%20ResearchReport.pdf) | | メタバース | [メタバース: ユーザーリサーチレポート](https://www.politico.com/f/?id=00000187-7685-d820-a7e7-7e85d1420000) | | メタバース | [サファリへ行く: メタバースにおけるユーザーリサーチ](https://archive.devcon.org/archive/watch/6/going-on-safari-researching-users-in-the-metaverse/?tab=YouTube)（動画、27分） | ## Web3のためのデザイン {#design-for-web3} - [Web3デザインプレイブック](https://learnweb3.design/) - デザイナーや創業者向けの、Web3のUX原則、DeFiパターン、ガバナンスデザイン、ウォレットUX、プロトコルレベルの思考に関するフレームワークとメモの包括的なコレクション - [Web3 UXデザインハンドブック](https://web3ux.design/) - Web3アプリをデザインするための実践的なガイド - [Web3デザイン原則](https://medium.com/@lyricalpolymath/web3-design-principles-f21db2f240c1) - ブロックチェーンベースの分散型アプリケーション (dapp) 向けのUXルールのフレームワーク - [ブロックチェーンデザイン原則](https://medium.com/design-ibm/blockchain-design-principles-599c5c067b6e) - IBMのブロックチェーンデザインチームが学んだ教訓 - [Neueux.com](https://neueux.com/apps) - 多様なフィルタリングオプションを備えたユーザーフローのUIライブラリ - [Web3のユーザビリティの危機: 知っておくべきこと！](https://www.youtube.com/watch?v=oBSXT_6YDzg) - 開発者中心のプロジェクト構築の落とし穴に関するパネルディスカッション（動画、34分） ## はじめに {#getting-started} - [Web3のヒューリスティクス](/developers/docs/design-and-ux/heuristics-for-web3/) - Web3インターフェースデザインのための7つのヒューリスティクス - [DEXデザインのベストプラクティス](/developers/docs/design-and-ux/dex-design-best-practice/) - 分散型取引所 (DEX) をデザインするためのガイド ## Web3デザインのケーススタディ {#design-case-studies} - [Deep Work Studio](https://www.deepwork.studio/case-studies) - [オープンシーでのNFT販売](https://builtformars.com/case-studies/opensea) - [ウォレットUXの分解: ウォレットはどのように変わるべきか](https://www.youtube.com/watch?v=oTpuxYj8JWI&ab_channel=ETHDenver)（動画、20分） ## デザインバウンティ {#bounties} - [Dework](https://app.dework.xyz/bounties) - [Buildboxハッカソン](https://app.buidlbox.io/) - [ETHGlobalハッカソン](https://ethglobal.com/) ## デザインDAOとコミュニティ {#design-daos-and-communities} プロフェッショナルなコミュニティ主導の組織に参加したり、デザイングループに加わったりして、デザインやリサーチに関連するトピックやトレンドについて他のメンバーと議論しましょう。 - [Vectordao.com](https://vectordao.com/) - [Deepwork.studio](https://www.deepwork.studio/) - [We3.co](https://we3.co/) - [Openux.xyz](https://openux.xyz/) ## デザインシステムとその他のデザインリソース {#design-systems-and-resources} - [オプティミズムデザイン](https://www.figma.com/@optimism) (Figma) - [Ethereum.org デザインシステム](https://www.figma.com/@ethdotorg) (Figma) - [Finity、ポリゴンによるデザインシステム](https://www.figma.com/community/file/1073921725197233598/finity-design-system) (Figma) - [Kleros デザインシステム](https://www.figma.com/community/file/999852250110186964/kleros-design-system) (Figma) - [Safe デザインシステム](https://www.figma.com/community/file/1337417127407098506/safe-design-system) (Figma) - [ENS デザインシステム](https://thorin.ens.domains/) - [Mirror デザインシステム](https://degen-xyz.vercel.app/) **このページに掲載されている記事やプロジェクトは公式に推奨されているものではなく**、情報提供のみを目的としています。 当サイトの[掲載ポリシー](/contributing/design/adding-design-resources)の基準に基づいて、このページにリンクを追加しています。プロジェクトや記事の追加をご希望の場合は、[GitHub](https://github.com/ethereum/ethereum-org-website/blob/dev/public/content/developers/docs/design-and-ux/index.md)でこのページを編集してください。