Web3 中的設計和用戶體驗

你不熟悉用以太坊進行設計嗎？ 如果是的話，那麼這個地方你來對了。 以太坊社區中有很多介紹 Web3 的設計和研究資源。 你將學習一些核心概念，它們可能與你熟悉的其他應用程式設計不同。

需要先對 Web3 有更基本的瞭解嗎？ 查看 學習中心。

從使用者研究開始

實用的介面設計勝過只是視覺上吸引人的設計， 還涉及到深入瞭解用戶需求、目標以及驅動因素。 因此，我們強烈建議所有設計師採用設計流程，例如 雙鑽石設計流程 (opens in a new tab)，以確保其工作是經過深思熟慮且有目的性的。

• Web3 需要更多使用者體驗研究員與設計師 (opens in a new tab) - 當前設計成熟度概覽
• web3 使用者體驗研究簡易指南 (opens in a new tab) - 如何進行研究的簡易指南
• 如何在 Web3 中處理使用者體驗決策 (opens in a new tab) - 量化和質化研究及其差異簡介 (影片，6 分鐘)
• 在 web3 中擔任使用者體驗研究員 (opens in a new tab) - 關於在 web3 中擔任使用者體驗研究員的個人看法

Web3 研究

以下是一份可以幫助激發設計靈感和產品決策的精選清單：

為 Web3 設計

• Web3 使用者體驗設計手冊 (opens in a new tab) - 設計 Web3 應用程式的實用指南
• Web3 設計原則 (opens in a new tab) - 基於區塊鏈的去中心化應用程式的使用者體驗規則框架
• 區塊鏈設計原則 (opens in a new tab) - IBM 區塊鏈設計團隊學到的經驗教訓
• Neueux.com (opens in a new tab) - 具有多種篩選選項的使用者流程 UI 庫
• Web3 的可用性危機：您需要知道的事！ (opens in a new tab) - 關於以開發者為中心的專案建設陷阱的小組討論 (影片，34 分鐘)

入門

• Web3 啟發式原則 - 7 項 Web3 介面設計的啟發式原則
• DEX 設計最佳實踐 - 去中心化交易所設計指南

Web3 設計案例研究

• Deep Work Studio (opens in a new tab)
• 在 OpenSea 上販售 NFT (opens in a new tab)
• 錢包使用者體驗剖析：錢包需要如何改變 (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) 上編輯此頁面。