---
title: Desain dan UX di Web3
description: Pengantar desain dan riset UX di ruang Web3 dan Ethereum
lang: id
---

Apakah Anda baru dalam mendesain dengan Ethereum? Ini adalah tempat yang tepat untuk Anda. Komunitas Ethereum telah menulis sumber daya untuk memperkenalkan Anda pada dasar-dasar desain dan riset Web3. Anda akan belajar tentang konsep inti yang mungkin berbeda dari desain aplikasi lain yang sudah Anda kenal.

Butuh pemahaman yang lebih mendasar tentang Web3 terlebih dahulu? Kunjungi [**Pusat pembelajaran**](/learn/).

## Mulai dengan riset pengguna {#start-with-user-research}

Desain yang efektif lebih dari sekadar membuat antarmuka pengguna yang menarik secara visual. Ini melibatkan pemahaman mendalam tentang kebutuhan, tujuan, dan faktor pendorong pengguna. Oleh karena itu, kami sangat menyarankan agar semua desainer mengadopsi proses desain, seperti [**proses double diamond**](<https://en.wikipedia.org/wiki/Double_Diamond_(design_process_model)>), untuk memastikan bahwa pekerjaan mereka terencana dan disengaja.

Jika Anda ingin melihat apa saja masalah UX yang paling mendesak saat ini, lihat **[peta masalah UX saat ini](https://ethux.design/)** ini.

- [Web3 membutuhkan lebih banyak Peneliti dan Desainer UX](https://blog.akasha.org/akasha-conversations-9-web3-needs-more-ux-researchers-and-designers) - Gambaran umum tentang kematangan desain saat ini
- [Panduan sederhana untuk Riset UX di Web3](https://uxplanet.org/a-complete-guide-to-ux-research-for-web-3-0-products-d6bead20ebb1) - Panduan sederhana tentang cara melakukan riset
- [Cara Mendekati Keputusan UX di Web3](https://archive.devcon.org/archive/watch/6/data-empathy-how-to-approach-ux-decisions-in-web3/) - Gambaran singkat tentang riset kuantitatif dan kualitatif serta perbedaan antara keduanya (video, 6 menit)
- [Menjadi peneliti UX di Web3](https://medium.com/@georgia.rakusen/what-its-like-being-a-user-researcher-in-web3-6a4bcc096849) - Pandangan pribadi tentang bagaimana rasanya menjadi peneliti UX di Web3

## Studi riset di Web3 {#research-in-web3}

Ini adalah daftar kurasi riset pengguna yang dilakukan di Web3 yang dapat membantu dalam keputusan desain dan produk atau berfungsi sebagai inspirasi untuk melakukan studi sendiri.

| Area fokus                                              | Nama                                                                                                                                                                               |
| :------------------------------------------------------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |                                         
| <Tag variant="solid" status="success">Orientasi kripto</Tag>    | [The Reown Pulse 2024: Sentimen & Penggunaan Konsumen Kripto](https://reown.com/blog/unveiling-walletconnects-consumer-crypto-report)                                                |
| <Tag variant="solid" status="success">Orientasi kripto</Tag>    | [CRADL: UX dalam Mata Uang Kripto](https://docs.google.com/presentation/d/1s2OPSH5sMJzxRYaJSSRTe8W2iIoZx0PseIV-WeZWD1s/edit?usp=sharing)                                                |
| <Tag variant="solid" status="success">Orientasi kripto</Tag>    | [CRADL: Orientasi ke Mata Uang Kripto](https://docs.google.com/presentation/d/1R9nFuzA-R6SxaGCKhoMbE4Vxe0JxQSTiHXind3LVq_w/edit?usp=sharing)                                        |
| <Tag variant="solid" status="success">Orientasi kripto</Tag>    | [Laporan UX Bitcoin](https://github.com/patestevao/BitcoinUX-report/blob/master/report.md)                                                                                          |
| <Tag variant="solid" status="success">Orientasi kripto</Tag>    | [ConsenSys: Keadaan persepsi Web3 di seluruh dunia 2023](https://consensys.io/insight-report/web3-and-crypto-global-survey-2023)                                            |
| <Tag variant="solid" status="success">Orientasi kripto</Tag>    | [NEAR: Mempercepat perjalanan menuju adopsi](https://drive.google.com/file/d/1VuaQP4QSaQxR5ddQKTMGI0b0rWdP7uGn/view)                                                          |
| <Tag status="tag">Staking</Tag>             | [OpenUX: UX Operator Node Rocket Pool](https://storage.googleapis.com/rocketpool/RocketPool-NodeOperator-UX-Report-Jan-2024.pdf)         |
| <Tag status="tag">Staking</Tag>             | [Staking: Tren utama, poin penting, dan prediksi - Eth Staker](https://lookerstudio.google.com/u/0/reporting/cafcee00-e1af-4148-bae8-442a88ac75fa/page/p_ja2srdhh2c?s=hmbTWDh9hJo) |
| <Tag status="tag">Staking</Tag>             | [Staking Multi Aplikasi](<https://github.com/threshold-network/UX-User-Research/blob/main/Multi-App%20Staking%20(MAS)/iterative-user-study/MAS%20Iterative%20User%20Study.pdf>)         |
| <Tag variant="solid" status="error">DAO</Tag>                    | [Pembaruan Riset DAO 2022: Apa yang Dibutuhkan Pembangun DAO?](https://blog.aragon.org/2022-dao-research-update/)                                                                          |
| <Tag status="error">DeFi</Tag>                  | [Pool pertanggungan](https://github.com/threshold-network/UX-User-Research/tree/main/Keep%20Coverage%20Pool)                                                                           |
| <Tag status="error">DeFi</Tag>                  | [ConsenSys: Laporan Riset Pengguna DeFi 2022](https://cdn2.hubspot.net/hubfs/4795067/ConsenSys%20Codefi-Defi%20User%20ResearchReport.pdf)                                            |
| <Tag variant="solid">Metaverse</Tag>             | [Metaverse: Laporan Riset Pengguna](https://www.politico.com/f/?id=00000187-7685-d820-a7e7-7e85d1420000)                                                                             |
| <Tag variant="solid">Metaverse</Tag>             | [Pergi Bersafari: Meneliti Pengguna di Metaverse](https://archive.devcon.org/archive/watch/6/going-on-safari-researching-users-in-the-metaverse/?tab=YouTube) (video, 27 menit)  |

## Desain untuk Web3 {#design-for-web3}

- [Buku Panduan Desain Web3](https://learnweb3.design/) - Koleksi komprehensif kerangka kerja dan catatan tentang prinsip-prinsip UX Web3, pola DeFi, desain tata kelola, UX dompet, dan pemikiran tingkat protokol untuk desainer dan pendiri
- [Buku Pegangan Desain UX Web3](https://web3ux.design/) - Panduan praktis untuk mendesain aplikasi Web3
- [Prinsip Desain Web3](https://medium.com/@lyricalpolymath/web3-design-principles-f21db2f240c1) - Kerangka kerja aturan UX untuk aplikasi terdesentralisasi (dapp) berbasis rantai blok
- [Prinsip Desain Rantai Blok](https://medium.com/design-ibm/blockchain-design-principles-599c5c067b6e) - Pelajaran yang dipetik oleh tim desain rantai blok di IBM
- [Neueux.com](https://neueux.com/apps) - Pustaka UI dari alur pengguna dengan beragam opsi pemfilteran
- [Krisis Kegunaan Web3: Apa yang PERLU Anda Ketahui!](https://www.youtube.com/watch?v=oBSXT_6YDzg) - Diskusi panel tentang jebakan dalam membangun proyek yang berfokus pada pengembang (video, 34 menit)

## Memulai {#getting-started}

- [Heuristik untuk Web3](/developers/docs/design-and-ux/heuristics-for-web3/) - 7 heuristik untuk desain antarmuka Web3
- [Praktik Terbaik Desain DEX](/developers/docs/design-and-ux/dex-design-best-practice/) - Panduan untuk mendesain Pertukaran Terdesentralisasi (DEX)

## Studi Kasus Desain Web3 {#design-case-studies}

- [Deep Work Studio](https://www.deepwork.studio/case-studies)
- [Menjual NFT di OpenSea](https://builtformars.com/case-studies/opensea)
- [Pembongkaran UX dompet tentang bagaimana dompet perlu diubah](https://www.youtube.com/watch?v=oTpuxYj8JWI&ab_channel=ETHDenver) (video, 20 menit)

## Bounty Desain {#bounties}

- [Dework](https://app.dework.xyz/bounties)
- [Hackathon Buildbox](https://app.buidlbox.io/)
- [Hackathon ETHGlobal](https://ethglobal.com/)

## DAO dan komunitas desain {#design-daos-and-communities}

Terlibatlah dalam organisasi profesional yang digerakkan oleh komunitas atau bergabunglah dengan grup desain untuk mendiskusikan topik dan tren terkait desain dan riset dengan anggota lain.

- [Vectordao.com](https://vectordao.com/)
- [Deepwork.studio](https://www.deepwork.studio/)
- [We3.co](https://we3.co/)
- [Openux.xyz](https://openux.xyz/)

## Sistem Desain dan sumber daya desain lainnya {#design-systems-and-resources}

- [Desain Optimism](https://www.figma.com/@optimism) (Figma)
- [Sistem Desain Ethereum.org](https://www.figma.com/@ethdotorg) (Figma)
- [Finity, sistem desain oleh Polygon](https://www.figma.com/community/file/1073921725197233598/finity-design-system) (Figma)
- [Sistem Desain Kleros](https://www.figma.com/community/file/999852250110186964/kleros-design-system) (Figma)
- [Sistem Desain Safe](https://www.figma.com/community/file/1337417127407098506/safe-design-system) (Figma)
- [Sistem Desain ENS](https://thorin.ens.domains/)
- [Sistem Desain Mirror](https://degen-xyz.vercel.app/)

**Artikel dan proyek yang tercantum di halaman ini bukanlah dukungan resmi**, dan disediakan hanya untuk tujuan informasi.
Kami menambahkan tautan ke halaman ini berdasarkan kriteria dalam [kebijakan pencantuman](/contributing/design/adding-design-resources) kami. Jika Anda ingin kami menambahkan proyek/artikel, edit halaman ini di [GitHub](https://github.com/ethereum/ethereum-org-website/blob/dev/public/content/developers/docs/design-and-ux/index.md).