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

From Design System to ‘NFT Design System’: Creating TinyFaces

Neurodiversity and Inclusion: Choosing Kinder Design

medium_652ccf22c8853584bde5553986a4eed0.png

small_652ccf22c8853584bde5553986a4eed0.png

thumbnail_652ccf22c8853584bde5553986a4eed0.png

Web5 is here. Goodbye Web3? TBD.

<p><a href="http://ift.tt/2tq4XZO">medium bookmark / Raindrop.io</a> |  <img src="http://ift.tt/2stqa0m" alt="image"></p>
<h2><b>Modal </b>windows are a <i>great</i> tool for setting the tone of your user’s onboarding experience. Now, get this: you can easily change the tone by styling the interaction between the modal window and your landing page. We analyzed two possible interactions that we like to call “<i>Transparent Background”</i> and “<i>Full-Screen Takeover</i>.” Let’s check out how <i>Honey </i>and <i>Typeform</i> onboard their users with modal windows: </h2>
<hr>
<h2><b>1. Honey:</b> <i>Transparent Background</i></h2>
<p><img src="http://ift.tt/2sXLMFI" alt="image"></p>
<h2><b>This</b> modal window is pretty much as subtle as they come. Of course, there is a very specific CTA required to continue (logging into the app) but in terms of how the modal window interacts with the landing page, the transparent background seems to help users onboard without being distracted from their end goal. We recommend using a transparent background modal when you want your users to get a sneak peek of what’s in the app. Get ‘em hooked, then onboarded. </h2>
<hr>
<h2><b>2. Typeform:</b> <i>Full-Screen Takeover</i></h2>
<p><img src="http://ift.tt/2st5khv" alt="image"></p>
<h2><b>Full-screen</b> takeovers can be really effective if your onboarding process requires specific user input, or if you’d like to focus your user’s attention on one specific modal. However, we recommend using these sparingly, as they block the user’s view into the app and can be distracting from the user’s end goal (i.e completing the onboarding process) </h2>
<hr>
<h2><b>You </b>can improve your user onboarding experience using <a href="http://ift.tt/2s4duxC">Appcues’ modal windows</a> today, code-free.     </h2>
<h2><b>Want more helpful tips?</b> Visit the Appcues <a href="http://ift.tt/2tntD5a">blog</a> to find out how to make your user onboarding experience the best it can be!</h2>
<div><a href="http://ift.tt/2tq4XZO">http://ift.tt/2tq4XZO</a></div>


Modal Window Do’s and Don’ts: Transparent Background v. Full-Screen Takeover

Modal Window Do’s and Don’ts: Transparent Background v. Full-Screen Takeover

Modal windows are a great tool for setting the tone of your user’s onboarding experience. Now, get this: you can easily change the tone by styling the interaction between the modal window and your landing page. We analyzed two possible interactions that we li…

Top Stories