Web3のデザインとUX

イーサリアムを使ったデザインは初めてでしょうか？ そうならば、ここはあなたに適した場所です。 イーサリアムコミュニティでは、Web3のデザインとリサーチの基礎を紹介するためのリソースを作っています。 ここでは、あなたがよく知っている他のアプリのデザインとは異なる可能性があるコア・コンセプトについて学びます。

それより前に、Web3の基礎を理解したいでしょうか？ 「ラーニングハブ」をご覧ください。

ユーザーリサーチから始める

効果的なデザインは、視覚的に魅力的なユーザーインターフェイスを作成するだけにとどまりません。 ユーザーのニーズ、目的、推進要因などを深く理解することが伴います。 そのため、すべてのデザイナーが、その作業を慎重かつ意図的に行えるように、ダブルダイヤモンドプロセス (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) - 定量的リサーチと定性的リサーチの概要とその2つの違いについての簡単な解説 (動画、6分)
• Web3のUXリサーチャーであること (opens in a new tab) - Web3のUXリサーチャーであることについての私見

Web3における調査研究

ここにあるのは、Web3の分野で行われたユーザー調査についての収集したリストです。デザインや製品の決定に役立てることができます。もしくは、独自調査におけるインスピレーションとして役立ちます。

Web3のためのデザイン

• Web3 UXデザインハンドブック (opens in a new tab) - Web3アプリ設計のための実践的ガイド
• Web3デザイン原則 (opens in a new tab) - ブロックチェーンベースのdappsのための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デザインのベストプラクティス - 分散型取引所を設計するためのガイド

Web3デザインケーススタディ

• Deep Work Studio (opens in a new tab)
• OpenSeaでNFTを販売する (opens in a new tab)
• ウォレットUXの徹底分析: ウォレットはどのように変わる必要があるか (opens in a new tab) (動画、20分)

デザインバウンティ

• Dework (opens in a new tab)
• Buildboxハッカソン (opens in a new tab)
• ETHGlobalハッカソン (opens in a new tab)

デザイン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)

デザインシステムとその他のデザインリソース

• Optimismデザイン (opens in a new tab) (Figma)
• Ethereum.orgデザインシステム (opens in a new tab) (Figma)
• Finity、Polygonによるデザインシステム (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)でこのページを編集してください。