Design und UX im Web3

Sind Sie neu im Bereich Design mit Ethereum? Dann sind Sie hier genau richtig. Die Ethereum-Community hat Ressourcen zusammengestellt, um Sie in die Grundlagen von Web3-Design und -Forschung einzuführen. Sie werden Kernkonzepte kennenlernen, die sich möglicherweise von anderen App-Designs unterscheiden, mit denen Sie vertraut sind.

Benötigen Sie zunächst ein grundlegenderes Verständnis von Web3? Besuchen Sie den Lern-Hub.

Beginnen Sie mit der Nutzerforschung

Effektives Design geht über die Erstellung visuell ansprechender Benutzeroberflächen hinaus. Es beinhaltet ein tiefes Verständnis der Bedürfnisse, Ziele und treibenden Faktoren der Nutzer. Daher empfehlen wir dringend, dass alle Designer einen Designprozess anwenden, wie zum Beispiel den Double-Diamond-Prozess (opens in a new tab), um sicherzustellen, dass ihre Arbeit bewusst und zielgerichtet ist.

• Web3 needs more UX Researchers and Designers (opens in a new tab) – Ein Überblick über den aktuellen Reifegrad des Designs
• A simple guide to UX Research in web3 (opens in a new tab) – Eine einfache Anleitung zur Durchführung von Forschung
• How to Approach UX Decisions in Web3 (opens in a new tab) – Ein kurzer Überblick über quantitative und qualitative Forschung und die Unterschiede zwischen beiden (Video, 6 Min.)
• Being a ux researcher in web3 (opens in a new tab) – Eine persönliche Sicht darauf, wie es ist, ein UX-Forscher im Web3 zu sein

Forschungsstudien im Web3

Dies ist eine kuratierte Liste von Nutzerforschungen im Web3, die bei Design- und Produktentscheidungen helfen oder als Inspiration für die Durchführung einer eigenen Studie dienen können.

Design für Web3

• Web3 Design Playbook (opens in a new tab) – Eine umfassende Sammlung von Frameworks und Notizen zu Web3-UX-Prinzipien, DeFi-Mustern, Governance-Design, Wallet-UX und Denken auf Protokollebene für Designer und Gründer
• Web3 UX Design Handbook (opens in a new tab) – Ein praktischer Leitfaden zur Gestaltung von Web3-Apps
• Web3 Design Principles (opens in a new tab) – Ein Framework von UX-Regeln für Blockchain-basierte Dapps
• Blockchain Design Principles (opens in a new tab) – Erkenntnisse des Blockchain-Designteams bei IBM
• Neueux.com (opens in a new tab) – UI-Bibliothek von Nutzerabläufen mit vielfältigen Filteroptionen
• Web3's Usability Crisis: What You NEED to Know! (opens in a new tab) – Eine Podiumsdiskussion über die Fallstricke der entwicklerfokussierten Projektentwicklung (Video, 34 Min.)

Erste Schritte

• Heuristics for Web3 – 7 Heuristiken für das Web3-Schnittstellendesign
• DEX Design Best Practices – Ein Leitfaden zur Gestaltung dezentralisierter Börsen

Web3-Design-Fallstudien

• Deep Work Studio (opens in a new tab)
• Selling an NFT on OpenSea (opens in a new tab)
• Wallet UX teardown how wallets need to change (opens in a new tab) (Video, 20 Min.)

Design-Bounties

• Dework (opens in a new tab)
• Buildbox hackathons (opens in a new tab)
• ETHGlobal hackathons (opens in a new tab)

Design-DAOs und -Communitys

Engagieren Sie sich in professionellen, von der Community getragenen Organisationen oder treten Sie Designgruppen bei, um design- und forschungsbezogene Themen und Trends mit anderen Mitgliedern zu diskutieren.

• 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)

Designsysteme und andere Designressourcen

• Optimism Design (opens in a new tab) (Figma)
• Ethereum.org Design system (opens in a new tab) (Figma)
• Finity, a design system by Polygon (opens in a new tab) (Figma)
• Kleros Design System (opens in a new tab) (Figma)
• Safe Design System (opens in a new tab) (Figma)
• ENS Design system (opens in a new tab)
• Mirror Design System (opens in a new tab)

Die auf dieser Seite aufgeführten Artikel und Projekte stellen keine offiziellen Empfehlungen dar und dienen lediglich zu Informationszwecken. Wir fügen Links zu dieser Seite basierend auf den Kriterien in unserer Auflistungsrichtlinie hinzu. Wenn Sie möchten, dass wir ein Projekt/einen Artikel hinzufügen, bearbeiten Sie diese Seite auf GitHub (opens in a new tab).