Clever Onboarding Video

This week my exploration took me to the onboarding flow for Asana. Once you sign up and confirm your email you hit this screen:

Asana Intro Video

Note: I clicked play for this animated gif, but the video actually auto plays normally.

I thought this was clever for a couple of reasons:

First, the video auto plays but the sound is turned off and captions are turned on. I really appreciated this approach. I’ve not seen anyone else do this within the context of an onboarding flow before.

Typically I’m not a fan of intro videos because in my experience they tend to rarely get played and auto playing videos that have sound can be a bit of a turn off—especially depending on the environment that you’re in when you go through the flow.

This approach was novel enough to me that I found myself watching the entire video.

Making it easy for users to proactively give you feedback

How easy is it for the users of your app to submit bug reports, or to offer up a suggestions? As someone who has a long history with tech, it’s relatively easy for me to grab a screenshot, or create an animated gif to pass along, but do all of your users find it this easy?

This week we’ll look at a couple of ways to make it easy for users to give you feedback at just the right time.

Make it easy for users to show you what they’re seeing

Here’s a really neat way that Google Domains allows you to send feedback within their app.

Continue reading Making it easy for users to proactively give you feedback

The key ingredient to successful trigger emails

Back in the day when I worked at WordPress.com we were trying to figure out how to activate more users. Lot’s of people would sign up for an account, use it during that first session and then never come back.

The goal was to figure out how we could bring more people back. Naturally, one of the first things we looked at was email triggers. In the process of doing that we stumbled across something interesting that I’ll highlight below.

The first thing I did was simply to pull up my personal Gmail account. I typed the following into the search bar, “from:(twitter.com) twitter.com” and here’s what I saw:

Continue reading The key ingredient to successful trigger emails

Duolingo’s Dynamic Homepage

This week I thought I’d highlight something interesting that I noticed on Duolingo’s homepage—something that I’ve actually never seen before.

The vast majority of companies treat their homepage like a static resource. That means that no matter who you are and no matter which stage of the user lifecycle you’re in, you’ll see the exact same page.

Duolingo does something different. Check it out: Here’s what their homepage looks like when you go there for the first time:

Continue reading Duolingo’s Dynamic Homepage

Content Gating Example Code (HTML, CSS, JS)

Last week we looked at the best implementation that I’ve ever seen of content gating on the First Round Capital blog.

This week I’d like to take a stab at reproducing that example in simple HTML, CSS, and Javascript. The goal for this week is to give you a head start should you decide to ever experiment with gating on your blog.

Let’s dive right into the code.

Continue reading Content Gating Example Code (HTML, CSS, JS)