How to Design Better Web3 Error Messages

<h1>UX writing can have an outsize impact on your product</h1> <p>There&rsquo;s an adage that &lsquo;design is 90% text&rsquo; &mdash; I&rsquo;ve seen it attributed to various people in various forms, so I&rsquo;m not going to pretend to know who said it first.</p> <p>It&rsquo;s a bold statement, but it points to the fact that most of what your user&nbsp;<strong>sees, interprets, and acts on</strong>&nbsp;is going to be text. They scan for key words, they follow instructions, they find buttons, and they stare baffled at error messages.</p> <p>If you get your copy right &mdash; and display it at the right size, in the right layout &mdash; you increase the usability of your product by a massive amount.</p> <p>Error messages are particularly important because they&rsquo;re literally the thin line(s of text) separating users from non-users.&nbsp;<strong>If the user can&rsquo;t overcome the error, they can&rsquo;t use your app</strong>.</p> <p>The excellent book&nbsp;<em>Microcopy: The Compete Guide</em>&nbsp;explains:</p> <blockquote> <p>An error message temporarily stops the process the users are trying to complete. As far as they are concerned,&nbsp;<strong>the message delays them and requires them to understand what went wrong and how they should continue</strong>. Since their motivation is already fragile, error messages could be the last straw, leading them to abandon the process, especially if messages are&nbsp;<strong>unclear, intimidating or make them feel bad</strong>.</p> </blockquote> <p>&ndash; Kinneret Yifrah,&nbsp;<em>Microcopy: The Complete Guide&nbsp;</em>[emphasis my own]</p> <p><a href="https://medium.com/@JonCrabb/how-to-design-better-web3-error-messages-bd96e12fa582"><strong>Website</strong></a></p>
Tags: Error Web3