Web3におけるデザインとUX
イーサリアムでのデザインは初めてですか？ここはあなたにぴったりの場所です。イーサリアムコミュニティは、Web3のデザインとリサーチの基礎を紹介するリソースを作成しました。あなたが慣れ親しんでいる他のアプリのデザインとは異なるかもしれないコアコンセプトについて学びます。
まずWeb3のより基本的な理解が必要ですか？学習ハブをチェックしてください。
ユーザーリサーチから始める
効果的なデザインは、視覚的に魅力的なユーザーインターフェースを作成するだけにとどまりません。ユーザーのニーズ、目的、および推進要因を深く理解することが含まれます。したがって、すべてのデザイナーがダブルダイヤモンドプロセス (opens in a new tab)などのデザインプロセスを採用し、意図的かつ計画的に作業を進めることを強くお勧めします。
現在最も差し迫ったUXの課題（ペインポイント）を確認したい場合は、こちらの**現在のUX課題マップ (opens in a new tab)**をご覧ください。
- Web3にはより多くのUXリサーチャーとデザイナーが必要 (opens in a new tab) - 現在のデザイン成熟度の概要
- Web3におけるUXリサーチのシンプルなガイド (opens in a new tab) - リサーチの進め方に関するシンプルなガイド
- Web3におけるUXの意思決定へのアプローチ方法 (opens in a new tab) - 定量調査と定性調査の概要、および両者の違い（動画、6分）
- Web3のUXリサーチャーになること (opens in a new tab) - Web3のUXリサーチャーとはどのようなものかについての個人的な見解
Web3におけるリサーチ研究
これは、デザインやプロダクトの意思決定に役立つ、あるいは独自の研究を行うためのインスピレーションとなる、Web3で行われたユーザーリサーチの厳選されたリストです。
Web3のためのデザイン
- Web3デザインプレイブック (opens in a new tab) - デザイナーや創業者向けの、Web3のUX原則、DeFiパターン、ガバナンスデザイン、ウォレットUX、プロトコルレベルの思考に関するフレームワークとメモの包括的なコレクション
- Web3 UXデザインハンドブック (opens in a new tab) - Web3アプリをデザインするための実践的なガイド
- Web3デザイン原則 (opens in a new tab) - ブロックチェーンベースの分散型アプリケーション (dapp) 向けのUXルールのフレームワーク
- ブロックチェーンデザイン原則 (opens in a new tab) - IBMのブロックチェーンデザインチームが学んだ教訓
- Neueux.com (opens in a new tab) - 多様なフィルタリングオプションを備えたユーザーフローのUIライブラリ
- Web3のユーザビリティの危機: 知っておくべきこと！ (opens in a new tab) - 開発者中心のプロジェクト構築の落とし穴に関するパネルディスカッション（動画、34分）
はじめに
- Web3のヒューリスティクス - Web3インターフェースデザインのための7つのヒューリスティクス
- DEXデザインのベストプラクティス - 分散型取引所 (DEX) をデザインするためのガイド
Web3デザインのケーススタディ
- Deep Work Studio (opens in a new tab)
- オープンシーでのNFT販売 (opens in a new tab)
- ウォレットUXの分解: ウォレットはどのように変わるべきか (opens in a new tab)（動画、20分）
デザインバウンティ
デザインDAOとコミュニティ
プロフェッショナルなコミュニティ主導の組織に参加したり、デザイングループに加わったりして、デザインやリサーチに関連するトピックやトレンドについて他のメンバーと議論しましょう。
- 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)
デザインシステムとその他のデザインリソース
- オプティミズムデザイン (opens in a new tab) (Figma)
- Ethereum.org デザインシステム (opens in a new tab) (Figma)
- Finity、ポリゴンによるデザインシステム (opens in a new tab) (Figma)
- Kleros デザインシステム (opens in a new tab) (Figma)
- Safe デザインシステム (opens in a new tab) (Figma)
- ENS デザインシステム (opens in a new tab)
- Mirror デザインシステム (opens in a new tab)
このページに掲載されている記事やプロジェクトは公式に推奨されているものではなく、情報提供のみを目的としています。 当サイトの掲載ポリシーの基準に基づいて、このページにリンクを追加しています。プロジェクトや記事の追加をご希望の場合は、GitHub (opens in a new tab)でこのページを編集してください。
ページの最終更新: 2026年4月8日
