# Intro to design and UX

Are you new to designing with Electroneum? This is the right place for you. The Electroneum & Ethereum community has written resources to introduce you to web3 design and research basics. You'll learn about core concepts that may differ from other app designs you're familiar with.

Need a more basic understanding of web3 first? Check out [Web2 vs Web3](/foundational-topics/web2-vs-web3.md).

## Start with user research <a href="#start-with-user-research" id="start-with-user-research"></a>

Effective design goes beyond creating visually appealing user interfaces. It involves gaining a deep understanding of the user's needs, objectives, and driving factors. Therefore, we highly recommend that all designers adopt a design process, such as the [**double diamond process**↗](https://en.wikipedia.org/wiki/Double_Diamond_\(design_process_model\)), to ensure that their work is deliberate and intentional.

* [Web3 needs more UX Researchers and Designers↗](https://akasha.org/blog/2022/10/11/akasha-conversation-09-web3-ux-researchers-and-designers) - An overview of current design maturity
* [A simple guide to UX Research in web3↗](https://uxplanet.org/a-complete-guide-to-ux-research-for-web-3-0-products-d6bead20ebb1) - Simple guide how to do research
* [How to Approach UX Decisions in Web3↗](https://archive.devcon.org/archive/watch/6/data-empathy-how-to-approach-ux-decisions-in-web3/) - A brief overview of quantitative and qualitative research and the differences between the two (video, 6 min)
* [Being a ux researcher in web3↗](https://medium.com/@georgia.rakusen/what-its-like-being-a-user-researcher-in-web3-6a4bcc096849) - A personal view on what it is like being a UX researcher in web3

## Research studies in Web3 <a href="#research-in-web3" id="research-in-web3"></a>

This is a curated list of user research done in web3 that may help with design and product decisions or work as an inspiration to conduct own study.

* [CRADL: Crypto Research and Design Lab↗](https://project-cradl.notion.site/Crypto-Research-and-Design-Lab-50a7127f34ed4c88ad95c7cedf7fbe36)
* [CRADL: 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)
* [Staking survey: Key trends, takeaways, and predictions - Eth Staker↗](https://lookerstudio.google.com/u/0/reporting/cafcee00-e1af-4148-bae8-442a88ac75fa/page/p_ja2srdhh2c?s=hmbTWDh9hJo)
* [Survey: The state of Defi 2023↗](https://stateofdefi.org/)
* [Usability and user satisfaction survey - Ethereum.org↗](https://lookerstudio.google.com/reporting/0a189a7c-a890-40db-a5c6-009db52c81c9)
* [Usability study: Coverage pools↗](https://github.com/threshold-network/UX-User-Research/tree/main/Keep%20Coverage%20Pool)
* [Usability study: Multi App Staking↗](https://github.com/threshold-network/UX-User-Research/blob/main/Multi-App%20Staking%20\(MAS\)/iterative-user-study/MAS%20Iterative%20User%20Study.pdf)
* [2022 DAO Research Update: What do DAO Builders Need?↗](https://blog.aragon.org/2022-dao-research-update/)
* [ConSensys: DeFi User Research Report 2022↗](https://cdn2.hubspot.net/hubfs/4795067/ConsenSys%20Codefi-Defi%20User%20ResearchReport.pdf)
* [Bitcoin UX report↗](https://github.com/patestevao/BitcoinUX-report/blob/master/report.md)
* [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) (video, 27 min)

## Design for Web3 <a href="#design-for-web3" id="design-for-web3"></a>

* [Web3 Design Principles↗](https://medium.com/@lyricalpolymath/web3-design-principles-f21db2f240c1) - A framework of UX rules for blockchain based dapps
* [Blockchain Design Principles↗](https://medium.com/design-ibm/blockchain-design-principles-599c5c067b6e) - Lessons learned by the blockchain design team at IBM
* [Dimensions of web3 UX↗](https://uxdesign.cc/the-levels-of-web3-user-experience-4f2ad113e37d) - An analysis of different layers of web3 UX and its challenges
* [Web3 Design Patterns↗](https://www.web3designpatterns.io/)- A curated library of design patterns from real Web3 products
* [W3design.io↗](https://w3design.io/) - A curated library of UI flows of different projects in the ecosystem
* [Neueux.com↗](https://neueux.com/apps) - UI library of user flows with diverse filtering options

## Web3 design case studies <a href="#design-case-studies" id="design-case-studies"></a>

* [How to write better web3 error messages↗](https://medium.com/@JonCrabb/how-to-design-better-web3-error-messages-bd96e12fa582)
* [Defi design tips↗](https://medium.com/@JonCrabb/defi-design-tips-vol-12-8600f4374714)
* [Deep Work Studio↗](https://deepwork.studio/case-studies/)
* [Crypto UX Handbook↗](https://www.cryptouxhandbook.com/)
* [Selling an NFT on OpenSea↗](https://builtformars.com/case-studies/opensea)
* [Wallet UX teardown how wallets need to change↗](https://www.youtube.com/watch?v=oTpuxYj8JWI\&ab_channel=ETHDenver) (video, 20 min)

## Design bounties <a href="#bounties" id="bounties"></a>

* [Dework↗](https://app.dework.xyz/bounties)
* [Gitcoin↗](https://bounties.gitcoin.co/explorer)
* [Buildbox hackathons↗](https://gitcoin.co/hackathons)
* [ETHGlobal↗](https://ethglobal.com/)

## Design DAOS and communities <a href="#design-daos-and-communities" id="design-daos-and-communities"></a>

Get involved in professional community-driven organizations or join design groups to discuss design and research related topics and trends with other members.

* [Vectordao.com↗](https://vectordao.com/)
* [Deepwork.studio↗](https://www.deepwork.studio/)
* [Designer-dao.xyz↗](https://www.designer-dao.xyz/)
* [We3.co↗](https://we3.co/)
* [Openux.xyz↗](https://openux.xyz/about)
* [web3trends.org↗](https://web3trends.org/)
* [Open Source Web3Design↗](https://www.web3designers.org/)

### Design systems <a href="#design-systems" id="design-systems"></a>

* [Optimism Design↗](https://www.figma.com/@oplabs) (Figma)
* [Ethereum.org Design system↗](https://www.figma.com/@ethdotorg) (Figma)
* [Finity, a design system for Web3 by Polygon↗](https://finity.polygon.technology/) (Figma)
* [ENS Design system↗](https://thorin.ens.domains/)
* [Mirror Design System↗](https://degen-xyz.vercel.app/)

**Articles and projects listed on this page are not official endorsements**, and are provided for informational purposes only. If you'd like us to add a project/article, reach out the Electroneum Team.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://developer.electroneum.com/design-fundamentals/intro-to-design-and-ux.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.