--- title: "Web3 中的設計與使用者體驗 (UX)" description: "Web3 領域與以太坊中的使用者體驗 (UX) 設計與研究簡介" lang: zh-tw --- 您是剛接觸以太坊設計的新手嗎？這裡正是您該來的地方。以太坊社群撰寫了許多資源，為您介紹 Web3 設計與研究的基礎知識。您將學到可能與您熟悉的其他應用程式設計有所不同的核心概念。 需要先對 Web3 有更基礎的了解嗎？請查看 [**學習中心**](/learn/)。 ## 從使用者研究開始 {#start-with-user-research} 有效的設計不僅僅是建立具有視覺吸引力的使用者介面。它還需要深入了解使用者的需求、目標和驅動因素。因此，我們強烈建議所有設計師採用一套設計流程，例如 [**雙鑽石流程 (double diamond process)**]()，以確保他們的工作是經過深思熟慮且有目的性的。 如果您想了解目前最迫切的 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) | | 加密貨幣入門引導 | [ConsenSys：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) | [承保資金池 (Coverage pools)](https://github.com/threshold-network/UX-User-Research/tree/main/Keep%20Coverage%20Pool) | | 去中心化金融 (DeFi) | [ConsenSys：2022 年去中心化金融 (DeFi) 使用者研究報告](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 設計腳本 (Playbook)](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/) - 去中心化交易所設計指南 ## Web3 設計案例研究 {#design-case-studies} - [Deep Work Studio](https://www.deepwork.studio/case-studies) - [在 OpenSea 上販售 NFT](https://builtformars.com/case-studies/opensea) - [錢包 UX 拆解：錢包需要如何改變](https://www.youtube.com/watch?v=oTpuxYj8JWI&ab_channel=ETHDenver)（影片，20 分鐘） ## 設計獎金任務 (Bounties) {#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} - [Optimism 設計](https://www.figma.com/@optimism) (Figma) - [Ethereum.org 設計系統](https://www.figma.com/@ethdotorg) (Figma) - [Finity，Polygon 的設計系統](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) 上編輯此頁面。