Read Time: 4.2 minutes
Welcome to our 21st edition of Show, Don't Tell. A newsletter to help you build REMARKABLE interactive demos...3 tips at a time.
This week we:
- Walk a mile in Robertβs shoes
- Show a motion-picture chat experience
- See a color game thatβs more impressive than my shoe wall
Let's get after it...
Supported By:
We are Navattic fanatics.
We had the idea for this newsletter after hundreds of hours spent building Navattic demos for our past companies and current clients. We love making remarkable interactive demos, and want to share helpful tips and examples so you can too.
A huge thanks to Navattic for helping make this a reality. If you want to create a better experience for your buyers, go check them out.
They have a free plan you can start using today!
ββ Try Navatticβ
|
β
Tip #1 - Demo Copy Should Make You Sweat
Letβs start with L2Lβ¦since they absolutely destroyed all of our boring demo copy.
They don't waste their time with "Welcome to our product tour.β Instead, they drop you right into a crisis with: β οΈ Code Red: A robot is down on Line 2 β οΈ
By the time Robert gets that π Dispatch alert π, I'm genuinely stressed about this robot situation. Like, Robert better figure this out or Line 2 is screwed!
This hits different because:
- You're not learning about features, you're dealing with a crisis
- You start rooting for Robert and have to finish the story
- The stakes actually matter to you (somehow??)
Remember when Innovapptive introduced us to "John, The Operator" back in Edition #10? This is like if John was having the worst day of his career and you're there as his apprentice.
Most demos are like read a manual out to yourself. This one's like binge-watching a workplace thriller where the hero is industrial software (and Iβm weirdly into it).
ββ See if you can help Robertβ
β
Tip #2 - Bring Motion to Your AI Demos
How do you show AI chatbots actually working when everything else in demos is basically fancy screenshots?
Siemens has the right ideas. In the "Gen AI" section, they ditched the static HTML captures and went full video mode.
Now you can actually watch the AI type responses, see the conversation flow, the whole nine yards:
- AI interactions look interactive instead of frozen in time
- You see the actual back-and-forth instead of just the final answer
We're pulling this same trick with a client right now and bias aside, it looks incredible.
This reminds me of EStreamly's video + HTML combo from Edition #16. Sometimes you need motion to tell the story properly.
ββ See how a chat demo should lookβ
β
Tip #3 - Give Yourself a Strong Color Game
Doit's demo caught our eye before we even started clicking around. Their model theme is so clean, I want a pair of Jordan's just like it.
It's one of those demos where you immediately think "damn, these people have their act together." The colors pop without being obnoxious and everything flows perfectly.
Caring about colors isn't shallow because:
- People judge your entire brand in like 0.3 seconds
- Good design makes people assume your software doesn't suck
- It shows you sweat the details while others are using stock themes
This is something Jason and I nerd out about with every client. We build themes and modal styles that don't look like someone just hit "defaultβ and called it a day.
Your demo's visual game is basically your dating profile photo. You could be the funniest person alive, but if your holding a fish in your profile picture, nobody's swiping right.
ββ Get inspiration for your themeβ
β
A/B Testing Your Interactive Demo Is Now Possible π€―
Curious which button copy gets buyers to engage past the first step in your demo? Which CTA color converts better? Which step is the best to provide an off-ramp?
Well, you no longer have to wonder. Navattic just released A/B testing! π
You can now run experiments on various aspects of your demos, see what works best, and constantly optimize their performance.
With A/B testing you can experiment with things like:
- How gated vs ungated demos perform
- Which use cases to include in a new feature demo
- What your opening modal text should be
No more black boxes β it's time to truly make data-backed decisions about your demos and constantly level them up.
β
βββ See a demo of A/B Test now!β
|
Donβt have time to build remarkable Navattic demos? We do.
βDemoDash is an agency 100% focused on making interactive demos your top product marketing asset. Weβll map your story, build your tours, and help you measure the impact.
ββ Learn more at demodash.agencyβ
|
β
So thatβs it. Our 21st edition of Show, Donβt Tell.
3 useful tips to help you build remarkable interactive demos.
Tune in next Tuesday for more advice from DemoDash.
β
P.S.
If you know anyone else who would love these tips, please consider sending them this edition so they can subscribe π
β
βJason and Ericβ
βSay hi on LinkedIn!