--- title: "Thiết kế và UX trong Web3" description: "Giới thiệu về thiết kế và nghiên cứu UX trong không gian Web3 và Ethereum" lang: vi --- Bạn mới làm quen với việc thiết kế trên Ethereum? Đây là nơi dành cho bạn. Cộng đồng Ethereum đã viết các tài liệu để giới thiệu cho bạn những kiến thức cơ bản về thiết kế và nghiên cứu Web3. Bạn sẽ tìm hiểu về các khái niệm cốt lõi có thể khác với các thiết kế ứng dụng khác mà bạn đã quen thuộc. Bạn cần hiểu cơ bản hơn về Web3 trước? Hãy xem [**Trung tâm học tập**](/learn/). ## Bắt đầu với nghiên cứu người dùng {#start-with-user-research} Thiết kế hiệu quả không chỉ dừng lại ở việc tạo ra giao diện người dùng bắt mắt. Nó đòi hỏi sự thấu hiểu sâu sắc về nhu cầu, mục tiêu và các yếu tố thúc đẩy người dùng. Do đó, chúng tôi đặc biệt khuyến nghị tất cả các nhà thiết kế áp dụng một quy trình thiết kế, chẳng hạn như [**quy trình kim cương đôi (double diamond)**](), để đảm bảo rằng công việc của họ được thực hiện một cách có chủ đích và định hướng. Nếu bạn muốn xem những điểm yếu (pain point) về UX cấp bách nhất hiện nay là gì, hãy xem **[bản đồ các vấn đề UX hiện tại](https://ethux.design/)** này. - [Web3 cần thêm các Nhà nghiên cứu và Nhà thiết kế UX](https://blog.akasha.org/akasha-conversations-9-web3-needs-more-ux-researchers-and-designers) - Tổng quan về mức độ trưởng thành của thiết kế hiện tại - [Hướng dẫn đơn giản về Nghiên cứu UX trong Web3](https://uxplanet.org/a-complete-guide-to-ux-research-for-web-3-0-products-d6bead20ebb1) - Hướng dẫn đơn giản về cách thực hiện nghiên cứu - [Cách tiếp cận các quyết định UX trong Web3](https://archive.devcon.org/archive/watch/6/data-empathy-how-to-approach-ux-decisions-in-web3/) - Tổng quan ngắn gọn về nghiên cứu định lượng và định tính cũng như sự khác biệt giữa hai phương pháp này (video, 6 phút) - [Trở thành nhà nghiên cứu UX trong Web3](https://medium.com/@georgia.rakusen/what-its-like-being-a-user-researcher-in-web3-6a4bcc096849) - Góc nhìn cá nhân về công việc của một nhà nghiên cứu UX trong Web3 ## Các nghiên cứu trong Web3 {#research-in-web3} Đây là danh sách chọn lọc các nghiên cứu người dùng được thực hiện trong Web3, có thể giúp ích cho các quyết định về thiết kế và sản phẩm hoặc đóng vai trò là nguồn cảm hứng để bạn tự tiến hành nghiên cứu. | Lĩnh vực trọng tâm | Tên | | :------------------------------------------------------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Tiếp nhận người dùng tiền mã hóa | [The Reown Pulse 2024: Tâm lý & Mức độ sử dụng của người tiêu dùng tiền mã hóa](https://reown.com/blog/unveiling-walletconnects-consumer-crypto-report) | | Tiếp nhận người dùng tiền mã hóa | [CRADL: UX trong Tiền mã hóa](https://docs.google.com/presentation/d/1s2OPSH5sMJzxRYaJSSRTe8W2iIoZx0PseIV-WeZWD1s/edit?usp=sharing) | | Tiếp nhận người dùng tiền mã hóa | [CRADL: Tiếp nhận người dùng vào Tiền mã hóa](https://docs.google.com/presentation/d/1R9nFuzA-R6SxaGCKhoMbE4Vxe0JxQSTiHXind3LVq_w/edit?usp=sharing) | | Tiếp nhận người dùng tiền mã hóa | [Báo cáo UX của Bitcoin](https://github.com/patestevao/BitcoinUX-report/blob/master/report.md) | | Tiếp nhận người dùng tiền mã hóa | [ConsenSys: Tình hình nhận thức về Web3 trên toàn thế giới năm 2023](https://consensys.io/insight-report/web3-and-crypto-global-survey-2023) | | Tiếp nhận người dùng tiền mã hóa | [NEAR: Đẩy nhanh hành trình hướng tới việc áp dụng](https://drive.google.com/file/d/1VuaQP4QSaQxR5ddQKTMGI0b0rWdP7uGn/view) | | Đặt cọc | [OpenUX: UX của người vận hành nút Rocket Pool](https://storage.googleapis.com/rocketpool/RocketPool-NodeOperator-UX-Report-Jan-2024.pdf) | | Đặt cọc | [Đặt cọc: Các xu hướng chính, bài học rút ra và dự đoán - Eth Staker](https://lookerstudio.google.com/u/0/reporting/cafcee00-e1af-4148-bae8-442a88ac75fa/page/p_ja2srdhh2c?s=hmbTWDh9hJo) | | Đặt cọc | [Đặt cọc đa ứng dụng]() | | DAO | [Cập nhật nghiên cứu DAO năm 2022: Những người xây dựng DAO cần gì?](https://blog.aragon.org/2022-dao-research-update/) | | DeFi | [Nhóm bảo hiểm (Coverage pool)](https://github.com/threshold-network/UX-User-Research/tree/main/Keep%20Coverage%20Pool) | | DeFi | [ConsenSys: Báo cáo nghiên cứu người dùng DeFi năm 2022](https://cdn2.hubspot.net/hubfs/4795067/ConsenSys%20Codefi-Defi%20User%20ResearchReport.pdf) | | Metaverse | [Metaverse: Báo cáo nghiên cứu người dùng](https://www.politico.com/f/?id=00000187-7685-d820-a7e7-7e85d1420000) | | Metaverse | [Đi Safari: Nghiên cứu người dùng trong Metaverse](https://archive.devcon.org/archive/watch/6/going-on-safari-researching-users-in-the-metaverse/?tab=YouTube) (video, 27 phút) | ## Thiết kế cho Web3 {#design-for-web3} - [Cẩm nang thiết kế Web3](https://learnweb3.design/) - Bộ sưu tập toàn diện các khuôn khổ và ghi chú về các nguyên tắc UX của Web3, các mô hình tài chính phi tập trung (DeFi), thiết kế quản trị, UX của ví và tư duy ở cấp độ giao thức dành cho các nhà thiết kế và nhà sáng lập - [Sổ tay thiết kế UX Web3](https://web3ux.design/) - Hướng dẫn thực tế để thiết kế các ứng dụng Web3 - [Các nguyên tắc thiết kế Web3](https://medium.com/@lyricalpolymath/web3-design-principles-f21db2f240c1) - Một khuôn khổ các quy tắc UX cho các ứng dụng phi tập trung (dapp) dựa trên Chuỗi khối - [Các nguyên tắc thiết kế Chuỗi khối](https://medium.com/design-ibm/blockchain-design-principles-599c5c067b6e) - Những bài học kinh nghiệm từ nhóm thiết kế Chuỗi khối tại IBM - [Neueux.com](https://neueux.com/apps) - Thư viện UI về các luồng người dùng với các tùy chọn lọc đa dạng - [Khủng hoảng về tính khả dụng của Web3: Những điều bạn CẦN biết!](https://www.youtube.com/watch?v=oBSXT_6YDzg) - Một cuộc thảo luận nhóm về những cạm bẫy của việc xây dựng dự án tập trung vào nhà phát triển (video, 34 phút) ## Bắt đầu {#getting-started} - [Heuristics cho Web3](/developers/docs/design-and-ux/heuristics-for-web3/) - 7 nguyên tắc heuristic cho thiết kế giao diện Web3 - [Các phương pháp thiết kế DEX tốt nhất](/developers/docs/design-and-ux/dex-design-best-practice/) - Hướng dẫn thiết kế các Sàn giao dịch phi tập trung ## Các nghiên cứu tình huống về thiết kế Web3 {#design-case-studies} - [Deep Work Studio](https://www.deepwork.studio/case-studies) - [Bán NFT trên OpenSea](https://builtformars.com/case-studies/opensea) - [Phân tích UX của ví: các ví cần thay đổi như thế nào](https://www.youtube.com/watch?v=oTpuxYj8JWI&ab_channel=ETHDenver) (video, 20 phút) ## Tiền thưởng thiết kế {#bounties} - [Dework](https://app.dework.xyz/bounties) - [Các cuộc thi hackathon của Buildbox](https://app.buidlbox.io/) - [Các cuộc thi hackathon của ETHGlobal](https://ethglobal.com/) ## Các DAO và cộng đồng thiết kế {#design-daos-and-communities} Tham gia vào các tổ chức chuyên nghiệp do cộng đồng thúc đẩy hoặc tham gia các nhóm thiết kế để thảo luận về các chủ đề và xu hướng liên quan đến thiết kế và nghiên cứu với các thành viên khác. - [Vectordao.com](https://vectordao.com/) - [Deepwork.studio](https://www.deepwork.studio/) - [We3.co](https://we3.co/) - [Openux.xyz](https://openux.xyz/) ## Hệ thống thiết kế và các tài nguyên thiết kế khác {#design-systems-and-resources} - [Thiết kế Optimism](https://www.figma.com/@optimism) (Figma) - [Hệ thống thiết kế Ethereum.org](https://www.figma.com/@ethdotorg) (Figma) - [Finity, một hệ thống thiết kế của Polygon](https://www.figma.com/community/file/1073921725197233598/finity-design-system) (Figma) - [Hệ thống thiết kế Kleros](https://www.figma.com/community/file/999852250110186964/kleros-design-system) (Figma) - [Hệ thống thiết kế Safe](https://www.figma.com/community/file/1337417127407098506/safe-design-system) (Figma) - [Hệ thống thiết kế ENS](https://thorin.ens.domains/) - [Hệ thống thiết kế Mirror](https://degen-xyz.vercel.app/) **Các bài viết và dự án được liệt kê trên trang này không phải là sự chứng thực chính thức**, và chỉ được cung cấp cho mục đích thông tin. Chúng tôi thêm các liên kết vào trang này dựa trên các tiêu chí trong [chính sách niêm yết](/contributing/design/adding-design-resources) của chúng tôi. Nếu bạn muốn chúng tôi thêm một dự án/bài viết, hãy chỉnh sửa trang này trên [GitHub](https://github.com/ethereum/ethereum-org-website/blob/dev/public/content/developers/docs/design-and-ux/index.md).