Skip to main content

We talk a lot about all the things PX can do - target engagements based on product usage, trigger 1 engagements off of another, track users’ natural paths they take through your product, to name a few. That’s all amazing, and believe me, I could talk about those capabilities for a long time.

But what about the engagement design itself? Once you have your goal, audience, and schedule set, how will you make sure the engagement actually captures your users’ attention? Your engagement can really be your blank canvas upon which to build an experience. 

Below are some strategies we and other PX customers have used to make engagements stand out to users. 

 

1 - Incorporate color

By default, most engagements will have a white background. When you really want a guide to capture a user’s attention, don’t be afraid to incorporate color and graphics! I don’t know about you, but a dark background with white text is far more likely to catch my attention than standard white background and gray/black text. Also, be sure to make your CTA button stand out with a contrasting color! Here are some examples:

rsOJ_7zMawYATTizJNGBPR9llWaIbwEbP6uTbcH9HEAe_31G8lPEriSmrmTmS1VktZwVpvZl5rpgm7apwwO4LXBPjOM4MTHz09ErATxNEMo_35OoJa_xrPt0Vdi3baLeKlxX-05H 

Credit: Drew Williams, Kobiton

7sG7XWaSbvBXSVNPrDP4oez4sSbGL9ZLJnN0hw5HsFymNlhK7WRXIYNTpTNlgla24dZVMWnLfxZ08CkijPh-cqfUJOHEYkFq1fp5k7s70sM4rYRCOqsr1KiGzJ2f6DfU0j6VEYL2

Credit: Aleh Haiko, PX on PX

 

2 - Add eye-catching copy

Have you heard of the concept of microcopy? Basically, it refers to very short phrases that contribute to the users’ experience of your brand. For example, AirBnB’s search function says “Explore” instead of a generic “Search”, contributing to the brand’s sense of adventure and travel. Short words and phrases and words that add to your brand can go a long way in enhancing the product experience. 

Also, think about the user’s context in that moment. In the example below, instead of launching right into the what of the engagement (ie, features, how to, etc), we took a moment to catch the user’s attention. For this guide, the user is visiting the PX Analytics module for the first time. At that stage in the user journey, they know that they “have data” in PX, but not what to do with it. With some quick, to-the-point copy, we can grab the user’s attention and encourage them to complete the guide. 

9iOgtlkoDNowLQ3wauNkFIENfh1qXPp43xDAAPcREJD_pyBr46HcFN6j1e24BD2f1jXhEwOmMcTMPVsMc2mvEl5GGfuy9eI-XjY_rc82yG7xRYaPq2ZEZQQ8BAMg5f8_o0SA1y4w

Credit: Aleh Haiko, PX on PX

Pro tip: When making PX engagements, we highly recommend involving your Marketing and/or Product Marketing teams to help create eye-catching copy. 

 

3 - Create GIFs

It’s no secret that motion captures our attention. Incorporating a GIF makes it that much easier for your users to consume information. Some ideas:

  • Create and add an animated GIF to your engagement to show what a new feature improvement looks like - this can also be used to create hype leading up to a release

U8tIxOx517wv1zhEQMqKMUwJMChT_vdtnCOSlqyA7nrgMG4sjMyNJYxDBxJxKH565q3PhxjuZe8HOA8F06vjJB8D0Tm4XvcZ-6vK4lx8IVcuVzydKleMEYBTmokAQgHC6b7HI8vH

Credit: Amanda Rufer (@ajrufer) + Elise Georgeson (@georgee148), Email on Acid

  • Create a clickable GIF that takes up the entire height and width of your engagement (see below). These can look very native to your UI and create that “delight” moment for your users. 

Credit: Drew Williams, Kobiton

Those are some ideas to start. What about you? How do you make your PX engagements pop?

So cool, thanks for sharing @Julie-Pinto / @ajrufer !


Nice! Creating a clickable GIF that takes up the entire height and width of the engagement is a good one, new to me. Getting your graphics and marketing people involved is a huge asset. 


Reply