# 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](https://developer.electroneum.com/foundational-topics/web2-vs-web3).

## 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.