Diseño y UX en la Web3
¿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.
Comienza con la investigación de usuarios
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 (se abre en una pestaña nueva), 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 (se abre en una pestaña nueva).
- La Web3 necesita más investigadores y diseñadores de UX (se abre en una pestaña nueva): una descripción general de la madurez actual del diseño
- Una guía sencilla para la investigación de UX en la Web3 (se abre en una pestaña nueva): guía sencilla sobre cómo investigar
- Cómo abordar las decisiones de UX en la Web3 (se abre en una pestaña nueva): 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 (se abre en una pestaña nueva): una visión personal sobre cómo es ser un investigador de UX en la Web3
Estudios de investigación en la 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.
Diseño para la Web3
- Libro de jugadas de diseño de la Web3 (se abre en una pestaña nueva): 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 (se abre en una pestaña nueva): guía práctica para diseñar aplicaciones de la Web3
- Principios de diseño de la Web3 (se abre en una pestaña nueva): un marco de reglas de UX para aplicaciones descentralizadas (dapps) basadas en cadenas de bloques
- Principios de diseño de cadenas de bloques (se abre en una pestaña nueva): lecciones aprendidas por el equipo de diseño de cadenas de bloques en IBM
- Neueux.com (se abre en una pestaña nueva): biblioteca de UI de flujos de usuarios con diversas opciones de filtrado
- La crisis de usabilidad de la Web3: ¡Lo que NECESITAS saber! (se abre en una pestaña nueva): un panel de discusión sobre los obstáculos en la construcción de proyectos centrados en el desarrollador (video, 34 min)
Primeros pasos
- Heurísticas para la Web3: 7 heurísticas para el diseño de interfaces de la Web3
- Mejores prácticas de diseño de DEX: una guía para diseñar intercambios descentralizados
Estudios de casos de diseño de la Web3
- Deep Work Studio (se abre en una pestaña nueva)
- Vender un NFT en OpenSea (se abre en una pestaña nueva)
- Análisis de la UX de las billeteras: cómo deben cambiar las billeteras (se abre en una pestaña nueva) (video, 20 min)
Recompensas de diseño
- Dework (se abre en una pestaña nueva)
- Hackatones de Buildbox (se abre en una pestaña nueva)
- Hackatones de ETHGlobal (se abre en una pestaña nueva)
DAO y comunidades de diseño
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 (se abre en una pestaña nueva)
- Deepwork.studio (se abre en una pestaña nueva)
- We3.co (se abre en una pestaña nueva)
- Openux.xyz (se abre en una pestaña nueva)
Sistemas de diseño y otros recursos de diseño
- Diseño de Optimism (se abre en una pestaña nueva) (Figma)
- Sistema de diseño de Ethereum.org (se abre en una pestaña nueva) (Figma)
- Finity, un sistema de diseño de Polygon (se abre en una pestaña nueva) (Figma)
- Sistema de diseño de Kleros (se abre en una pestaña nueva) (Figma)
- Sistema de diseño de Safe (se abre en una pestaña nueva) (Figma)
- Sistema de diseño de ENS (se abre en una pestaña nueva)
- Sistema de diseño de Mirror (se abre en una pestaña nueva)
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. Si deseas que agreguemos un proyecto o artículo, edita esta página en GitHub (se abre en una pestaña nueva).