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? Eche un vistazo a Learn hub.

Comience con la investigación de los 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 de 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): visión general de la madurez actual del diseño
• Guía sencilla para la investigación de la experiencia de usuario en la Web3(opens in a new tab): guía sencilla sobre cómo investigar
• Cómo abordar las decisiones de experiencia de usuario en Web3(opens in a new tab): breve descripción de la investigación cuantitativa y cualitativa y las diferencias entre los dos (video, 6 min)
• Ser investigador de UX en Web3(opens in a new tab): visión personal de lo que es ser un investigador de experiencia de usuario en Web3

Estudios de investigación en 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 Web3

• Manual de diseño de UX Web3(opens in a new tab): guía práctica para diseñar aplicaciones web3
• Principios de diseño de Web3(opens in a new tab): marco de reglas de experiencia de usuario 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
• Patrones de diseño en Web3(opens in a new tab): biblioteca curada de patrones de diseño de productos web3 reales
• W3design.io(opens in a new tab): biblioteca curada de flujos de interfaz de usuario de diferentes proyectos en el ecosistema
• Neueux.com(opens in a new tab): biblioteca de interfaz de usuario de flujos de usuario con diversas opciones de filtrado
• Crisis de usabilidad de Web3: ¡lo que NECESITA saber!(opens in a new tab): mesa redonda sobre los desventajas o problemas de la construcción de proyectos centrados en el desarrollador (video, 34 min)

Estudios de casos de diseño de Web3

• Deep Work Studio(opens in a new tab)
• Manual de UX cripto(opens in a new tab)
• Vender un NFT en OpenSea(opens in a new tab)
• Wallet UX teardown how wallets need to change(opens in a new tab) (video, 20 minutos)

Bounties de diseño

• Dework(opens in a new tab)
• Hackatons de Buildbox(opens in a new tab)
• Hackatons 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)
• Designer-dao.xyz(opens in a new tab)
• We3.co(opens in a new tab)
• Openux.xyz(opens in a new tab)
• Web3Design de código abierto(opens in a new tab)

Sistemas 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)
• Kleros Design System(opens in a new tab) (Figma)
• Sistema de diseño Safe(opens in a new tab) (Figma)
• Sitema de diseño para ENS(opens in a new tab)
• Sistema de diseño para Mirror(opens in a new tab)

Los artículos y los proyectos enumerados en esta página no son endorsements o promociones oficiales, y se proporcionan solo con fines informativos. Añadimos enlaces a esta página según los criterios de nuestra política de listado. Si desea que añadamos un proyecto/artículo, edite esta página en GitHub(opens in a new tab).