<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/">
    <channel>
        <title>erik</title>
        <link>https://paragraph.com/@eriko</link>
        <description>undefined</description>
        <lastBuildDate>Wed, 08 Apr 2026 01:11:56 GMT</lastBuildDate>
        <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
        <generator>https://github.com/jpmonette/feed</generator>
        <language>en</language>
        <image>
            <title>erik</title>
            <url>https://storage.googleapis.com/papyrus_images/89fb8ee949ae7235c3b9bc97ea45f8350c4dafa2b47f94788c315c5520d18b6c.jpg</url>
            <link>https://paragraph.com/@eriko</link>
        </image>
        <copyright>All rights reserved</copyright>
        <item>
            <title><![CDATA[Stay the course]]></title>
            <link>https://paragraph.com/@eriko/stay-the-course</link>
            <guid>qTACqTPuqbShagclFPbq</guid>
            <pubDate>Sun, 16 Mar 2025 09:58:29 GMT</pubDate>
            <description><![CDATA[on a quest rn, talk laterInstead of rushing into clarity, learn to move through the unknown. Use your instincts, gut feeling, and sense for what sparks joy as the guide.Resist early validationIn our dAtA-dRivEn world, validation feels like progress. But new ideas rarely fit old metrics. Don’t force product-market fit before your idea has grown its own wings. The greatest products in history would’ve been killed by early feedback. Trust your instincts first.Dodge external pressureMid-journey, ...]]></description>
            <content:encoded><![CDATA[<figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/ef1bd20953c3bf1b99c195e6b80581a1b88073b83accabd9448b7ce1909a5c7e.png" alt="on a quest rn, talk later" blurdataurl="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" nextheight="600" nextwidth="800" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="">on a quest rn, talk later</figcaption></figure><p><em>Instead of rushing into clarity, learn to move through the unknown. Use your instincts, gut feeling, and sense for what sparks joy as the guide.</em></p><h3 id="h-resist-early-validation" class="text-2xl font-header !mt-6 !mb-4 first:!mt-0 first:!mb-0">Resist early validation</h3><p>In our dAtA-dRivEn world, validation feels like progress. But new ideas rarely fit old metrics. Don’t force product-market fit before your idea has grown its own wings. The greatest products in history would’ve been killed by early feedback. Trust your instincts first.</p><h3 id="h-dodge-external-pressure" class="text-2xl font-header !mt-6 !mb-4 first:!mt-0 first:!mb-0">Dodge external pressure</h3><p>Mid-journey, it’s easy to let external forces nudge you into producing, compromising, and proving things too soon.</p><p>Distractions, à la the ‘next shiny object’ kind, can pull your focus before things even take root, dragging you toward immediate answers when you should be diving deeper into the unknown.</p><h3 id="h-creating-is-iterating" class="text-2xl font-header !mt-6 !mb-4 first:!mt-0 first:!mb-0">Creating is iterating</h3><p>Uncertainty isn&apos;t just a phase in the beginning—it&apos;s a constant loop. Iteration compounds; simple moves start to <em>{conn|inters}ect</em> in ways you couldn’t predict.</p><p>Every step forward is progress. Every dead-end, a teacher. Embrace the unknown. Breakthroughs always arrive unannounced &lt;3</p><hr><p><em>What will feel so clear, obvious, and natural in the end to everyone else started off as a fuzzy mess only you could see.</em></p>]]></content:encoded>
            <author>eriko@newsletter.paragraph.com (erik)</author>
        </item>
        <item>
            <title><![CDATA[Familiar differentiation]]></title>
            <link>https://paragraph.com/@eriko/familiar-differentiation</link>
            <guid>J5YPqkAI16LlmxlHn2SS</guid>
            <pubDate>Sun, 15 Dec 2024 21:55:32 GMT</pubDate>
            <description><![CDATA[The paradigm of building software using AI (via e.g. Cursor or v0) and standardized design systems (like shadcn) has streamlined the product development process, making it easier than ever to create apps quickly. I love this, but I’ve noticed it comes at (least for now) a cost. When every app is built on the same foundations and models, the result is a smörgåsbord of experiences that lack personality, originality, and edge. Modern apps, websites, and brands are starting to look like digital d...]]></description>
            <content:encoded><![CDATA[<p>The paradigm of building software using AI (via e.g. <a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="https://www.cursor.com/">Cursor</a> or <a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="https://v0.dev/">v0</a>) and standardized design systems (like <a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="https://ui.shadcn.com/">shadcn</a>) has streamlined the product development process, making it easier than ever to create apps quickly.</p><p>I love this, but I’ve noticed it comes at (least for now) a cost. When every app is built on the same foundations and models, the result is a smörgåsbord of experiences that lack personality, originality, and edge. Modern apps, websites, and brands are starting to look like digital doppelgängers.</p><p>In this brief post, I’ll drop some of my ideas and attempt to outline some <em>high-level principles</em> to help your products stand out, based on industry best practices used in applications with millions of users. <strong>Let’s dig into it.</strong></p><hr><h3 id="h-reinvent-and-reuse" class="text-2xl font-header !mt-6 !mb-4 first:!mt-0 first:!mb-0">Reinvent and reuse</h3><p>The best products strikes a balance between familiarity and novelty, offering users a sense of both home and innovation at the same time. New and old reliable, hand in hand.</p><p>Ideally, your app’s new features and interaction patterns should blend harmoniously with familiar components that users instantly recognize from other products they love and use daily.</p><p>Zomming outMost interactions and flows in your product should be generic, established, and feel familiar. This way you leave cognitive and visual space for the novel flagship features you want to highlight and use to differentiate your app—without it being overwhelming.</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/e6ef308c760985c7457cd69c923fe398a63fada2f99a546ce5369ba65c2bc505.png" alt="" blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAACXBIWXMAAAsTAAALEwEAmpwYAAABvUlEQVR4nO2Uz0rrQBSHTyk+gCjUq6gbfQEXyvUR5HIv6IO4UPBh/PcmCip00W5bXRQvWGyz6TmMTGbIZMgRE5B2tJNR25V+DCEQMt+c3zkJPE0Z+GYCkTMtgRAizvmQI1QghFBKdzqd//f3SqlwR6gAEZl5b/fPv787zIyIkxQQkbX25voKci4vL6y1RDRJgTHp9u/NQrC1tWGMCUwJAsM5Pz8rdq/k19OT48CgSgRCCCklIq4s1yoVWFmura+tAsDS4vxgMAiZKAg5/tHRIbzh8GA/pAifQAihtb69u136NQcAM1WoVl7WTPVFsFCbbbfbWmt/EeU9iKKo233o93u93uPr6vd73e5DFEWlr5dHlKYpjyFN09Jh9QmIKI5jZs7GwMxxHPsdJYIs36Vg+P6V0i/ufYGUkoi01hyA1trjAM9v2YkbEYkIEZ1HzOwZJBj/bzDDySilWq1Wo9Go1+vNZtNaOywwxiCilDJIUNTrySR7rxlFqqEC54AFzvwEdtsVEJFSij+FUuqtY0QghHBG80NkWUZETsNHBESUJAl/gSRJnCLAOX76ZWi0iBHBBHnyTNFkgR9BGVMXPAM4FhKF2YG+xQAAAABJRU5ErkJggg==" nextheight="1711" nextwidth="1711" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="hide-figcaption"></figcaption></figure><p>So to be clear, public design systems are great and prevents product teams from reinventing the wheel. But a risk when using these off-the-shelf component libraries is that the user experience can become too generic, dull, and speechless. It can make your product lack the edge™ that makes it interesting, rememberable, and fun to use.</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/aaea321e230d80bd92aa0371783374851c42e3651600189a69cd75ed7933d8e5.png" alt="Example of vanilla shadcn components, which FTR are great, but doesn&apos;t really spark joy" blurdataurl="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" nextheight="600" nextwidth="800" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="">Example of vanilla shadcn components, which FTR are great, but doesn&apos;t really spark joy</figcaption></figure><p>Crafting experiences that <em>feel unique</em> and “resonate with your users” is easier said than done and more of a (tbh, kind of vague) end result rather than a process that’ll get you there.</p><p>So, let’s look into how global brands are achieving this á la show, don’t tell.</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/da7c92cf3f2ea8371cb08f90438d15f1c020abfc39443025cfa7639cd00b8fbc.png" alt="Apple iPod Classic feat. the beloved navigation / scroll wheel" blurdataurl="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" nextheight="600" nextwidth="800" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="">Apple iPod Classic feat. the beloved navigation / scroll wheel</figcaption></figure><h3 id="h-breathe-your-brand" class="text-2xl font-header !mt-6 !mb-4 first:!mt-0 first:!mb-0">Breathe your brand</h3><p>One important key to differentiate your experience is to spark joy <em>between the lines</em> of your UI, and make your app’s key flows into brand moments. Make the core interactions feel unique and on brand while using underlying patterns users know and feel at home with via thousands of apps before. The focus here is to create something that feels special to both you and the user without overdoing it (more on this later).</p><p>To get started, experiment with tailor-made animations, copy, and illustrations designed to frame each part of the experience. Elements that embody entities, steps, or features in your app.</p><p>Identify <em>in-between steps</em> of your flows; empty states, loading, success screens, and confirmations, etc., and use these moments to highlight your brand alongside the messaging without slowing the user down.</p><p>Consistency is key. Ensure that your brand is introduced seamlessly throughout the flows. Every detail matters. Embedding your brand beyond marketing channels and into the end-user experience is easier said than done, but it is essential for building a cohesive and memorable product across all clients / surfaces / touchpoints.</p><p>Below, I’ve included some examples of how brands like Figma, MetaMask, and Notion do this. With more examples by the bottom of this post.</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/2a7bb827048e8e43d828c60560c8f4d4be3e57a1e8da2659fac7c410684008ba.gif" alt="" blurdataurl="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" nextheight="600" nextwidth="800" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="hide-figcaption"></figcaption></figure><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/59780d2afc44cf24e42b44629324fb31db9a2214475fcde0a1e7ebc08afd718c.gif" alt="" blurdataurl="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" nextheight="600" nextwidth="800" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="hide-figcaption"></figcaption></figure><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/86519af73fdbedad5ee0e3f524ad56504f3438c7a86b963d47ce8aa265e3de18.gif" alt="" blurdataurl="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" nextheight="600" nextwidth="800" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="hide-figcaption"></figcaption></figure><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/79628085d0cae9db702770004efbdb37b14c5038979e3bf5dd4b9d466c241cfc.gif" alt="" blurdataurl="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" nextheight="600" nextwidth="800" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="hide-figcaption"></figcaption></figure><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/1fe20ee9dd49e2d8fd0b426ef50cabe7e2417c2a3cbea6db2f2601c8f6a67162.gif" alt="" blurdataurl="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" nextheight="600" nextwidth="800" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="hide-figcaption"></figcaption></figure><h3 id="h-streamline-your-ui" class="text-2xl font-header !mt-6 !mb-4 first:!mt-0 first:!mb-0">Streamline your UI</h3><p>Many apps often present all available features at once, on the top level. Everything is right there, all the time, whether the user needs it or not. This makes sense for some apps, but generally leads to a cluttered and overwhelming user experience.</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/ea47ea3cbd0b3ac7223cda996eadcd4c2b7902c0abf24f1e34f4fe2b9bb29bb4.png" alt="FWIW, the extreme" blurdataurl="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" nextheight="600" nextwidth="800" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="">FWIW, the extreme</figcaption></figure><p>The overarching goal should be to make your product accessible to newcomers without sacrificing depth or power for experienced users. This is particularly crucial for flows like onboarding, which can have many potential paths and edge cases. It’s important to avoid turning critical flows into daunting tasks that overwhelm the user. Enough is enough.</p><p>Aim to keep only the fundamental features at the user’s fingertips, and introduce additional functionalities as they become relevant in the flow. This approach ensures that users are not bombarded with options and can focus on the task at hand.</p><p>Most product teams are caught up with adding more features, capabilities, and functionality, but very rarely spend time thinking about what can be removed. So every once in a while — instead of adding stuff — consider what can be removed to streamline the experience. Zoom out and re-focus on the main tasks your app is designed for, and make it super delightful before adding customizability and subtasks.</p><p>Think of experiences people love, like Apple Pay or AirDrop, which each do one thing exceptionally smoothly without almost any configuration, customizability, or cognitive overload. They just focus on delivering one seamless and intuitive experience that does one thing really well.</p><p>Good design emphasizes the usefulness of a product while disregarding anything that could detract (you!!) from it.</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/15ed999df11ee5bd4e660d30f85e1b8994f96d61c094070458734be678e229e4.png" alt="" blurdataurl="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" nextheight="600" nextwidth="800" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="hide-figcaption"></figcaption></figure><h3 id="h-analog-patterns-in-digital-shapes" class="text-2xl font-header !mt-6 !mb-4 first:!mt-0 first:!mb-0">Analog patterns in digital shapes</h3><p>Great interactions are often modeled after properties from the real world. This approach was particularly prominent during the <a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="https://www.figma.com/resource-library/what-is-skeuomorphism/">skeuomorphism</a>-era that characterized early versions of iOS, but it remains a valuable tool for infusing digital experiences with a sense of clarity, delight, and familiarity.</p><p>Analog patterns can be used to simplify, overview, and intuitively describe complex interactions. Examples include the use of sliders, toggles, and controls to adjust volume, brightness, or other arbitrary metadata. Another example is how most calendar apps mimic the look and feel of a traditional desk calendar. By drawing inspiration from real-world objects and interactions, you can create interfaces that are immediately understandable and engaging for users.</p><p>UI parallels to the real world can transform mundane tasks and boring UIs into experiences that spark joy. Give yourself some time here and let your imagination go free here. Think of products, patterns, and interactions that you love irl, and see if any of these could be used as proxies to simplify or symbolize what you’re trying to achieve via software.</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/c6625c33bcdf9a49c64206b2aa65539de1bdfd73d0514cc4d6a74e50192c52e3.png" alt="" blurdataurl="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" nextheight="600" nextwidth="800" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="hide-figcaption"></figcaption></figure><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/cd87595d6374f0b105fbea5879d43e144aad192bf6c89202072d639c6f420d14.gif" alt="" blurdataurl="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" nextheight="600" nextwidth="800" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="hide-figcaption"></figcaption></figure><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/a96c48cdbf130f730068c01bd522763eb6742eced67e46e2d6d025e3b600f71d.gif" alt="" blurdataurl="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" nextheight="600" nextwidth="800" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="hide-figcaption"></figcaption></figure><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/f140f6aeb1864c2366ad9cdf932581aadc8da6378d7281862eacadfb8bf47cd8.gif" alt="" blurdataurl="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" nextheight="600" nextwidth="800" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="hide-figcaption"></figcaption></figure><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/1fd7a64a5b211486db4791acb272f226b99a1eb40828621668a3c9db4d9325b0.gif" alt="" blurdataurl="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" nextheight="600" nextwidth="800" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="hide-figcaption"></figcaption></figure><h3 id="h-speech-is-silver-and-action-is-gold" class="text-2xl font-header !mt-6 !mb-4 first:!mt-0 first:!mb-0">Speech is silver, and action is gold</h3><p>While education, descriptions, and explicit context can be needed, the real magic happens when users can seamlessly interact with your product without needing instructions. By holding the users’ hands and displaying just what they need at any given stage, you can create a product that feels almost effortless to use without having to clutter the UI with tooltips and long intros.</p><p>Instead of relying solely on text to guide users, use visual cues and interactive elements to lead them through the experience.</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/1715363c9db40dc78a3bbd9d75201b4022ba6ad0000283791ddae38817e9941b.png" alt="" blurdataurl="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" nextheight="600" nextwidth="800" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="hide-figcaption"></figcaption></figure><hr><p>Exceptional software goes beyond function; it creates a connection between people and technology. In a world overfilled with apps, adding polish &amp; joy to the core flows of your product is what transforms ordinary products into extraordinary ones.</p><h3 id="h-until-next-time" class="text-2xl font-header !mt-6 !mb-4 first:!mt-0 first:!mb-0">Until next time 👋</h3><p>Thank you and stay blessed. Included some inspo below, let me know what you think, if you have interesting ideas or UI to share, and feel free to <a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="https://twitter.com/intent/user?screen_name=0xago">follow me on Twitter</a>.</p><hr><h2 id="h-inspo" class="text-3xl font-header !mt-8 !mb-4 first:!mt-0 first:!mb-0">Inspo</h2><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/ba45e6a80c60f8b4a75901715f5c1d0c8389b0b06763e04a64ae449e6c66cf16.png" alt="" blurdataurl="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" nextheight="600" nextwidth="800" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="hide-figcaption"></figcaption></figure><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/a1e8f38a7d1a0337931cb5ffd6488a9cf3f2cdbec81fa4595468a54fbf833ee1.png" alt="" blurdataurl="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" nextheight="600" nextwidth="800" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="hide-figcaption"></figcaption></figure><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/744ebdc7a655072c6020fb876cf2b94cd2dc66820162feef1d2cf5715546e70e.png" alt="" blurdataurl="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" nextheight="600" nextwidth="800" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="hide-figcaption"></figcaption></figure><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/0f55fc4a819b6c5073fab189ab254297ed2009708e1c96a0a77a811e46cfc67b.png" alt="" blurdataurl="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" nextheight="600" nextwidth="800" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="hide-figcaption"></figcaption></figure><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/9ef01913e18d7645082ed47dd4f8c053d5deb5879b05e9c33df1642d3125e3a4.png" alt="" blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAIAAAD4YuoOAAAACXBIWXMAAAsTAAALEwEAmpwYAAADBElEQVR4nLVUTUwTURDemwknowfQcBDDSY94MnrgJPFmPBATPcHBiyFRoxdDIlTqD9Vibag0ajAxGmyV1BW3LBQsW9ptsYBSAwKNQMGwuhvo1m1f95Ux3dc+oCGEi9+h6Xxv5n0zs98ugxACAGRA0zSEEC6CkHgb9O0hzqDstuOsjtIZUgsGGIwx7A14z5kUCCGGBm3mBxWHKnnvJ3rXi+7XPe8+0DCLMr8Wfyi/V2mJkvx75SW3pCRpzpTXZ7nQoBfb1zStMIEi/2EMWM23SHZaSxFmYWGRZF88W1XOMOUMExSjhPk2M8fUX6u78xwAMigLAMN9fbVlFWF+EAByxqI2V9TafLWmev/P+GxxOq3yyGGGYWRZJkzn/aaGc8d73a/IXQCwllTdH3l20E8nmJ2fv/fIsryyvLkicoAQCoyGItGJVUkiZ7KsDA/7x8bGqEBkLBoIRkJiOJFIAICqqgM8P8D3j44KqqoCgCRJHMfx3v5YLFYqAAAsyz60WBRFoeuz2+3d3d2aphFGEPwmU6vD0SnLhZxIOGw2m8fHx4s9yQ6Hw2q1chy3gwDABsb6LrbBBna3DcZ4Y0thiQDR2AwxxrT9gm1kKaWu0zCH9Xg8ni56BgD0dEZZWqHhpkAGZftcjtCQmzx9Qja1dPR6+ohSzmDOVB84yDAbxfpMar2xsfH92zd03LnAl+s1ddpaslRgbW39/Ol9VQwTDeUdpuv5XVXfflJ2o53kAcDT9hZi3MRKocepaPjypfqOuy2GQL5kKDRy9MSxfJeQ2yqQ7yk+M/nMenP2+wQVcPjCzT35x0Va1hHqfGxhPR7ab0pN2i1tQWGYMv7AyMnaUzusSJIkL89/Hhmd/DpF/MBx3qDg9w8OsCxLXMjzfEgMezyeeDxObhSEgJfnBUGgN/p8Pi/HLS9veQ/oV8ntdlss7YnEEgljsViX09nldE5PTxMmGAza7XabzUbfDFEUbTabKIp0ApfLZTKZSAfbPhX/CfkJiBFVVdU0jfxSlIR7gWqA/CEC/wDDwEw3oblqWwAAAABJRU5ErkJggg==" nextheight="524" nextwidth="1053" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="hide-figcaption"></figcaption></figure><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/4ffce0a71b271d12bf56ee7b2221b1f8c1e7112308ca63c0459e4fb08ef98d2c.png" alt="" blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAARCAIAAAAzPjmrAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEg0lEQVR4nIWUbUxTVxjHbwiZidkH5yJmSxaSxQ9Gt2WDRUyMjm2ZOtRNlFeDgoyGWUCjCaCZiptsbG5xCLUVS6nFl/mSzIlkpomtjBXK6MvaWgor915a2lJuKbSl96W3t7vPQu/CmLPun/PhnJwn5/c85znnj3AcBwAcxyWSEpZPFbckhuf5p8YIu4vncByH8EsEADzP4zjucDjGlshms6EoujRsfBwdMgxbrBYMRXEcc46NmEwGk9EwH4kIGCEykUggQjo8zwtMkUiEpJBYLBbS7L1//1TjkY5vmk99dvrFzLXLVqzenLfvc+mthu9UjU3NFBkVGAAQj8cRgSasSZJcuXJlWlpaRkZGenr6cwtatnz585mZmauSYhgGAFqaz85Muhzmu5K2ys0b12Rv2PBpTVnHrf0ma+8N5VWdrl+4HJ7nnwQQBLFp06aGhobj/1Z9fX1jY2Nubm4gQABA81cn1T0X84teKil+5dceuUF7U33r3L3b9b0/HTl2YntfX19KQCAQyMrKqqqqEovF5QcOlCRVXl4hFourq6tzcnIEwM49G4pKX8jNXZ39FtJzp8P86Ef1XdnO95Gm+vUfbEM02kcpAW73ZF3tIZNRbzAMGo1DpoWhNxr1w8MDNqvx2NGjPp8XALZuXfdtc/HHH23cu22d4vzxm+3HNHek+/OyPyl5bcs7iEbzS0oAjk90d3fxHBljwrGgMxbyUXMBhgoxdBggdu3aVZ/PBwDvvvd24YfrlacbOk/UnK0tbztZe13acvtCS3Xe2i1vIBpt6itCUUwul8WY8GzQPzdpiIze9I+PEHaTfxLl4lFFp8zj8QBAUcGe9SuQNQhSsPnNc81f1lRWnDp86PU05GUEyXl1VX9/6ibjOK5QyOPx+WDAizlMkcc35ux9If+022nneVp+WepyuQDgi6amO1c6lW1f96l/HhsbGx11jNjt966rflDKz5w+o1arhQf61ApQuVwWZ8KRMOGZwL1GQ+h3a3Bm1u0c+TNByS9L3W43ALS2tnp9U65JD4Zhow6HxWJxu12Q/IA6ne7BgwfPaLJbpeqMM+HofJCcn53zYSQZ9EyghBdPJMguhXxqyg8AEolkAsdRdNzpdKIohmEYiqHR6ML/0ul0Go3mWYCr3V1zc/7fhvot5iGbzWg26W3WYYNhIBIiVKpOASCVSlmWpWk6keBYNsYwNBdnWZYFgMFB/f8AulWK4IzXMWK2WQ1Wy7DVMmwy6u12UyQ8rVQqpvwLAJlMFggEvF4fAONx/WG1mlnSH4lECYLQ6/8DEGb/ALq7kk7CxJgITYVoKsSy8xxHA8AVpdyfBEgkkng8LlimMBHOeqICAGBZ9m83FQBer6/twnlRVeWOHdvz83eVlZWWlZXu3r0rL2+7SFQpkXxPEIGFCi5devxIM+FwuCbdLtdEKBQSLDoJGHz48OFiBQtuumh7AODxeC9K2uvqxIUFBaUlxZUHKyoPVpQUFxUW7D1yuEYmbff7pwUAFQ5R0ShJUTRNk9EoRVFCDwYGBrRarZC74KZ/AQ1k8JTfh5fTAAAAAElFTkSuQmCC" nextheight="538" nextwidth="1001" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="hide-figcaption"></figcaption></figure><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/39efa3f7da6f4bad8c507da97a9a7c208dc2c5a31437a65aaebca031e8f3ad14.png" alt="" blurdataurl="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" nextheight="600" nextwidth="800" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="hide-figcaption"></figcaption></figure><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/fcadd33b0248bf6cefe0b4c16028169b04072a77895c59e1d75fafca62491a65.png" alt="" blurdataurl="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" nextheight="600" nextwidth="800" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="hide-figcaption"></figcaption></figure><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/3e85f4744d461c32c56c1408dafa0b10d0ea6964fd43bd76d2f8616f98bba263.png" alt=" " blurdataurl="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" nextheight="600" nextwidth="800" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="hide-figcaption"></figcaption></figure><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/012af2be37a40ee66486a057540d9f6b2d6dba7822b52fe26ab057b79bfa9436.png" alt="" blurdataurl="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" nextheight="600" nextwidth="800" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="hide-figcaption"></figcaption></figure><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/752c1adb6863d3dd16ef6204b4abfb7ed4dda5d89ce3fc06c95605838476893a.png" alt="" blurdataurl="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" nextheight="600" nextwidth="800" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="hide-figcaption"></figcaption></figure><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/9df528a1908141ad7130cb61867bd6208c77426a1a0cfef72053d784e8b5e232.png" alt="" blurdataurl="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" nextheight="600" nextwidth="800" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="hide-figcaption"></figcaption></figure><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/8bfbbebac943716203053e1b1f04c5b4ce6a0570c07a69b74614ca7511db7570.png" alt="" blurdataurl="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" nextheight="600" nextwidth="800" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="hide-figcaption"></figcaption></figure><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/1d897c2fa9c362bd02ac63897da2742a4bf5625eaca47f925f7b9500c22a5fd1.png" alt="" blurdataurl="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" nextheight="600" nextwidth="800" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="hide-figcaption"></figcaption></figure><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/7a173bf8bf468d8964a28c36aa4807b208671b90a5aeab6ee5b2a9f17f7d9cce.png" alt="" blurdataurl="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" nextheight="600" nextwidth="800" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="hide-figcaption"></figcaption></figure><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/ef34b8a486adf0f5a1e8331b66bd9a7371841063d579648ded99c683cf8726d7.webp" alt="CW&amp;T" blurdataurl="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" nextheight="600" nextwidth="800" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="">CW&amp;T</figcaption></figure><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://storage.googleapis.com/papyrus_images/2c07f680c1d1d992e9f49a5908e91c9b560b1464f2ed3c1df646bc493b7cd79c.webp" alt="CW&amp;T" blurdataurl="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=" nextheight="600" nextwidth="800" class="image-node embed"><figcaption HTMLAttributes="[object Object]" class="">CW&amp;T</figcaption></figure>]]></content:encoded>
            <author>eriko@newsletter.paragraph.com (erik)</author>
        </item>
        <item>
            <title><![CDATA[Shower-thought principles for designing in web3]]></title>
            <link>https://paragraph.com/@eriko/shower-thought-principles-for-designing-in-web3</link>
            <guid>8L64TWvd03UXDF16nvA2</guid>
            <pubDate>Sat, 22 Oct 2022 10:03:16 GMT</pubDate>
            <description><![CDATA[So as I&apos;m currently sitting on my flight home from ETH Bogotá, I figured it would be fun to write something. Flesh out some thoughts that crossed my mind this past week. No giga-brain insights, but rather some guiding principles for designing in web3. Hopefully someone out there will enjoy it. Time to hit that publish button.Draft faster, improve fasterDesigning products in web3 means designing products that haven&apos;t been done before. We&apos;re collectively trying things out, explor...]]></description>
            <content:encoded><![CDATA[<p>So as I&apos;m currently sitting on my flight home from ETH Bogotá, I figured it would be fun to write something. Flesh out some thoughts that crossed my mind this past week.</p><p>No giga-brain insights, but rather some guiding principles for designing in web3. Hopefully someone out there will enjoy it.</p><p><strong>Time to hit that publish button.</strong></p><hr><h3 id="h-draft-faster-improve-faster" class="text-2xl font-header !mt-6 !mb-4 first:!mt-0 first:!mb-0">Draft faster, improve faster</h3><p>Designing products in web3 means designing products that haven&apos;t been done before. We&apos;re collectively trying things out, exploring patterns, and finding out what sticks. To keep the momentum up during these explorative stages of the space, learning how to draft and iterate on ideas faster will be key.</p><p>For most people, the design process is split into two phases: drafting and editing. In the drafting phase, the goal is generally <em>to get out of your way</em> to get something onto the screen (or whatever medium you prefer). However <em>that</em> looks for you, this phase is crucial to seizing your most important ideas and preserving them for future rearrangement.</p><p>When you can draft quickly—you can start editing sooner. When you can start editing sooner, you can share more designs with people. And the more designs you can share, the more feedback you can receive, the better your ideas (and final products) will become.</p><p>And the best part? Designing quickly is, i.e., a compounding skill. Faster iteration cycles means more opportunities to learn, improve, and ship.</p><h3 id="h-skill-up-for-collaboration" class="text-2xl font-header !mt-6 !mb-4 first:!mt-0 first:!mb-0">Skill-up for collaboration</h3><p>As web3 intersects finance, distributed infrastructure, and socio-technical systems in ways we haven’t seen before, teams should seek to build a team of overlapping multidisciplinary members.</p><p>In my experience, I&apos;ve been able to run the furthest, the fastest, and had the most fun, when collaborating with people in complementary roles. Where we each took the time and effort to speak each other&apos;s language and build a shared sense of what we&apos;re working towards.</p><p>So should designers code? Write copy? Understand the sales pipeline? Interview users? Read the data? <strong>Yes.</strong></p><p>It&apos;s just that it&apos;s not practical to try to be the one person who does <em>all</em> of these things day-to-day in any meaningful capacity. But if you can be the bridge between these teams, and not feel alienated by their different lingoes, you’ll gain a lot.</p><h3 id="h-dont-try-to-solve-everything" class="text-2xl font-header !mt-6 !mb-4 first:!mt-0 first:!mb-0">Don’t try to solve everything</h3><p>It&apos;s easy to add more features: slap a button here, throw in a disclaimer there, and pin an explainer tooltip on everything. It&apos;s not so easy to take those things away.</p><p>Educating people about new features or changes is tough. And it&apos;s even harder to dismiss a loudly-requested feature for reasons that users might not easily understand.</p><p>Designing quality UI is knowing when to add features. Knowing when something works well and when to take things away, especially if a feature is no longer in service of a broader vision.</p><p>This past week I’ve seen too many <em>can-do-it-all products</em> showcased; DeFi products with more features than the G Suite, NFT projects with twelve different utility verticals, and alternative layer ones claiming to be better at pretty much everything. I.e. products trying to do everything—but end up doing nothing.</p><p>One thing I’ve learned from participating in, and <a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="https://ethglobal.com/showcase/gates-wtf-qy8w8">sometimes winning</a>, hackathons is to always scope down your products. Start by identifying one tiny problem, friction, or annoyance you’ve thought about, and begin with solving <em>just that</em> super smooth.</p><p>Quality software is fast. Data is cached. The first paint feels instant. Interactions respond in milliseconds. Simplicity and narrowing things down to the core is everything.</p><h3 id="h-track-the-space" class="text-2xl font-header !mt-6 !mb-4 first:!mt-0 first:!mb-0">Track the space</h3><p>Designers who became experts at mobile screen design in 2008 and 2009 are likely at the top of their game today. They are designing solutions for a massive number of people, and their skills are easily transferrable between industries, companies, and products.</p><p>Today, we can observe similar opportunities in web3. And as the space expands, the foundational tools we have access to will flourish. From new standards, to protocols, to frontend libraries—we continue to invent new and exciting primitives that unlock the ability to solve new kinds of problems.</p><p>Those who make it a habit to examine the latest trends, details, and product decisions will more likely be able to push the limits of their own products further.</p><p>Prioritize attending conferences, hackathons, and talks within your interest. Wherever you are in life right now, occasionally throwing yourself into 48h sprints with like-minded frens, new tools, and red bulls is an efficient method for staying up-to-date.</p><hr><h3 id="h-until-next-time" class="text-2xl font-header !mt-6 !mb-4 first:!mt-0 first:!mb-0">Until next time 👋</h3><p>Thank you and stay blessed. Let me know what you think and feel free <a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="https://twitter.com/intent/user?screen_name=0xago">follow me on Twitter</a>.</p>]]></content:encoded>
            <author>eriko@newsletter.paragraph.com (erik)</author>
        </item>
    </channel>
</rss>