Before taking your first screen capture, its important to think about how your demo is ultimately going to be delivered.
- Where will this demo be hosted?
- Will I use it live on a call, or embed online?
- What are they key takeaways I want the demo to address?
The answers to these questions will dictate which practices you should use to ensure the highest quality demo is built! For example, if you're planning on creating a live demo to use on calls, you will immediately know the best screen size for display. This is important as it will dictate the screen size for which you want to capture.
If you're planning on sending the demo to a customer, you'll want to be mindful that their screen size could vary depending on their workspace.
Once you have a good understanding of how you want your demo to look. You are ready to start capturing your product's screens.
- Since the extension is set to run on Chrome, you can also use this separate extension to easily resize your screen to a specific size. This can help alleviate some capturing challenges as your screen will be set to the proper size needed for the product to display properly.
- Ensure your Chrome zoom setting is set to normal (100%) before you start capturing, so your product is displayed how it is originally formatted. For PC users, follow the instructions here.
- When launching the extension, there are three different types of capturing modes. Each one impacts when and how a capture is taken, and there are different benefits to each. They three modes include:
- Capturing with the extension while other extensions are in use (ie: as Grammarly, LastPass, QuillBot, etc.) may alter the captured page. We recommend disabling other external extensions while capturing your screens.
- To embed your demos on a webpage and allow for an engaging interactive experience on your site, you will want to ensure you have enough real estate on the page to support the demo.
- Embedding a page within a page can be a tricky user experience if the embed container is too small.
- Embeds work the best when sized larger than 800px wide, and optimally 1024px and above. In order to capture your product for a website embed, consider resizing your screen to the same size as your embed container.