The First Three Seconds: Designing Attract Screens that Attract Users

People decide whether to use your screen in an instant. They glance from across the room, and in a few seconds they’ve made up their mind: walk over or walk past.

I think of those first few seconds as three beats. Second one, they notice it. Second two, they get what it’s for. Second three, they commit to that first touch. Lose them at any beat and the rest of your design doesn’t matter.

“Lose them at any beat and the rest of your design doesn’t matter.”

Second one: notice

When nobody’s using your screen, it’s still putting in work. That idle state, often called an attract loop, is your invitation and billboard to draw attention.

What works:

• Motion and text that reads from far away. Slow movement catches the eye. Big text helps you read it from down the hall or address the room.
• Show interaction. A clip of someone tapping and swiping tells people “you can touch this” without a single word.

Second two: understand

Once they’ve noticed, people ask one question: “What’s in it for me?” Answer it in a headline they can read from six feet away.

What works:

• Be explicit. Instead of, “Welcome” ask a question or prompt engagement. Try: “Find the ship your family came over on” or “Where are you headed?”
• Show the payoff. Loop a few seconds of the good stuff—the map zooming in, the old photo coming to life—so people see what they’ll get.

Second three: engage

This is where a lot of good experiences falter. Someone walks up, ready to go, and gets a big “Tap to begin” button. Then a language picker. Then a menu. Three steps before anything happens. Make the first touch count.

What works:

• Any touch starts it. Let the attract loop itself be touchable. No hunting for the start button.
• Deliver something right away. The first screen after a touch should already show something worth seeing, not another menu.
• Keep setup out of the way. Language and accessibility options can live in a corner, always available on every screen. Don’t make everyone stop to pick.

Test it, then change it

You won’t nail the attract loop or the headline on the first try. Nobody does. The trick is treating them like experiments: try a version, watch, swap it, watch again.

That’s easy to say and hard to do when every change needs a developer. With Zibit, you can swap an attract loop, rewrite a headline, or change an animation from a browser, then use the built-in analytics to see whether more people start a session after the change.

Your turn

Go stand across the room from your screen when nobody’s using it. What does it say to you in three seconds?