post

Footer About

Footer Contribute

Footer Get Involved

Footer Links

Mind the Product

Customer

How behavioral economics can improve product strategy

Product Roadmap

Why most product roadmaps fail: Phil Hornby (Product Leadership Coach) – ProductTank Porto

B2B product management

Artificial Intelligence (AI) & Machine Learning (ML)

Building Product Teams

Business Strategy

Data Driven Product Management

Digital Transformation

Diversity and Inclusion

Minimum Viable Product

OKRs

Prioritisation

Product Design

Product Research

Product Development Process

Product Ethics

Product Discovery

Product Leadership

Product Management Career

Product Strategy

Stakeholder Management

🌎 <a href="https://www.mindtheproduct.com/world-product-day/" style="color:#FFFFFF;text-decoration:underline;">Happy World Product Day!</a> Be sure to celebrate product, yourself, and your peers today! 🎉

Join us at #mtpcon London in 2025 – mark your calendars

Connecting fans to creators at Spotify (Dariusz Dziuk, Product Lead, Spotify)

Why teams often struggle with OKRs: A conversation with Jeff Gothelf

Deep dive: Crafting your product vision and mission

5 ways to invent and simplify as an AI/ML product manager

Oscar has spent more than three years as a Product Manager in the software industry. He's an Agile methodologies' advocator and is interested in technology as an innovative tool to solve people's problems.

He is also Host and Producer of the public speaking podcast <a href="http://www.timetoshinepodcast.com"><em>Time to Shine</em></a>.

Oscar Santolalla

<p>On December 9, 1968, roughly a thousand people watched <a href="https://www.youtube.com/watch?v=yJDv-zdhzMY&amp;feature=youtu.be" target="_blank" rel="noopener noreferrer">&#8216;The Mother of All Demos&#8217;, presented by Douglas Engelbart</a>. It was the very first demo that captivated the audience and created a category as a show. It wasn&#8217;t strictly a product demo, but rather a demo of visionary computer technologies such as the mouse, hypertext, video conferencing, and a collaborative real-time editor, all in 100 minutes.</p>
<p>46 years later, with all the amazing technology we have at our hands and the number of products being launched every day, we still see how elusive is to craft an outstanding demo.</p>
<p>So let&#8217;s have a look at how to make a compelling demo that will make your product stand out. We&#8217;ll cover different types of product demos, take a look at the structure of a demo, how to prepare, how to write a demo script and what to avoid.</p>
<p>You&#8217;ll soon know the answers to question like:</p>
<ul>
<li>Should I write a step-by-step demo script?</li>
<li>Do I need slides?</li>
<li>Should I state what I&#8217;m going to show from the outset, or aim for suspense?</li>
</ul>
<p>This article will focus on software/web-based products, though most of the principles here will apply to just about any sort of product.</p>
<figure id="attachment_19125" aria-describedby="caption-attachment-19125" style="width: 900px" class="wp-caption aligncenter"><a href="https://www.mindtheproduct.com/wp-content/uploads/2015/02/delivering-a-product-demo.jpg"><img loading="lazy" decoding="async" class="wp-image-19125 " src="https://www.mindtheproduct.com/wp-content/uploads/2015/02/delivering-a-product-demo.jpg" alt="delivering a product demo" width="900" height="646" /></a><figcaption id="caption-attachment-19125" class="wp-caption-text">Carefully preparing a product demo will set you up for success</figcaption></figure>
<h2>Types of Product Demo</h2>
<p>There are two main types of demos:</p>
<ol>
<li>Public demos</li>
<li>Private demos</li>
</ol>
<h3>Public demos</h3>
<p>You&#8217;re in front of dozens, or even hundreds of people, standing up on stage. The public is watching, along with the media, investors, and other key people. You&#8217;ll usually find yourself in this position if you&#8217;re launching a new product, or announcing a big milestone. You&#8217;ve got a set time and a set plan. It’s time to impress, to be the showperson.</p>
<h3>Private demos</h3>
<p>You&#8217;re one-on-one, or in a small group, visiting a customer or presenting to an investor. You have more time to go into details, and more time to field questions. You&#8217;ve got an agenda, but are likely to sway from it if the right (or wrong) opportunity hits. Your challenge is to make yourself understood to a group of people with diverse backgrounds.</p>
<p>I should mention a special type of private demo: the <em>technical demo</em>. Typically, this is a demo to your team during your Scrum Sprint Review meeting, though may also be with key stakeholders who need to understand the tech behind your product a little more. You can do this—and probably will have to—sitting down. It’s focused on very specific features of your product, and will likely involve a lot of questioning and ad-hoc demoing and testing on the spot.</p>
<h2>How to Structure a Product Demo</h2>
<p>For any product demo, a clear structure is a must. The exact structure will depend on many aspects such as the available time, type of product, type of event, etc. I&#8217;ll keep it simple with three sections: pre-demo, demo, and wrap-up.</p>
<h3>1. Pre-Demo</h3>
<p>There are two reasons why you need a pre-demo section: to build credibility and to give your audience an idea of what you&#8217;re going to show.</p>
<p>Write a brief introduction of yourself (e.g. name, position, experience) and give it to the person who will introduce you. In a public demo, this is the presenter; in a visit to a customer, it can be your colleague. Make clear that you are the right and most qualified person to present the demo.</p>
<p>Never start without explaining what the demo is about. Don’t assume that your audience will understand immediately once you start going. Even if you want to keep suspense until the WOW moment (to be explained later), you should be dropping some hints that&#8217;ll arouse suspense.</p>
<h3>2. Demo</h3>
<p>This is the practical section where you show how awesome your product is. We&#8217;ll cover this in the “Preparation” section coming up.</p>
<h3>3. Wrap-up</h3>
<p>This is your chance to wrap up by reiterating the main message, making it clear and unforgettable. You should include a clear call to action, such as explaining when the product is going to be launched, how to preorder or download the product, etc. Avoid ending with the words “thank you”.</p>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-6314 " src="https://www.mindtheproduct.com/wp-content/uploads/2015/02/Demos-Structure_Table.png" alt="How to structure a product demo" width="601" height="334" srcset="https://www.mindtheproduct.com/wp-content/uploads/2015/02/Demos-Structure_Table.png 655w, https://www.mindtheproduct.com/wp-content/uploads/2015/02/Demos-Structure_Table-300x167.png 300w" sizes="(max-width: 601px) 100vw, 601px" /></p>
<h2>Preparing your demo</h2>
<p>Once you&#8217;re clear on the type of demo and the structure it will need to have, it&#8217;s time pt prepare it.</p>
<h3>1. Define the main message that you want to convey</h3>
<p>Your demo can be simple or complicated, short or long, but most likely there&#8217;s one single thing you really want to show. You want this single thing to be remembered. Write down that message &#8211; for instance: “Tell your message to VOICETOBLOG and you’re one click away from having your blog post published”. Your product might have many other great features, but in the demo you will put most of your effort to show the very best one.</p>
<h3>2. Create a story</h3>
<p>All outstanding products have a story behind them. Stories are powerful in connecting data and technology with real life, which will make your demo compelling and easier to understand.  To make your demo stick, craft your story for your product or for the feature you&#8217;re showing off. For instance, you can create a story for VOICETOBLOG saying that once upon a time you watched a TV program presenting a disabled person who helped others by writing educational and inspirational articles.</p>
<h3>3. Write a step-by-step demo script</h3>
<p>Yes, write out a demo script, step-by-step. Demo scripts are more relevant in public demos, but I recommend doing it for any type of demo. The order that you present the product really matters, and scripting the demo allows you to tie in your story just right and helps you stay on track as you present. Additionally, it means that you don’t have to rely on your memory to repeat the demo each time.</p>
<p>Think of your demo as a theatre production, and that’s why you—as both actor and playwright—need a script. Outline the detailed steps in advance, such as which websites you&#8217;ll open, what files you&#8217;ll need on hand, etc.</p>
<p><strong>Here is an example of a product demo script:</strong></p>
<p><em>To show you how easy VOICETOBLOG works, I&#8217;ll start by opening my browser and heading to the site at <a href="http://www.mydemosite.com">www.mydemosite.com</a></em></p>
<p><em>I&#8217;m prompted to log in, so I&#8217;ll enter DEMO2015 and the password here so I can log in.</em></p>
<p><em>Now that I’m logged in, you can see the username appears at the top-right corner and I&#8217;ve landed on my dashboard.</em></p>
<p><em>On the left, on this main menu, you can see “Posts”. From there, I can find the option to “Talk and Create New Post”.</em></p>
<p><em>I&#8217;m going to press “Record” now and speak for a few seconds: “Brevity is the soul of wit –Shakespeare. Thank you for reading my first post. -Oscar”</em></p>
<p><em>I&#8217;ve clicked “Stop” now that I&#8217;m done, and the check here shows that my voice has been recorded.</em></p>
<figure id="attachment_19124" aria-describedby="caption-attachment-19124" style="width: 900px" class="wp-caption aligncenter"><a href="https://www.mindtheproduct.com/wp-content/uploads/2015/02/Write-a-demo-script.jpg"><img loading="lazy" decoding="async" class="wp-image-19124 " src="https://www.mindtheproduct.com/wp-content/uploads/2015/02/Write-a-demo-script.jpg" alt="Write a demo script" width="900" height="387" /></a><figcaption id="caption-attachment-19124" class="wp-caption-text">Writing a demo script will help you to prepare to stay on track when you present</figcaption></figure>
<h3>4. Define a WOW moment</h3>
<p>This is the moment that everybody must remember, in which you show the best of the product. You&#8217;ve already chosen your main message, and this is exactly what you want to drill in. In demos that are longer or technically deeper, you might need more than one WOW moment. A great WOW moment example is when Steve Jobs <a href="http://youtu.be/Z0jIpSCndtw" target="_blank" rel="noopener noreferrer">unveiled the MacBook Air</a> from a manila envelope&#8230;</p>
<p><iframe loading="lazy" src="https://www.youtube.com/embed/Z0jIpSCndtw" width="740" height="416" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>
<h3>5. Make great complementary slides</h3>
<p>Slides are not mandatory, but they can help you to reinforce the information that could be easily missed during the demo. I recommend using slides before the demo to explaining the demo’s context or after the demo to outline the call to action such as how to order your product or both &#8211; but try to avoid showing slides in the middle of the demo. This is where your product should be the centre of focus.</p>
<p>If you&#8217;re using slides, think of how you&#8217;re going to transition between them and the actual product demo segments so you can smooth it out as much as possible.  Keep your slides simple, with clear text and clean design that doesn&#8217;t distract the audience.</p>
<h3>6. Have a backup plan in place</h3>
<p>Anticipate problems that&#8217;ll likely happen, and take steps to plan around them. Do a dry run of your presentation a few times, and write down the most likely failures. You might remember when <a href="https://www.youtube.com/watch?v=4QRWa68MtLc">Steven Sinofsky demoed the Microsoft Surface Tablet</a>: The IE app crashed, but he had another tablet just three meters away, ready to continue with his demo. He planned well.</p>
<p><iframe loading="lazy" src="https://www.youtube.com/embed/4QRWa68MtLc" width="740" height="416" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>
<p>Where possible, have a second device, extra cables, spare demo user accounts, etc. Consider how your demo will flow if your internet connection slows down or if your app hangs at an awkward time, and be ready with a backup or an anecdote to fill the time while things get back on track.</p>
<h3>7. Be prepared for questions</h3>
<p>Even if the Q&amp;A isn&#8217;t a planned segment of your demo, be ready to answer questions. Anticipate to the most likely questions and prepare your answers. When planning your step-by-step demo, consider other areas of the app you might need to show off if the line of questioning calls for extra demo time.  If you&#8217;re on stage, try to repeat the question for the rest of the audience if it&#8217;s likely they didn&#8217;t hear it too.  If you&#8217;re tossed a question that&#8217;s out of context or you don&#8217;t have the right tools on hand to properly demo, don&#8217;t be afraid to give a short answer and ask them to speak to you after to cover it.</p>
<h3>8. Rehearse to exhaustion</h3>
<p>It’s not enough to design a smart demo; you need to rehearse it to exhaustion until it looks natural and effortless. Again, we look to <a href="https://www.inc.com/carmine-gallo/a-long-time-apple-designer-reveals-steve-jobs-6-step-rehearsal-process-he-used-for-every-presentation.html" target="_blank" rel="noopener noreferrer">Steve Jobs, who had a specific rehearsal process</a> and would spend days rehearsing to make sure his final presentation was polished.</p>
<h2>How to avoid common glitches</h2>
<p>When preparing a demo, of course, it&#8217;s hard to cover everything that might go wrong. To help you cover as many bases as possible, here are some tips on how to avoid some of the more common issues:</p>
<h4>Test your demo</h4>
<p>If possible, test everything in the actual setting you&#8217;ll be doing your demo at least once. Here, you might catch a few things are different from where and when you initially practised your demo. For instance, the internet connection could be slower, have protocols blocked, require extra authentication, have signal coverage you’re unfamiliar with, etc.</p>
<h4>Minimize the number of steps in the demo</h4>
<p>The scope of your demo will become evident when you write the demo script, and so at this stage, you should aim to simplify the steps as much as possible. Every action can usually be executed in several different ways, but by reducing the number of steps, you decrease your risk of bumping up into problems.</p>
<h4>Prep backup devices and kit</h4>
<p>If possible, have a version of your app you can run straight from your laptop without a connection. You could even record the demo in advance, to be used as a last resort if all else fails. If you&#8217;re heading to a foreign country you should also double-check that your kit will work (check your plugs, mobile band, mobile data plans, websites with location restrictions on content, etc).</p>
<h4>Get help</h4>
<p>Assign one person to assist you, monitoring that everything is in order while you present the demo. Ideally, this person will warn you if there&#8217;s a problem cropping up that you haven’t noticed. A great demo is often the result of great teamwork.</p>
<h4>Control what you know</h4>
<p>Products are not perfect—not even yours, so make a list of known issues in the devices and software. Known issues may or may not arise during the demo, but it&#8217;s better to have the solution ready. You can also disable applications that show notifications, disable alarms, etc (the same applies to physical products).</p>
<h2>Conclusion</h2>
<p>As you can see, a lot goes into the preparation of a great product demo. But, by preparing methodically and with a little inspiration &#8211; such as Engelbart! &#8211; you&#8217;re on your way toa. successful demo. Think about how you&#8217;d like your demo to be perceived 40 years time and give it your all. Now the stage is yours. Good luck!</p>
<h2>Further reading</h2>
<ul>
<li><a href="https://www.mindtheproduct.com/why-product-demos-are-so-valuable/" target="_blank" rel="noopener noreferrer">Why Product Demos are so Valuable</a> by Heather Parker</li>
<li><a href="https://www.mindtheproduct.com/minimise-the-gap-between-maker-and-user-by-henrik-kniberg/" target="_blank" rel="noopener noreferrer">Minimise the Gap Between Maker and User</a> (section 5) by Henrik Kniberg</li>
<li><a href="https://www.mindtheproduct.com/an-imposters-guide-to-giving-presentations/" target="_blank" rel="noopener noreferrer">An Imposter’s Guide to Giving Presentations</a> by Rik Higham</li>
</ul>

core/freeform

What is Product Management?

Interpreting the product Venn Diagram with Matt LeMay and Martin Eriksson

Why Product Management Should not be Responsible for Project Management

20 years of product management in 25 Minutes by Dave Wascha

The Evolution of a Product Manager – Josh McWilliam

Product Management Tools in Everyday Life – Oisin Zimmermann (ProductTank Oslo)

How To Make a Product Demo that Stands Out

Oscar Santolalla

Read more

Comments