--- title: "Дизайн та UX у Web3" description: "Вступ до UX-дизайну та досліджень у просторі Web3 та Етеріумі" lang: uk --- Ви новачок у дизайні для Етеріуму? Тоді ви потрапили за адресою. Спільнота Етеріуму створила ресурси, щоб ознайомити вас з основами дизайну та досліджень у Web3. Ви дізнаєтеся про ключові концепції, які можуть відрізнятися від дизайну інших застосунків, з якими ви знайомі. Спершу потрібне базове розуміння Web3? Перегляньте [**Навчальний центр**](/learn/). ## Почніть з дослідження користувачів {#start-with-user-research} Ефективний дизайн — це більше, ніж просто створення візуально привабливих інтерфейсів користувача. Він передбачає глибоке розуміння потреб, цілей та рушійних факторів користувача. Тому ми наполегливо рекомендуємо всім дизайнерам застосовувати процес дизайну, наприклад, [**процес подвійного діаманта**](), щоб їхня робота була продуманою та цілеспрямованою. Якщо ви хочете побачити, які наразі існують найгостріші проблеми UX, перегляньте цю **[карту поточних проблем UX](https://ethux.design/)**. - [Web3 потребує більше UX-дослідників та дизайнерів](https://blog.akasha.org/akasha-conversations-9-web3-needs-more-ux-researchers-and-designers) — Огляд поточної зрілості дизайну - [Простий посібник з UX-досліджень у Web3](https://uxplanet.org/a-complete-guide-to-ux-research-for-web-3-0-products-d6bead20ebb1) — Простий посібник про те, як проводити дослідження - [Як підходити до UX-рішень у Web3](https://archive.devcon.org/archive/watch/6/data-empathy-how-to-approach-ux-decisions-in-web3/) — Короткий огляд кількісних та якісних досліджень і відмінностей між ними (відео, 6 хв) - [Бути UX-дослідником у Web3](https://medium.com/@georgia.rakusen/what-its-like-being-a-user-researcher-in-web3-6a4bcc096849) — Особистий погляд на те, як це — бути UX-дослідником у Web3 ## Дослідження у 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: Стан сприйняття Web3 у світі 2023](https://consensys.io/insight-report/web3-and-crypto-global-survey-2023) | | Крипто-онбординг | [NEAR: Прискорення шляху до масового впровадження](https://drive.google.com/file/d/1VuaQP4QSaQxR5ddQKTMGI0b0rWdP7uGn/view) | | Стейкінг | [OpenUX: UX оператора вузла Rocket Pool](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 | [Оновлення дослідження DAO 2022: Що потрібно розробникам DAO?](https://blog.aragon.org/2022-dao-research-update/) | | DeFi | [Пули покриття](https://github.com/threshold-network/UX-User-Research/tree/main/Keep%20Coverage%20Pool) | | DeFi | [ConsenSys: Звіт про дослідження користувачів DeFi 2022](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](https://learnweb3.design/) — Велика колекція фреймворків та нотаток про принципи UX у Web3, патерни децентралізованих фінансів (DeFi), дизайн управління, UX гаманців та мислення на рівні протоколу для дизайнерів і засновників - [Довідник з UX-дизайну Web3](https://web3ux.design/) — Практичний посібник з дизайну застосунків Web3 - [Принципи дизайну Web3](https://medium.com/@lyricalpolymath/web3-design-principles-f21db2f240c1) — Фреймворк правил UX для децентралізованих застосунків (dapp) на базі блокчейну - [Принципи дизайну блокчейну](https://medium.com/design-ibm/blockchain-design-principles-599c5c067b6e) — Уроки, засвоєні командою дизайнерів блокчейну в IBM - [Neueux.com](https://neueux.com/apps) — Бібліотека інтерфейсів користувацьких шляхів з різноманітними параметрами фільтрації - [Криза юзабіліті Web3: Що вам ПОТРІБНО знати!](https://www.youtube.com/watch?v=oBSXT_6YDzg) — Панельна дискусія про підводні камені створення проєктів, орієнтованих на розробників (відео, 34 хв) ## З чого почати {#getting-started} - [Евристики для Web3](/developers/docs/design-and-ux/heuristics-for-web3/) — 7 евристик для дизайну інтерфейсів Web3 - [Найкращі практики дизайну DEX](/developers/docs/design-and-ux/dex-design-best-practice/) — Посібник з дизайну децентралізованих бірж ## Тематичні дослідження дизайну Web3 {#design-case-studies} - [Deep Work Studio](https://www.deepwork.studio/case-studies) - [Продаж NFT на OpenSea](https://builtformars.com/case-studies/opensea) - [Розбір UX гаманців: як гаманці мають змінитися](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) - [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).