---
title: Design e UX na Web3
description: "Introdução ao design e pesquisa de UX no espaço da Web3 e Ethereum"
lang: pt-br
---

Você é novo no design com Ethereum? Este é o lugar certo para você. A comunidade Ethereum escreveu recursos para apresentar a você os conceitos básicos de design e pesquisa na Web3. Você aprenderá sobre conceitos fundamentais que podem diferir de outros designs de aplicativos com os quais você está familiarizado.

Precisa de uma compreensão mais básica da Web3 primeiro? Confira a [**Central de aprendizado**](/learn/).

## Comece com a pesquisa de usuário {#start-with-user-research}

O design eficaz vai além da criação de interfaces de usuário visualmente atraentes. Envolve obter uma compreensão profunda das necessidades, objetivos e fatores motivadores do usuário. Portanto, recomendamos fortemente que todos os designers adotem um processo de design, como o [**processo duplo diamante (double diamond)**](<https://en.wikipedia.org/wiki/Double_Diamond_(design_process_model)>), para garantir que seu trabalho seja deliberado e intencional.

Se você quiser ver quais são atualmente os pontos de dor mais urgentes de UX, confira este **[mapa de problemas atuais de UX](https://ethux.design/)**.

- [A Web3 precisa de mais pesquisadores e designers de UX](https://blog.akasha.org/akasha-conversations-9-web3-needs-more-ux-researchers-and-designers) - Uma visão geral da maturidade atual do design
- [Um guia simples para pesquisa de UX na Web3](https://uxplanet.org/a-complete-guide-to-ux-research-for-web-3-0-products-d6bead20ebb1) - Guia simples de como fazer pesquisa
- [Como abordar decisões de UX na Web3](https://archive.devcon.org/archive/watch/6/data-empathy-how-to-approach-ux-decisions-in-web3/) - Uma breve visão geral da pesquisa quantitativa e qualitativa e as diferenças entre as duas (vídeo, 6 min)
- [Sendo um pesquisador de UX na Web3](https://medium.com/@georgia.rakusen/what-its-like-being-a-user-researcher-in-web3-6a4bcc096849) - Uma visão pessoal sobre como é ser um pesquisador de UX na Web3

## Estudos de pesquisa na Web3 {#research-in-web3}

Esta é uma lista com curadoria de pesquisas de usuários feitas na Web3 que podem ajudar nas decisões de design e produto ou servir como inspiração para conduzir seu próprio estudo.

| Área de foco                                            | Nome                                                                                                                                                                               |
| :------------------------------------------------------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |                                         
| <Tag variant="solid" status="success">Integração cripto</Tag>    | [The Reown Pulse 2024: Sentimento e uso do consumidor de cripto](https://reown.com/blog/unveiling-walletconnects-consumer-crypto-report)                                                |
| <Tag variant="solid" status="success">Integração cripto</Tag>    | [CRADL: UX em criptomoedas](https://docs.google.com/presentation/d/1s2OPSH5sMJzxRYaJSSRTe8W2iIoZx0PseIV-WeZWD1s/edit?usp=sharing)                                                |
| <Tag variant="solid" status="success">Integração cripto</Tag>    | [CRADL: Integração com criptomoedas](https://docs.google.com/presentation/d/1R9nFuzA-R6SxaGCKhoMbE4Vxe0JxQSTiHXind3LVq_w/edit?usp=sharing)                                        |
| <Tag variant="solid" status="success">Integração cripto</Tag>    | [Relatório de UX do Bitcoin](https://github.com/patestevao/BitcoinUX-report/blob/master/report.md)                                                                                          |
| <Tag variant="solid" status="success">Integração cripto</Tag>    | [ConsenSys: O estado da percepção da Web3 ao redor do mundo em 2023](https://consensys.io/insight-report/web3-and-crypto-global-survey-2023)                                            |
| <Tag variant="solid" status="success">Integração cripto</Tag>    | [NEAR: Acelerando a jornada rumo à adoção](https://drive.google.com/file/d/1VuaQP4QSaQxR5ddQKTMGI0b0rWdP7uGn/view)                                                          |
| <Tag status="tag">Staking</Tag>             | [OpenUX: UX do operador de nó da Rocket Pool](https://storage.googleapis.com/rocketpool/RocketPool-NodeOperator-UX-Report-Jan-2024.pdf)         |
| <Tag status="tag">Staking</Tag>             | [Staking: Principais tendências, conclusões e previsões - 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 em vários aplicativos](<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>                    | [Atualização de pesquisa de DAO de 2022: Do que os construtores de DAO precisam?](https://blog.aragon.org/2022-dao-research-update/)                                                                          |
| <Tag status="error">DeFi</Tag>                  | [Pools de cobertura](https://github.com/threshold-network/UX-User-Research/tree/main/Keep%20Coverage%20Pool)                                                                           |
| <Tag status="error">DeFi</Tag>                  | [ConsenSys: Relatório de pesquisa de usuários de DeFi 2022](https://cdn2.hubspot.net/hubfs/4795067/ConsenSys%20Codefi-Defi%20User%20ResearchReport.pdf)                                            |
| <Tag variant="solid">Metaverso</Tag>             | [Metaverso: Relatório de pesquisa de usuários](https://www.politico.com/f/?id=00000187-7685-d820-a7e7-7e85d1420000)                                                                             |
| <Tag variant="solid">Metaverso</Tag>             | [Indo em um safári: Pesquisando usuários no metaverso](https://archive.devcon.org/archive/watch/6/going-on-safari-researching-users-in-the-metaverse/?tab=YouTube) (vídeo, 27 min)  |

## Design para a Web3 {#design-for-web3}

- [Manual de design da Web3](https://learnweb3.design/) - Uma coleção abrangente de estruturas e notas sobre princípios de UX da Web3, padrões de finanças descentralizadas (DeFi), design de governança, UX de carteira e pensamento em nível de protocolo para designers e fundadores
- [Manual de design de UX da Web3](https://web3ux.design/) - Guia prático para projetar aplicativos da Web3
- [Princípios de design da Web3](https://medium.com/@lyricalpolymath/web3-design-principles-f21db2f240c1) - Uma estrutura de regras de UX para aplicativos descentralizados (dapps) baseados em blockchain
- [Princípios de design de blockchain](https://medium.com/design-ibm/blockchain-design-principles-599c5c067b6e) - Lições aprendidas pela equipe de design de blockchain da IBM
- [Neueux.com](https://neueux.com/apps) - Biblioteca de interface de usuário (UI) de fluxos de usuários com diversas opções de filtragem
- [A crise de usabilidade da Web3: O que você PRECISA saber!](https://www.youtube.com/watch?v=oBSXT_6YDzg) - Um painel de discussão sobre as armadilhas da construção de projetos focados no desenvolvedor (vídeo, 34 min)

## Primeiros passos {#getting-started}

- [Heurísticas para a Web3](/developers/docs/design-and-ux/heuristics-for-web3/) - 7 heurísticas para design de interface da Web3
- [Melhores práticas de design de DEX](/developers/docs/design-and-ux/dex-design-best-practice/) - Um guia para projetar exchanges descentralizadas

## Estudos de caso de design na Web3 {#design-case-studies}

- [Deep Work Studio](https://www.deepwork.studio/case-studies)
- [Vendendo um NFT na OpenSea](https://builtformars.com/case-studies/opensea)
- [Análise detalhada da UX de carteiras: como as carteiras precisam mudar](https://www.youtube.com/watch?v=oTpuxYj8JWI&ab_channel=ETHDenver) (vídeo, 20 min)

## Recompensas de design {#bounties}

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

## DAOs e comunidades de design {#design-daos-and-communities}

Envolva-se em organizações profissionais voltadas para a comunidade ou junte-se a grupos de design para discutir tópicos e tendências relacionados a design e pesquisa com outros membros.

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

## Sistemas de design e outros recursos de design {#design-systems-and-resources}

- [Design da Optimism](https://www.figma.com/@optimism) (Figma)
- [Sistema de design do Ethereum.org](https://www.figma.com/@ethdotorg) (Figma)
- [Finity, um sistema de design da Polygon](https://www.figma.com/community/file/1073921725197233598/finity-design-system) (Figma)
- [Sistema de design da Kleros](https://www.figma.com/community/file/999852250110186964/kleros-design-system) (Figma)
- [Sistema de design da Safe](https://www.figma.com/community/file/1337417127407098506/safe-design-system) (Figma)
- [Sistema de design do ENS](https://thorin.ens.domains/)
- [Sistema de design da Mirror](https://degen-xyz.vercel.app/)

**Os artigos e projetos listados nesta página não são endossos oficiais** e são fornecidos apenas para fins informativos.
Adicionamos links a esta página com base nos critérios de nossa [política de listagem](/contributing/design/adding-design-resources). Se você quiser que adicionemos um projeto/artigo, edite esta página no [GitHub](https://github.com/ethereum/ethereum-org-website/blob/dev/public/content/developers/docs/design-and-ux/index.md).