Entwerfen für Web3

Entwerfen für Web3 Es wird allgemein angenommen, dass das neue Zeitalter des Internets designorientiert ist, aber es gibt noch keinen allgemeinen Konsens darüber, was die Design-Frameworks und -Prinzipien für Web3 ausmachen. Dieser Artikel ist ein Versuch, eine Harmonie zwischen Design zu finden, das funktioniert, und nach dem wir streben sollten, wenn wir das Internet aufbauen, das wir verdienen. Bildnachweis: belements auf DribbbleBei der Entwicklung von Produkten für Web3 haben wir bei Cope immer versucht, ein Gleichgewicht zwischen guter UX und Web3-Differenzierung zu finden. Oft ist das Gleichgewicht hart erkämpft und erfordert viele Runden von Moodboarding und Ideenfindung. All dies kulminierte, als wir uns daran machten, Finity zu entwickeln, ein Designsystem für dApps. Bei der Konzeption des Designsystems haben wir uns mit einigen schwierigen Fragen auseinandergesetzt -

• Sollte ein Benutzer wissen, dass er eine Web3-Anwendung verwendet, oder sollte Web3 die unsichtbare Schicht sein, die eine Erfahrung ermöglicht?

• Auch wenn Web3 für den Benutzer unsichtbar ist, sollten wir dennoch für das Web3-Design differenzieren?

• Wie gehen Sie vor, um Web3-Designdifferenzierung aufzubauen?

• Sollen wir die Prinzipien guten Web2-Designs in Web3 anwenden oder nicht?

• Wie wichtig sollte Ästhetik in dem Gesamtengagement sein, das wir schaffen wollen?

Um diese Fragen zu beantworten, mussten wir unsere Philosophenmützen aufsetzen und verstehen, was Design für Web3 für uns bedeutet, welche Designs für Benutzer gut funktionieren und wo sich Web3-Differenzierung und -Ästhetik in die gesamte Benutzerreise einfügen. Hier präsentieren wir unsere Schlussfolgerungen und die allgemeinen Designprinzipien, zu denen uns diese Gespräche geführt haben. TL;DR : Was wir erkannt haben, ist, dass es beim Web3-Design darum geht, den Geist von Web3 durch einen Fokus auf Transparenz, Gemeinschaft und Dezentralisierung aufzunehmen, das Sicherheitsbedürfnis der Benutzer zu priorisieren, die Denkweise eines Pädagogen zu übernehmen und ein Gleichgewicht zwischen Web2-Vertrautheit und Web3-Unterscheidung zu finden . Auf andere Weise geht es beim Designen für Web3 darum, Ihre Benutzer jetzt und langfristig zu unterstützen. Betonung der Zugänglichkeit und Inklusion gegenüber FOMO Daran haben wir uns alle schuldig gemacht! Seit wir der Kryptowelt beigetreten sind, haben sich unsere Einstellungen und unsere Art zu kommunizieren verändert. Werfen Sie einen Blick auf das, was viele Krypto-Twitter nennen, und wenn Sie sich in einem frühen bis mittleren Stadium des Web3-Verständnisses befinden, werden Sie ein klares Gefühl dafür bekommen, was Benutzer erleben, wenn sie mit Krypto-Chatter konfrontiert werden. Der Jargon, die technischen Einzelheiten und die gesamte Web3-Einstellung markieren für die meisten Menschen einen kulturellen Wandel, und das allgemeine Gefühl, das dies hervorruft, ist eines der Ausgrenzung. Die meisten Marken schaffen einen Hype-Trail für ihre Anwendungen und Technologien, wodurch die Dinge zu technisch werden, als dass der Durchschnittsbürger ihr folgen könnte. Und das ist, ob durch Zufall oder Absicht, in unsere Web3-Designkultur eingedrungen. Die Alternative? Mit Empathie führen. Bildnachweis: Interaction Design FoundationEinen Designprozess mit Empathie zu leiten bedeutet, die Denkweise eines Anfängers anzunehmen und die Realitäten der Menschen zu verstehen, für die Sie entwerfen. Daher sind das Durchführen von Interviews, das Erstellen von Benutzerpersönlichkeiten und das Abbilden von Benutzerreisen in den frühen Phasen eines Designprozesses ein absolutes Muss. Beispielsweise ermitteln wir vor jedem Projekt die verschiedenen Benutzertypen für unser Produkt, basierend auf Faktoren wie dem Verständnis von Web3 (Anfänger/Fortgeschrittene/Fortgeschrittene), Fähigkeiten (technisch/nicht technisch), Erwartungen (Sicherheit, Zugänglichkeit usw.). ) und Parameter wie Geschlecht, Alter (Gen Alpha, Gen Z, Gen Y oder alle) etc. Diese Informationen fließen in unsere User Journeys, die Architektur unserer Schnittstellen und unsere Inhalte ein. Eine weitere Fragestellung besteht darin, die vorhandenen Metaphern und mentalen Modelle zu ermitteln, die Benutzer aus Web2 kennen. Uns wird oft gesagt, dass Web3 neue mentale Modelle erfordert, an denen man sich orientieren kann. Obwohl dies weitgehend zutrifft, wenn man bedenkt, dass die Technologie manchmal zu komplex ist, als dass sie sogar von alten Hasen verstanden werden könnte, hilft die Verwendung vertrauter Frameworks, den Übergang zu erleichtern. The idea here is to give users a sense of security and familiarity by developing a recognizable workflow. Think about how Apple designed their touch-screen iPhone. They referenced the weight and friction of everyday objects while building out the user interactions, such as the swipes and prolonged taps, which we now see with modern phones today. For even better utility for your application, you can take human-centricity a step further and also design for user extremes. Image Credits: Teo Yu Siang and Interaction Design Foundation💡 For a read on how user averages can tell you the wrong user story, check out this article. Darüber hinaus sollte die Art und Weise, wie Sie die Geschichte Ihres Produkts kommunizieren und erzählen, im Vordergrund des Designs stehen. Das Prinzip, an das wir uns hier halten müssen, ist, den Wert in den Vordergrund unserer Botschaften zu stellen. Ein Produkt ist viel mehr als die Summe seiner Einzelteile. In Web3 wird der Wert eines Produkts oder einer Anwendung durch den realen und abstrakten Wert bestimmt, den sie dem Leben der Benutzer bringen. Die meisten Menschen haben immer noch keine Ahnung, welchen Wert Web3 in unserem Leben haben kann. Die Herausforderung besteht hier darin, die Komplexität von Web3 zu verbergen und sich auf das zu konzentrieren, was für den Benutzer wirklich wichtig ist. Stellen Sie sich also Fragen wie „Was versuchen Sie mit dem Produkt zu lösen?“, „Wie löst Ihr Produkt das Problem?“ und „Warum sollte es den Benutzer interessieren?“. Die Bewertung Ihrer Anwendung aus einer solchen Perspektive hilft dabei, aussagekräftige Botschaften zu erstellen, die bei den Benutzern Anklang finden, und hilft Ihnen, sich auf den wahren Wert und die Wirkung zu konzentrieren, anstatt Hype und FOMO zu erzeugen. Übernahme der Denkweise eines Erziehers Web3 ist noch jung. Das bedeutet, dass ein Großteil der Technologie und der Werte, die das Web3 von morgen definieren werden, heute entwickelt werden. Dies stellt eine Lernkurve sowohl für Anfänger als auch für Experten dar. Diese Kurve wird Teil der User Journey bleiben, wenn sich das Produkt und die Technologie, auf der es basiert, weiterentwickeln. Die Verpflichtung, Benutzer aufzuklären, stellt ein Designproblem dar. Bildung sollte daher in die gesamte Benutzererfahrung der Interaktion mit dem Produkt eingewoben werden. Bildnachweis: EthereumEs kann mit einem wirklich effektiven Onboarding beginnen, das den Benutzern nur die nackten Details zur Erledigung der Arbeit gibt, ohne sie mit allen Funktionen des Produkts zu überfordern. Wenn Sie ein komplexes Produkt und ein vielfältigeres Publikum haben, können Sie je nach Verständnis und Nutzen des Produkts unterschiedliche Onboarding-Flows erstellen. Verwenden Sie Videos und hilfreiche Animationen, um Benutzer mit dem Produkt vertraut zu machen. Starke Inhalte dienen als großartige Agentur für Bildung. Effektive Inhalte können jedoch nur erstellt werden, wenn Sie über ein gutes Benutzerverständnis verfügen. For instance, if you have predominantly a non-tech audiences, reduce the cognitive load on your users, trim down the technical jargon for more laymen messaging, and where simpler explanations are not possible, use explainer tooltips, glossaries, and documentation. For technophiles, however, it is not necessary to skip the technical lingo. Stick to familiar terminologies and incorporate the right detailing to serve their information needs. An example of content well-done is the Metamask intro video on its home page. The best way to imbibe education into the fabric of your application is to question yourself -

• Is the application allowing users to learn their way through the platform, features, and tasks in an intuitive way?

• How and what hooks have been enabled to guide the user through the learning curve?

• Do the language and visuals feel familiar and welcoming to the user rather than exclusionary?

• Is the application catering to the audience it is built for?

• Is adequate, task-focused, and easily-searchable information available for users to refer to?

Building true Web3 Differentiation Web3 marks the new age of the Internet not because it is founded on blockchain technology but because it imbibes the tenets of blockchain — decentralization, immutability, trustlessness, uncensorability, community ownership, and transparency. While it may be argued that the blockchain should remain an invisible layer powering an application, it is also important to offer to users the flavor of these very values that made them switch to a Web3 experience. So, the way to build true Web3 differentiation, therefore, lies in absorbing these principles into the design process. Let your user know about product security Security remains a fundamental concern for users in the digital age. To build that trust, you need to be more transparent about the security measures taken to keep their identities and finances secure. Build helpful and clear documentation on security protocol and fail safes and notify users of security audits. Don’t keep your users guessing In Web2, every time a user concludes a transaction, they are notified that the transaction has been successful and that the money has been debited. Users should be able to expect the same level of transparency from your application. Give users a fair expectation of gas fees, platform charges if any, the conversion of the payment in fiat, and how much time it would take to complete a transaction before they initiate a payment. Once a transaction is complete, let your users know the status of transactions along with details like the sender’s and receiver’s wallet addresses and the breakdown of the transaction including gas fees and other charges. What’s more, with the rise and fall in crypto value, users look for the latest stats in blockchain applications. To welcome, reassure, and to send trust signals to early-stage crypto traders, applications can make use of simple UI and messaging. Some helpful features that can take the guessing out are visualization trends over time, tables with sorting features, and local currency conversions. Prevent your users from making irreversible mistakes Mistakes are all too-common in Web3. In fact, as users adopt to the new mental models of Web3, and as the space grows, mistakes become part of its growing pains. Through design, many of these mistakes from forgetting wallet passwords to making wrong transactions to getting scammed can be avoided. You can do this by calling out irreversible actions, educating on measures users can take to prevent security risks, and giving useful currency conversions in fiat especially during large transactions. You can also build friction, such as by using swiping or sliding gestures to initiate transactions instead of single-tap, using double confirmations, etc. to bring more mindfulness into irreversible actions. Credit: Coinbase WalletEncourage community participation At the heart of Web3 is a community of self-sovereign individuals communicating ideas and co-owning and contributing to the making of a borderless digital economy. Your product is a great gateway to get users to become excited about Web3 and participate in community building. But to generate the feeling of community, there needs to be a shared purpose. The brand purpose can be a good catalyst here but it needs to be meaningful, identifiable, and true to the target audience. Credit: World of WomenUsing gamification, social incentives, and in some cases, through tokens, users can also be encouraged to contribute and interact in a meaningful way and benefit from network effects. Play with aesthetics Web3 is being known as the industry with space for experimentation and creativity. And for good reason. Kredit: KosmosDer Aesthetic-Usability-Effekt besagt, dass Benutzer ein ästhetisch ansprechendes Design oft als benutzerfreundlicher empfinden. Die Ästhetik beeinflusst, wie Benutzer ein Produkt auf den ersten Blick wahrnehmen, und dieser erste Eindruck spielt eine entscheidende Rolle bei ihrem Wunsch, dieses Produkterlebnis tiefer zu erforschen und zu erforschen. Die Ästhetik ermöglicht auch einen Differenzierungspunkt, indem sie es einer Anwendung ermöglicht, sich von einem endlosen Meer von Plattformen abzuheben, die mehr oder weniger gleich aussehen. In Web3 ist es möglich, eine erkennbare Marke mit einzigartigen Farben, Farbverläufen, Animationen und 3D-Komponenten zu schaffen, ohne sich zu viele Gedanken über Designtrends zu machen, solange jede Komponente von einem Zweck geleitet wird und die Benutzererfahrung nicht behindert. Abschließende Gedanken Entwerfen für Web3 ist im Wesentlichen ein Entwerfen für die Zukunft. Doch trotz der Verantwortung für das Design befinden sich der Rahmen und die Regeln für das Web3-Design immer noch in einem experimentellen Stadium. Obwohl dies viel Raum zum Navigieren bietet, kann man nur durch Versuch und Irrtum und die Anwendung bewährter Praktiken für gutes Design erwarten, bessere und effektivere Designs für ihre Benutzer zu erstellen.

4