信頼を失い、真実を増す：Web3デザインのベストプラクティスとパターン

開発者は新しいインターネットを夢見ています。 Web3は、ユーザーがオンラインで作成しているプラ​​ットフォームとコンテンツの完全な所有権をユーザーに与える分散型モデルです。 しかし、インターネットに革命を起こそうとすると、複数の設計上の課題が発生します。主に、Web3の独自の機能によって引き起こされる混乱と安全性の懸念を解決するユーザーインターフェイスを構築することです。

Web3の説明

Web3を理解するには、インターネットの簡単な歴史を知ることが役立ちます。

• Web 1.0は分散化されていました。つまり、コンテンツとプラットフォームの所有権と制御は、多くの個人と企業に分散されていました。
• インターネットの現在のイテレーションであるWeb2.0は、Apple、Google、Facebook（現在はMeta）、Twitterなどのユーザーフレンドリーなプラットフォームを備えた少数のソフトウェア会社のおかげで進化しました。 より多くの人々がオンラインでアクティブなクリエーターと消費者になるにつれて、ウェブはより集中化され、主に少数の企業によって所有および管理されるようになりました。

Web3により、開発者はインターネットを再び分散化させています。 技術独占は、ユーザーが作成するコンテンツとプラットフォームを所有し、指揮することはできなくなります。 Web3は、インターネットのセキュリティとプライバシーの問題を解決することも目的としています。

Web3は次のとおりです。

• 信頼できない：開発者、コンテンツクリエーター、およびその他のユーザーは、Web3プラットフォームとDApp（分散型アプリケーション）の構築と保守の方法、および投稿できるコンテンツを制御できます。 コードとサービスの実行方法を完全に把握できます。 これは、企業や政府が管理し、ユーザーがアプリケーションの開発方法や管理方法に関する情報を独自に検証できないWeb2.0とは対照的です。
• 許可なし：ユーザーは、企業や政府機関の許可なしに任意のWeb3アプリにアクセスできます。 彼らは、デジタル通貨にアクセスするために使用するパスワードである秘密鍵を保持するデジタル暗号ウォレットを使用してサインインします。 ウォレットは、USBドライブに似たハードウェア、またはMetaMaskやTrustWalletなどのモバイルアプリにすることができます。
• 分散型：インターネット製品とサービスに対する権限と制御は、投資家やCEOの手に集中するのではなく、Web3プラットフォームの開発と保守への貢献に基づいて所有権を獲得するユーザーに公平に分散します。
• オープン： Web3はブロックチェーン上で実行されます。ブロックチェーンは、ブロックと呼ばれる個々のグループにデータを格納します。 ブロックが情報で満たされると、前のブロックにリンクされ、時系列でチェーンが形成されます。 ブロックチェーンは、金融取引を記録するために最も一般的に使用されるオープン元帳です。

多くのWeb3アプリは、主に開発者で構成され、開発者が主導する小さなチームによって構築されています。 一部のチームは独立しています。 その他は、NFT（非代替トークン）マーケットプレイスや暗号交換などの企業に採用されています。 多くの場合、Web3製品に取り組むためにデザイナーを雇うのは開発者です。 多くの場合、この急速に変化する空間での学習曲線が急であるため、Web3の経験がある設計者が好まれます。

Web3のユースケースと拡張の障壁

Web3は、金融アプリケーションによって支配されています：暗号通貨、取引のための暗号交換（分散型交換、またはDEX）、および一意のデジタルまたは物理的なアイテムの所有権を示すために使用されるNFT。 さらに、分散型ファイナンス（DeFi）を使用すると、ユーザーは銀行をバイパスして、借入、貸付、利息の獲得、資産の取引などのピアツーピアの金融サービスにアクセスできます。

Web3を他のセクターに拡張することは困難であることが証明されています。 たとえば、正当なWeb3サイトを詐欺と区別する方法はありません。ユーザーがWeb3プラットフォームにアクセスするには、暗号ウォレットの資格情報を入力する必要があるため、この問題はさらに大きくなります。 Web3サイトが詐欺である場合、入力したユーザーはすべてのお金を失う可能性があります。

もう1つの問題は、ブロックチェーンが画像やビデオのアップロードを許可しないことです。 ユーザーはイーサリアムのような暗号ネットワークにメディアを保存できますが、それは高価です。

Web3ビデオゲームでは、NFTはプレーヤーのアバターや購入したアイテムを表すことができますが、これらのアセットを他のゲームやアプリに転送することは不可能な場合が多く、プレーヤーの投資を減らし、Web3ゲームを思いとどまらせます。

デザイナーが知っておくべきこと

次のUIパターンとUXデザインの原則を活用することで、Web3プラットフォームの成長を促進できます。

明確なプロンプトと完全な情報を提供する

多くのWeb3アプリは、ユーザーの側でかなりの経験を誤って想定しています。 代わりに、設計者はWeb3のなじみのない機能とアクションの影響を明確にする必要があります。 たとえば、暗号通貨を流動性プールに預ける前に、新しい投資家は自分のお金が価値を失う可能性があることを知る必要があります。これは、預け入れ画面にポップアップメッセージが表示される警告です。

DeFiアプリでのアクティビティは、プロトコルと呼ばれる標準によって管理されています。 ほとんどのDeFiアプリは、定期的なセキュリティ監査を実行し、脆弱性やコードの問題や修正などの重要な調査結果を文書化します。 設計者は、新しい監査レポートが利用可能になったときにDeFiアプリがユーザーに通知することを保証できます。また、複雑なセクションをクリアテキストで要約することにより、監査を理解しやすくすることができます。

同様に、多くの人がWeb3製品のドキュメントを読んで、プロトコルの仕組みを理解し、アプリケーションの使用について十分な情報に基づいて決定を下します。 この資料の多くは、理解しにくい専門用語で構成されています。

ここでも、設計者は、ドキュメントセクションの冒頭に会話の要約を提供し、より技術的なコンテンツへのリンクを提供することで、ユーザーフレンドリーなコンテンツを確保できます。 ポップアップ用語集をリンクアイコンとしてテキストに埋め込むことができるため、ユーザーはマウスクリックまたは指タップで用語の意味を学ぶことができます。 また、コピーは、Web3の重要な概念を説明する画像で分割できます。

使い慣れた通貨を使用して為替レートを伝達する

ビットコインなどの暗号通貨の人気が高まり、価格が変動するにつれて、それらの価値を追跡するのは難しい場合があります。 これらのトークンが購入、販売、NFTなどの資産と交換されるデジタルウォレットやeコマースアプリでは、設計者はユーザーに暗号通貨から自国通貨への価格換算を示し、小数点以下の桁数を超えないようにする必要があります。

ウォレットとトランザクションハッシュを読みやすくする

デフォルトでは、ブロックチェーン上の各アドレスは、IDまたはハッシュと呼ばれる最大42文字の長い文字列です。 資金を送るとき、人々は文字列全体をチェックしなければなりません。 エラーを起こすのは簡単で、リスクは高くなります。すべてのブロックチェーントランザクションは最終的なものです。 アセットが間違ったウォレットアドレスに送信された場合、それらを回復する方法はありません。 私が働いていた投資会社では、ICO（初期コインオファリング）取引を仲介し、参加企業に巨額の送金を送信しました。毎回6人が受取人のウォレットアドレスをチェックしていました。

イーサリアムネームサービス（ENS）を使用すると、ハッシュを、名前と.ethなど、読みやすく覚えやすいものに変更できます。 ただし、ENSはコストがかかるため、すべての人がENSを使用するわけではありません。

Web3 UXデザイナーは、ハッシュの最初と最後の4文字だけを表示して、ユーザーが文字列全体をチェックせずにそれを確認できるようにすることで、トランザクションのストレスを軽減できます。 設計者は、トランザクションの前にユーザーがハッシュを再確認するという要件を組み込むこともでき、各受信者のアドレスの横に識別ロゴを含めることができます。 これらの追加の検証レイヤーには、資産を間違ったアドレスに送信すると資金が完全に失われることを思い出させる必要があります。

トランザクション待機時間を明確にする

銀行を通じてオンラインで資金を送金すると、ステータスの更新または取引が完了したことの確認がすぐに届きます。 これは、Web3DEXではそうではありません。 ブロックチェーントランザクションの最小処理時間は約3分ですが、2時間も待たなければなりませんでした。 私はこのテクノロジーを6年間使用していますが、お金が財布から出て、タイムリーな配達確認が届かないと、まだパニックに陥っています。

より多くのDEXは、ステータスバーまたは通知のいずれかでテキストまたはアニメーションを介してトランザクションステータスを表示する必要があります。 UIに更新を表示することが不可能な場合は、オープンソースのブロックエクスプローラー（EthereumのEtherscanなど）へのリンクを提供することをお勧めします。

「最大送信」ボタンを実装する

ビットコイン、エーテル、およびその他の暗号通貨は、多くの場合、小数点以下の桁数で表されます（例：0.0000085191）。 NFTなどの資産を購入するために個人や企業に送金する場合、またはスマートコントラクトに資金を預ける場合、合計金額を正確かつ効率的に入力することは困難です。 デザイナーがアプリケーションで「最大送信」ボタンを作成して、ユーザーがワンクリックでウォレットの残高全体を別のアドレスに転送できるようにすることをお勧めします。

これは、人の財布の残高が、送金する必要のある金額と等しいか、わずかに多い場合に便利です。 一部のユーザーは複数のウォレットを持っているため、これらの発生の可能性が高くなります。 彼らは完全なバランスを送ることができ、関数はそれをビットコインまたはエーテルに自動的に変換します。 この機能は、ウォレットの残高が合計金額よりも多い場合はアカウンティングを行わないため、設計者は、ユーザーが意図した以上に誤って送信していないことを確認するための確認ダイアログを含める必要があります。

ガス価格の仕組みを説明する

ガスはおそらくWeb3で最も厄介で混乱を招くものであり、特に暗号通貨に不慣れな人にとってはそうです。 ガス価格は、トランザクションの処理に必要な計算能力のコストをカバーするためにユーザーが支払う追加料金です。 ユーザーは、転送を高速化するために、より高い料金を支払うことを選択できます。

設計者は、ガスとは何か、そしてそれがどのように機能するかを説明する必要があります。 可能であれば、ユーザーの間で最も一般的なネイティブの法定通貨（通常は米ドル）でガス価格を表示する必要があります。 設計者は、ガス価格と結果として生じる転送速度の実行可能な組み合わせを提案することもできます。 ガスの支払いが少ないためにトランザクションが停止または失敗した場合、設計者はユーザーが転送を加速するためにより高い料金を支払うことを許可する必要があります。

ユーザーのトランザクション履歴に簡単にアクセスできるようにする

事実上すべての一元化されたeコマースWebサイト（Web 2.0）により、ユーザーは包括的な購入履歴を確認できます。 分散型取引所でこのようなレコードにアクセスすることは困難です。ウォレットはトランザクション履歴を提供しますが、一度に1つのアカウントに対してのみであり、DAppでフィルタリングすることは困難または不可能です。 一元化されたプラットフォームで利用可能な種類の履歴を取得するには、Web3ユーザーはEtherscanのようなブロックエクスプローラーにアクセスする必要があります。これはユーザーフレンドリーではなく、特定のトランザクションを見つけるのが困難です。

Web3設計者は、個々のDApp内で行うチェーン上のトランザクションを確認する簡単な方法を人々に提供する必要があります。 これは、サイドパネルやメニューなど、見つけやすい場所に配置する必要があります。 もう1つのオプションは、ボタンでアクティブ化される「チェーンビュー」モードを作成することです。クリックすると、UI全体にフィルターが配置され、トランザクション履歴を含む、ブロックチェーンに保存されているDApp内のすべてのコンテンツが示されます。 。 また、ユーザーがトランザクションレコードを簡単にフィルタリングしてエクスポートできるようにすることも役立ちます。

簡単な秘密鍵管理を有効にする

ユーザーがデジタルウォレットにアクセスできるようにする秘密鍵は、簡単に保存することはできません。 人々は時々それらをバックアップするのを忘れるか、そうする方法を知りません。 これらのキーは、一度紛失すると回復できません。「パスワードのリセット」オプションはありません。 デザイナーは、MetaMaskの例に従い、ウォレットのロックを解除するために使用できる一連の単語であるシードフレーズを各ユーザーに提供することで、この問題を解決できます。

設計者はまた、ユーザーが秘密鍵やシードフレーズを紛失した場合、資金にアクセスできなくなり、盗難に遭う可能性があることをユーザーに警告する必要があります。 このようなメッセージは、最初にウォレットを設定するときの通知として、次に事前設定されたスケジュールで定期的なリマインダーとして、ユーザーのウォレットアプリにポップアップする必要があります。

重要なポイント

Web3の人気が高まり、デジタルウォレットや金融プラットフォームを超えて拡大するには、設計者はWeb3アプリをより一貫性のある直感的なものにする必要があります。 また、Web3プラットフォームに見られる新しい機能やインタラクションに初心者が慣れるために、より簡単なユーザー教育を提供する必要があります。

DAppを安全に感じさせることも、優先度が高い必要があります。 Web3の信頼できない、許可のない性質を制御することは不可能ですが、設計者は何がうまくいかないかを予測し、それらの発生を防ぐのに役立ちます。 リスクに関するより透明性の高い警告は、人々の懸念を和らげ、Web3を採用するように説得するのに大いに役立ちます。

Toptalブログでさらに読む：

製品の信頼を最大化するための設計方法

これらの成功したインタラクションデザインの原則でUXを後押しする

ノーコードWebデザインのWebflowの利点：ケーススタディ