--- title: "Web3의 디자인 및 UX" description: "Web3 공간 및 이더리움의 UX 디자인 및 리서치 소개" lang: ko --- 이더리움(Ethereum) 디자인이 처음이신가요? 잘 찾아오셨습니다. 이더리움 커뮤니티는 Web3 디자인 및 리서치의 기초를 소개하는 자료를 작성해 두었습니다. 여러분이 익숙한 다른 앱 디자인과는 다를 수 있는 핵심 개념에 대해 배우게 될 것입니다. Web3에 대한 더 기초적인 이해가 먼저 필요하신가요? [**학습 허브**](/learn/)를 확인해 보세요. ## 사용자 리서치로 시작하기 {#start-with-user-research} 효과적인 디자인은 시각적으로 매력적인 사용자 인터페이스를 만드는 것 이상을 의미합니다. 사용자의 요구, 목표 및 원동력에 대한 깊은 이해를 얻는 과정이 포함됩니다. 따라서 모든 디자이너가 작업이 신중하고 의도적으로 이루어질 수 있도록 [**더블 다이아몬드 프로세스(double diamond process)**]()와 같은 디자인 프로세스를 채택할 것을 강력히 권장합니다. 현재 가장 시급한 UX 문제점이 무엇인지 확인하려면 이 [현재 UX 문제 맵](https://ethux.design/)을 확인해 보세요. - [Web3에는 더 많은 UX 리서처와 디자이너가 필요합니다(Web3 needs more UX Researchers and Designers)](https://blog.akasha.org/akasha-conversations-9-web3-needs-more-ux-researchers-and-designers) - 현재 디자인 성숙도에 대한 개요 - [Web3 UX 리서치를 위한 간단한 가이드(A simple guide to UX Research in web3)](https://uxplanet.org/a-complete-guide-to-ux-research-for-web-3-0-products-d6bead20ebb1) - 리서치 수행 방법에 대한 간단한 가이드 - [Web3에서 UX 결정에 접근하는 방법(How to Approach UX Decisions in Web3)](https://archive.devcon.org/archive/watch/6/data-empathy-how-to-approach-ux-decisions-in-web3/) - 정량적 및 정성적 리서치와 두 가지의 차이점에 대한 간략한 개요 (동영상, 6분) - [Web3에서 UX 리서처로 일하기(Being a ux researcher in web3)](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: 암호화폐 소비자 심리 및 사용(Crypto Consumer Sentiment & Usage)](https://reown.com/blog/unveiling-walletconnects-consumer-crypto-report) | | 암호화폐 온보딩 | [CRADL: 암호화폐의 UX(UX in Cryptocurrency)](https://docs.google.com/presentation/d/1s2OPSH5sMJzxRYaJSSRTe8W2iIoZx0PseIV-WeZWD1s/edit?usp=sharing) | | 암호화폐 온보딩 | [CRADL: 암호화폐 온보딩(Onboarding to Cryptocurrency)](https://docs.google.com/presentation/d/1R9nFuzA-R6SxaGCKhoMbE4Vxe0JxQSTiHXind3LVq_w/edit?usp=sharing) | | 암호화폐 온보딩 | [비트코인 UX 보고서(Bitcoin UX report)](https://github.com/patestevao/BitcoinUX-report/blob/master/report.md) | | 암호화폐 온보딩 | [컨센시스: 2023년 전 세계 Web3 인식 상태(The State of Web3 perception around the world 2023)](https://consensys.io/insight-report/web3-and-crypto-global-survey-2023) | | 암호화폐 온보딩 | [NEAR: 채택을 향한 여정 가속화(Accelerating the journey towards adoption)](https://drive.google.com/file/d/1VuaQP4QSaQxR5ddQKTMGI0b0rWdP7uGn/view) | | 스테이킹 | [OpenUX: Rocket Pool 노드 운영자 UX(Rocket Pool Node Operator UX)](https://storage.googleapis.com/rocketpool/RocketPool-NodeOperator-UX-Report-Jan-2024.pdf) | | 스테이킹 | [스테이킹: 주요 동향, 시사점 및 예측 - Eth Staker(Staking: Key trends, takeaways, and predictions)](https://lookerstudio.google.com/u/0/reporting/cafcee00-e1af-4148-bae8-442a88ac75fa/page/p_ja2srdhh2c?s=hmbTWDh9hJo) | | 스테이킹 | [다중 앱 스테이킹(Multi App Staking)]() | | DAO | [2022 DAO 리서치 업데이트: DAO 빌더에게 필요한 것은 무엇인가?(2022 DAO Research Update: What do DAO Builders Need?)](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 | [컨센시스: 2022년 DeFi 사용자 리서치 보고서(DeFi User Research Report 2022)](https://cdn2.hubspot.net/hubfs/4795067/ConsenSys%20Codefi-Defi%20User%20ResearchReport.pdf) | | 메타버스 | [메타버스: 사용자 리서치 보고서(Metaverse: User Research Report)](https://www.politico.com/f/?id=00000187-7685-d820-a7e7-7e85d1420000) | | 메타버스 | [사파리 여행: 메타버스 사용자 리서치(Going on Safari: Researching Users in the Metaverse)](https://archive.devcon.org/archive/watch/6/going-on-safari-researching-users-in-the-metaverse/?tab=YouTube) (동영상, 27분) | ## Web3를 위한 디자인 {#design-for-web3} - [Web3 디자인 플레이북(Web3 Design Playbook)](https://learnweb3.design/) - 디자이너와 창립자를 위한 Web3 UX 원칙, 탈중앙화 금융(DeFi) 패턴, 거버넌스 디자인, 지갑 UX 및 프로토콜 수준의 사고에 대한 프레임워크와 노트의 포괄적인 모음 - [Web3 UX 디자인 핸드북(Web3 UX Design Handbook)](https://web3ux.design/) - Web3 앱 디자인을 위한 실용적인 가이드 - [Web3 디자인 원칙(Web3 Design Principles)](https://medium.com/@lyricalpolymath/web3-design-principles-f21db2f240c1) - 블록체인 기반 탈중앙화 애플리케이션(dapp)을 위한 UX 규칙 프레임워크 - [블록체인 디자인 원칙(Blockchain Design Principles)](https://medium.com/design-ibm/blockchain-design-principles-599c5c067b6e) - IBM 블록체인 디자인 팀이 얻은 교훈 - [Neueux.com](https://neueux.com/apps) - 다양한 필터링 옵션을 제공하는 사용자 흐름의 UI 라이브러리 - [Web3의 사용성 위기: 알아야 할 사항!(Web3's Usability Crisis: What You NEED to Know!)](https://www.youtube.com/watch?v=oBSXT_6YDzg) - 개발자 중심 프로젝트 구축의 함정에 대한 패널 토론 (동영상, 34분) ## 시작하기 {#getting-started} - [Web3를 위한 휴리스틱(Heuristics for Web3)](/developers/docs/design-and-ux/heuristics-for-web3/) - Web3 인터페이스 디자인을 위한 7가지 휴리스틱 - [DEX 디자인 모범 사례(DEX Design Best Practices)](/developers/docs/design-and-ux/dex-design-best-practice/) - 탈중앙화 거래소(DEX) 디자인 가이드 ## Web3 디자인 사례 연구 {#design-case-studies} - [Deep Work Studio](https://www.deepwork.studio/case-studies) - [오픈씨(OpenSea)에서 NFT 판매하기](https://builtformars.com/case-studies/opensea) - [지갑 UX 분석: 지갑이 어떻게 변해야 하는가(Wallet UX teardown how wallets need to change)](https://www.youtube.com/watch?v=oTpuxYj8JWI&ab_channel=ETHDenver) (동영상, 20분) ## 디자인 바운티 {#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) - [폴리곤(Polygon)의 디자인 시스템, Finity](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)에서 이 페이지를 편집해 주세요.