small_Fcsqb5pWQAAzPIK.jpeg

thumbnail_Fcsqb5pWQAAzPIK.jpeg

Adobe acquires Figma, cue the memes 🤪

large_Crossover Series NFTs.png

medium_Crossover Series NFTs.png

small_Crossover Series NFTs.png

thumbnail_Crossover Series NFTs.png

From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill

Still can’t get a UX job? Give up.

large_featuredImage

medium_featuredImage

small_featuredImage

thumbnail_featuredImage

Sticking to UI/UX trends is a losing strategy

<p><a href="https://labs.bawi.io/design-patterns-for-ux-d9a496189552">medium bookmark / Raindrop.io</a> |  </p>
<div>
<div>
<div>
<div>
<div>
<div><img src="https://cdn-images-1.medium.com/max/1600/1*7j84Y5BU7kQY_joYiD-6WQ.gif" alt="1*7j84Y5BU7kQY_joYiD-6WQ.gif"></div>
</div>
<p>Maybe you are questioning yourself about this article’s title… And you are right for having that kind of positioning!</p>
<p><em>Is it about how hard it is or how obvious it is?!</em></p>
<p>I invite you to discover with me.</p>
</div>
</div>
</div>
<div>
<hr>
<div>
<div>
<p>First of all, you have to know that as in the back-end development, there are also so many patterns for the front-end and the UX, properly saying.</p>
<p>Today we are going to talk about some those I’ve figured out as important as the syntax is for coding something.</p>
<p>My favorite pattern on UX, and maybe it’ll turn to be your too, is what is called the<strong> Illusion of Control</strong>.</p>
<blockquote><p>Think of the experience of your customer and let himself feels that he is in control, but your customer has no idea from who is the real control.</p></blockquote>
<div>
<div><img src="https://cdn-images-1.medium.com/max/1600/1*s7slFMbzRbt1qHIK1YR1pw.png" alt="1*s7slFMbzRbt1qHIK1YR1pw.png"></div>
</div>
<p>It’s needed to follow steps 😉</p>
<p>The Illusion of Control takes action when someone thinks that they’re capable to do whatever they want and instead they’re just doing the necessary, and, in some cases, the obligatory things.</p>
<p><em>But, wait! Don’t you think it is a bit obscure?</em></p>
<p>In fact, it is. Although, you should see the necessity of having a fluent and controlled process is better for business, and, for sure, for the user.</p>
<blockquote><p>The illusion of control can act as a motivational factor for conducting certain behavior that is either unsafe or that we believe will bring us closer to a goal.</p></blockquote>
<p>Another really interesting design pattern is the way you build the system to accomplish the most default features those smooth the usage over all.</p>
<p>It’s called <strong>Status-Quo Bias</strong>.</p>
<p>Let’s take an explanation about the term itself. So, it is a Latin expression that means on the “on the state of things”. Then, the system can be built in a way that the user does not need to do a lot, but the necessary. Something that doesn’t makes the user lazy about the system.</p>
<div>
<div><img src="https://cdn-images-1.medium.com/max/1600/1*wer4atZVLpdzvjxgvRKYOg.png" alt="1*wer4atZVLpdzvjxgvRKYOg.png"></div>
</div>
<p>What makes you think about an auto-selected button?</p>
<p>Looks like something ordinary, but it’s not. When the user looks at something that facilitates his life, it’s just a piece of cake to start on the way to success.</p>
<blockquote><p>Simply pre-filling a form with default options is often enough to make people choose them. Alternative options that seem too cumbersome to comprehend will make people stick with the status quo.</p></blockquote>
<p>Facebook came to it about a few years ago, when the privacy police just kept the rate of incoming new users, by not having the necessity of user to change any settings in his profile and passing security to their customers about it.</p>
<p>And, what about the <strong>Blank Slate</strong>?!</p>
<p>You may be more common with this one because it’s being adopted by many companies on websites and nowadays more reliable to mobile applications.</p>
<p>Simple as it seems to be, it can bring a lot of satisfaction and good feedback from customers.</p>
<div>
<div><img src="https://cdn-images-1.medium.com/max/1600/1*3E_3Kfz_NeLvthWI5uuaFg.gif" alt="1*3E_3Kfz_NeLvthWI5uuaFg.gif"></div>
</div>
<p>Looks cool, but after all looks fantastic</p>
<p>There are many ways to perform this kind of pattern. One of them is to show how the application goes empty, in other words, how the system act when there is nothing to do.</p>
<p>And of course, it can be applied to the opposite, by showing how the app works with life, full of information.</p>
<p>This pattern motivates the users on achieving some of the goals that are showed in the display. So you have some work to do right now 😉</p>
<p>After all this walk-through we are ready to know another pattern that is called nothing less than <strong>Playthrough</strong>.</p>
<p>As the word mention, imagine a scenario where you don’t realize something special will happen. Then, suddenly a little “guy” appears on your screen telling you that there is something new and you would love to use it.</p>
<div>
<div><img src="https://cdn-images-1.medium.com/max/1600/1*CWOksPBlOAMMNruJ5Kf4lQ.gif" alt="1*CWOksPBlOAMMNruJ5Kf4lQ.gif"></div>
</div>
<p>Surprise the user on a smooth way</p>
<p>Some times you have to truly think about what to present to the user. Be careful to not treat everything as a <em>Feature Discovery</em>, such this pattern is called as well.</p>
<p>A <em>Playthrough</em> must be to help the users discover new functionalities and how to use them.</p>
<p>It’s risky to always have in mind that the feedback will be spontaneous or the user will love the fact that the system has a new feature. It has to be accomplished to the user needs.</p>
<p>You must have realized that almost everything about UX is about thinking and thinking is doing the new on the visual system.</p>
<p>Keep in mind that there are lots of others designs and there is always a new strategy to keep your business and customers/users increasing.</p>
<p>Why can’t you be the next one to create a new great pattern? Good luck!</p>
</div>
</div>
</div>
</div>
<div>
<div>
<div>
<p>Show your support</p>
<p>Clapping shows how much you appreciated Carlos Ribeiro’s story.</p>
</div>
</div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<p>Be the first to write a response…</p>
<p>prototypr.io</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div><a href="https://labs.bawi.io/design-patterns-for-ux-d9a496189552">https://labs.bawi.io/design-patterns-for-ux-d9a496189552</a></div>


Design Patterns for UX

Design Patterns for UX

Top Stories