---
title: "Diseño y UX en la Web3"
description: "Introducción al diseño y la investigación de UX en el espacio de la Web3 y Ethereum"
lang: es
---

¿Eres nuevo en el diseño con Ethereum? Este es el lugar adecuado para ti. La comunidad de Ethereum ha escrito recursos para introducirte a los conceptos básicos de diseño e investigación de la Web3. Aprenderás sobre conceptos centrales que pueden diferir de otros diseños de aplicaciones con los que estés familiarizado.

¿Necesitas primero una comprensión más básica de la Web3? Echa un vistazo al [**Centro de aprendizaje**](/learn/).

## Comienza con la investigación de usuarios {#start-with-user-research}

El diseño efectivo va más allá de crear interfaces de usuario visualmente atractivas. Implica obtener una comprensión profunda de las necesidades, objetivos y factores motivadores del usuario. Por lo tanto, recomendamos encarecidamente que todos los diseñadores adopten un proceso de diseño, como el [**proceso de doble diamante**](<https://en.wikipedia.org/wiki/Double_Diamond_(design_process_model)>), para garantizar que su trabajo sea deliberado e intencional.

Si deseas ver cuáles son actualmente los puntos débiles más urgentes de la UX, consulta este **[mapa de problemas actuales de UX](https://ethux.design/)**.

- [La Web3 necesita más investigadores y diseñadores de UX](https://blog.akasha.org/akasha-conversations-9-web3-needs-more-ux-researchers-and-designers): una descripción general de la madurez actual del diseño
- [Una guía sencilla para la investigación de UX en la Web3](https://uxplanet.org/a-complete-guide-to-ux-research-for-web-3-0-products-d6bead20ebb1): guía sencilla sobre cómo investigar
- [Cómo abordar las decisiones de UX en la Web3](https://archive.devcon.org/archive/watch/6/data-empathy-how-to-approach-ux-decisions-in-web3/): una breve descripción general de la investigación cuantitativa y cualitativa y las diferencias entre ambas (video, 6 min)
- [Ser un investigador de UX en la Web3](https://medium.com/@georgia.rakusen/what-its-like-being-a-user-researcher-in-web3-6a4bcc096849): una visión personal sobre cómo es ser un investigador de UX en la Web3

## Estudios de investigación en la Web3 {#research-in-web3}

Esta es una lista seleccionada de investigaciones de usuarios realizadas en la Web3 que pueden ayudar con las decisiones de diseño y productos, o servir como inspiración para realizar tu propio estudio.

| Área de enfoque                                           | Nombre                                                                                                                                                                               |
| :------------------------------------------------------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |                                         
| <Tag variant="solid" status="success">Incorporación cripto</Tag>    | [The Reown Pulse 2024: Sentimiento y uso del consumidor cripto](https://reown.com/blog/unveiling-walletconnects-consumer-crypto-report)                                                |
| <Tag variant="solid" status="success">Incorporación cripto</Tag>    | [CRADL: UX en las criptomonedas](https://docs.google.com/presentation/d/1s2OPSH5sMJzxRYaJSSRTe8W2iIoZx0PseIV-WeZWD1s/edit?usp=sharing)                                                |
| <Tag variant="solid" status="success">Incorporación cripto</Tag>    | [CRADL: Incorporación a las criptomonedas](https://docs.google.com/presentation/d/1R9nFuzA-R6SxaGCKhoMbE4Vxe0JxQSTiHXind3LVq_w/edit?usp=sharing)                                        |
| <Tag variant="solid" status="success">Incorporación cripto</Tag>    | [Informe de UX de Bitcoin](https://github.com/patestevao/BitcoinUX-report/blob/master/report.md)                                                                                          |
| <Tag variant="solid" status="success">Incorporación cripto</Tag>    | [ConsenSys: El estado de la percepción de la Web3 en todo el mundo en 2023](https://consensys.io/insight-report/web3-and-crypto-global-survey-2023)                                            |
| <Tag variant="solid" status="success">Incorporación cripto</Tag>    | [NEAR: Acelerando el viaje hacia la adopción](https://drive.google.com/file/d/1VuaQP4QSaQxR5ddQKTMGI0b0rWdP7uGn/view)                                                          |
| <Tag status="tag">Staking</Tag>             | [OpenUX: UX del operador de nodo de Rocket Pool](https://storage.googleapis.com/rocketpool/RocketPool-NodeOperator-UX-Report-Jan-2024.pdf)         |
| <Tag status="tag">Staking</Tag>             | [Staking: Tendencias clave, conclusiones y predicciones - 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 de múltiples aplicaciones](<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>                    | [Actualización de la investigación de DAO de 2022: ¿Qué necesitan los creadores de DAO?](https://blog.aragon.org/2022-dao-research-update/)                                                                          |
| <Tag status="error">DeFi</Tag>                  | [Fondos de cobertura](https://github.com/threshold-network/UX-User-Research/tree/main/Keep%20Coverage%20Pool)                                                                           |
| <Tag status="error">DeFi</Tag>                  | [ConsenSys: Informe de investigación de usuarios de DeFi 2022](https://cdn2.hubspot.net/hubfs/4795067/ConsenSys%20Codefi-Defi%20User%20ResearchReport.pdf)                                            |
| <Tag variant="solid">Metaverso</Tag>             | [Metaverso: Informe de investigación de usuarios](https://www.politico.com/f/?id=00000187-7685-d820-a7e7-7e85d1420000)                                                                             |
| <Tag variant="solid">Metaverso</Tag>             | [De safari: Investigando a los usuarios en el metaverso](https://archive.devcon.org/archive/watch/6/going-on-safari-researching-users-in-the-metaverse/?tab=YouTube) (video, 27 min)  |

## Diseño para la Web3 {#design-for-web3}

- [Libro de jugadas de diseño de la Web3](https://learnweb3.design/): una colección completa de marcos y notas sobre los principios de UX de la Web3, patrones de DeFi, diseño de gobernanza, UX de billeteras y pensamiento a nivel de protocolo para diseñadores y fundadores
- [Manual de diseño de UX de la Web3](https://web3ux.design/): guía práctica para diseñar aplicaciones de la Web3
- [Principios de diseño de la Web3](https://medium.com/@lyricalpolymath/web3-design-principles-f21db2f240c1): un marco de reglas de UX para aplicaciones descentralizadas (dapps) basadas en cadenas de bloques
- [Principios de diseño de cadenas de bloques](https://medium.com/design-ibm/blockchain-design-principles-599c5c067b6e): lecciones aprendidas por el equipo de diseño de cadenas de bloques en IBM
- [Neueux.com](https://neueux.com/apps): biblioteca de UI de flujos de usuarios con diversas opciones de filtrado
- [La crisis de usabilidad de la Web3: ¡Lo que NECESITAS saber!](https://www.youtube.com/watch?v=oBSXT_6YDzg): un panel de discusión sobre los obstáculos en la construcción de proyectos centrados en el desarrollador (video, 34 min)

## Primeros pasos {#getting-started}

- [Heurísticas para la Web3](/developers/docs/design-and-ux/heuristics-for-web3/): 7 heurísticas para el diseño de interfaces de la Web3
- [Mejores prácticas de diseño de DEX](/developers/docs/design-and-ux/dex-design-best-practice/): una guía para diseñar intercambios descentralizados

## Estudios de casos de diseño de la Web3 {#design-case-studies}

- [Deep Work Studio](https://www.deepwork.studio/case-studies)
- [Vender un NFT en OpenSea](https://builtformars.com/case-studies/opensea)
- [Análisis de la UX de las billeteras: cómo deben cambiar las billeteras](https://www.youtube.com/watch?v=oTpuxYj8JWI&ab_channel=ETHDenver) (video, 20 min)

## Recompensas de diseño {#bounties}

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

## DAO y comunidades de diseño {#design-daos-and-communities}

Involúcrate en organizaciones profesionales impulsadas por la comunidad o únete a grupos de diseño para discutir temas y tendencias relacionados con el diseño y la investigación con otros miembros.

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

## Sistemas de diseño y otros recursos de diseño {#design-systems-and-resources}

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

**Los artículos y proyectos enumerados en esta página no son respaldos oficiales** y se proporcionan únicamente con fines informativos.
Agregamos enlaces a esta página según los criterios de nuestra [política de listado](/contributing/design/adding-design-resources). Si deseas que agreguemos un proyecto o artículo, edita esta página en [GitHub](https://github.com/ethereum/ethereum-org-website/blob/dev/public/content/developers/docs/design-and-ux/index.md).