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.

Start with user research

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↗, to ensure that their work is deliberate and intentional.

• Web3 needs more UX Researchers and Designers↗ - An overview of current design maturity

• A simple guide to UX Research in web3↗ - Simple guide how to do research

• 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↗ - A personal view on what it is like being a UX researcher in web3

Research studies in Web3

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↗

• CRADL: UX in Cryptocurrency↗

• CRADL: Onboarding to Cryptocurrency↗

• Staking survey: Key trends, takeaways, and predictions - Eth Staker↗

• Survey: The state of Defi 2023↗

• Usability and user satisfaction survey - Ethereum.org↗

• Usability study: Coverage pools↗

• Usability study: Multi App Staking↗

• 2022 DAO Research Update: What do DAO Builders Need?↗

• ConSensys: DeFi User Research Report 2022↗

• Bitcoin UX report↗

• Metaverse: User Research Report↗

• Going on Safari: Researching Users in the Metaverse↗ (video, 27 min)

Design for Web3

• Web3 Design Principles↗ - A framework of UX rules for blockchain based dapps

• Blockchain Design Principles↗ - Lessons learned by the blockchain design team at IBM

• Dimensions of web3 UX↗ - An analysis of different layers of web3 UX and its challenges

• Web3 Design Patterns↗- A curated library of design patterns from real Web3 products

• W3design.io↗ - A curated library of UI flows of different projects in the ecosystem

• Neueux.com↗ - UI library of user flows with diverse filtering options

Web3 design case studies

• How to write better web3 error messages↗

• Defi design tips↗

• Deep Work Studio↗

• Crypto UX Handbook↗

• Selling an NFT on OpenSea↗

• Wallet UX teardown how wallets need to change↗ (video, 20 min)

Design bounties

• Dework↗

• Gitcoin↗

• Buildbox hackathons↗

• ETHGlobal↗

Design DAOS and communities

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↗

• Deepwork.studio↗

• Designer-dao.xyz↗

• We3.co↗

• Openux.xyz↗

• web3trends.org↗

• Open Source Web3Design↗

Design systems

• Optimism Design↗ (Figma)

• Ethereum.org Design system↗ (Figma)

• Finity, a design system for Web3 by Polygon↗ (Figma)

• ENS Design system↗

• Mirror Design System↗

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.