Diseño y experiencia de usuario (UX) en web3

¿Es nuevo en el diseño con Ethereum? Este es el lugar adecuado para usted. La comunidad de Ethereum tiene recursos escritos para presentarle los conceptos básicos de diseño e investigación de Web3. Aprenderá sobre conceptos básicos que pueden diferir de otros diseños de aplicaciones con los que esté familiarizado.

¿Necesita primero una comprensión más básica de la Web3? Consulte el centro de aprendizaje.

Comience con la investigación de usuarios

El diseño efectivo va más allá de la creación de interfaces de usuario visualmente atractivas. Implica obtener una comprensión profunda de las necesidades, los objetivos y los factores impulsores del usuario. Por lo tanto, recomendamos encarecidamente que todos los diseñadores adopten un proceso de diseño, como el proceso del doble diamante (opens in a new tab), para garantizar que su trabajo sea deliberado e intencional.

• La Web3 necesita más investigadores y diseñadores de UX (opens in a new tab) - Un resumen de la madurez actual del diseño
• Una guía sencilla para la investigación de UX en la web3 (opens in a new tab) - Guía sencilla sobre cómo investigar
• Cómo abordar las decisiones sobre la experiencia de usuario en la Web3 (opens in a new tab) - Un breve resumen de la investigación cuantitativa y cualitativa y las diferencias entre ambas (vídeo, 6 min)
• Ser un investigador de UX en la web3 (opens in a new tab) - Una visión personal de lo que es ser un investigador de UX en la web3

Estudios de investigación en la web3

Esta es una lista curada de investigaciones de usuarios realizadas en Web3 que pueden ayudar con las decisiones de diseño y productos, o servir de inspiración para llevar a cabo su propio estudio.

Diseño para la web3

• Manual de diseño de UX para la Web3 (opens in a new tab) - Guía práctica para diseñar aplicaciones de la Web3
• Principios de diseño de la Web3 (opens in a new tab) - Un marco de reglas de UX para dapps basadas en cadenas de bloques
• Principios de diseño de cadena de bloques (opens in a new tab) - Lecciones aprendidas por el equipo de diseño de cadena de bloques de IBM
• Neueux.com (opens in a new tab) - Biblioteca de IU de flujos de usuario con diversas opciones de filtrado
• La crisis de usabilidad de la Web3: ¡lo que NECESITA saber! (opens in a new tab) - Una mesa redonda sobre las dificultades de la creación de proyectos centrada en los desarrolladores (vídeo, 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

Casos prácticos de diseño de la Web3

• Deep Work Studio (opens in a new tab)
• Vender un NFT en OpenSea (opens in a new tab)
• Análisis de la UX de las billeteras: cómo deben cambiar (opens in a new tab) (vídeo, 20 min)

Recompensas de diseño

• Dework (opens in a new tab)
• Hackatones de Buildbox (opens in a new tab)
• Hackatones de ETHGlobal (opens in a new tab)

DAO y comunidades de diseño

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

• Vectordao.com (opens in a new tab)
• Deepwork.studio (opens in a new tab)
• We3.co (opens in a new tab)
• Openux.xyz (opens in a new tab)

Sistemas de diseño y otros recursos de diseño

• Diseño de Optimism (opens in a new tab) (Figma)
• Sistema de diseño de Ethereum.org (opens in a new tab) (Figma)
• Finity, un sistema de diseño de Polygon (opens in a new tab) (Figma)
• Sistema de diseño de Kleros (opens in a new tab) (Figma)
• Sistema de diseño de Safe (opens in a new tab) (Figma)
• Sistema de diseño de ENS (opens in a new tab)
• Sistema de diseño de Mirror (opens in a new tab)

Los artículos y proyectos que se enumeran en esta página no constituyen un respaldo oficial y se proporcionan únicamente con fines informativos. Añadimos enlaces a esta página basándonos en los criterios de nuestra política de inclusión en listas. Si quiere que añadamos un proyecto o artículo, edite esta página en GitHub (opens in a new tab).