1. iorad eases you of the difficulties involved in explaining technology, and it saves you time compared to traditional methods. This tutorial will provide you with an interactive demonstration of how iorad does this.
Step 1 image
Document how you do, what you do...
WITHOUT:

  • Zillions of screenshots
  • Hours of video editing
  • Long boring webinars or zoom recordings


WITH:
  • Simulations in a safe environment
  • Let your people try and learn on their terms
  • Cater to all learning styles
  • A dead simple editing interface for keeping training up to date
2. For this demonstration, we will assume that we're tasked to create a tutorial on how to withdraw connections on LinkedIn.

To begin you just have to download the iorad extension and then click capture to begin the recording.

Step 2 image

3. Once the countdown is over, it starts recording your screen without the need for video or voice-over, simply demonstrating the actions in real-time within the application.

Here, you can click on "My Network" to proceed to the next step.

Step 3 image

4. Then Click Manage all invitations.

Step 4 image

5. Then Click the Sent tab.

Step 5 image

6. Then locate the particular contact  you want to withdraw the connection requests from, and then Click the Withdraw button.

Step 6 image

7. Depending on how complex your tutorial is, you can keep on clicking for as many steps as is required.

Once you're done, Click on the browser extension to end capture.
Step 7 image
8. Once you click on the extension, you'd be redirected to an edit page.

You'd see that iorad took a screenshot each time you performed an action, and that you can make all kinds of adjustments and edits to each step.

Step 8 image

9. iorad will fill in and apply a text description to each action that you took, if you're looking to modify the text descriptions, then you can also edit the texts in the left sidebar. You can also change the text color and add hyperlinks.

Step 9 image

10. You will notice that iorad places a highlight around the area of the screen where the action happened. In this case it is a "click." This highlight tool can be dragged to be made bigger or smaller and even moved around if this is not the right area 

Step 10 image

11. As you go through the steps, there may be sensitive material on the screen. You can use our Mask Content tool to hide any areas on the screen you wish. Click it here

Step 11 image

12. You will then be prompted to select whether you want to Blur, Pixelate, White Out and choose a color to box out the area on the screen. 

Step 12 image

13. You also have the ability to "Add a Step" at any point. If you happened to miss an action while capturing your tutorial or down the road need to add in something additional, click Add Step. This will relaunch the tool for you to capture and add in.

Step 13 image

14. You have the ability to duplicate any step if you'd like to recreate any actions.

Step 14 image

15. You can enhance the tutorial appearance by rearranging steps, adjusting layout, changing color schemes, logos, and personalizing content for customization.

Step 15 image

16. You can boost the impact of the training by adding multiple media types to the tutorial.

Start by Clicking Add Media.

Step 16 image

17. There are several different ways to add audio to a tutorial. Let's begin by Clicking the Video toggle and Selecting Audio.

Step 17 image

18. You can opt for automated audio generation with integration to Google Voice and Amazon Poly. Select desired options for voice-over based on text descriptions for each step.

Step 18 image

19. You can choose between over 200 different languages for your voiceover. Keep in mind this is just for the voiceover all the text descriptions and screens will remain in the language you captured them in.

Step 19 image

20. You can choose preferred voice characteristics for generation, such as gender, tone, and formality. Explore various options to find the suitable voice for your tutorial.

Step 20 image

21. If you'd prefer not to do automated voice over, you can record your own voice over here.

Step 21 image

22. You can also click upload to add in a voiceover file.

Step 22 image

23. To include video files just like in this video, navigate to the toggle menu and select "Video" within iorad.

Step 23 image

24. You can see a breakdown of each tutorial step in the video section, with an arrow navigation bar for easy reference. Use this feature to call out specific actions during recording for clarity.

Step 24 image

25. Click Upload to upload video files or record directly within iorad, with a maximum duration of sixty seconds per step. 

Step 25 image

26. If you're recording the video within iorad, select the desired camera source, default or external, as prompted, ensuring appropriate setup for optimal capture.

Step 26 image

27. You will then be prompted to select a microphone to record your audio component of your video.

Step 27 image

28. After selecting your camera and microphone, initiate recording by clicking the Start Recording button. A three-second countdown will ensue before the video recording commences.

Step 28 image

29. You have up to sixty seconds for recording; click Stop Recording upon completion. Edit videos as needed, then proceed to the next step for capturing video for that step.

Step 29 image

30. Click Require video completion to enable the setting to require learners to wait until video completion before proceeding to the next step. This option isn't mandatory but offers control over the learning pace.

Step 30 image

31. Click Add Closed Captioning to activate native transcribing for closed captioning in iorad. Toggle the closed caption button to add captions to each step of your tutorial video automatically.

Step 31 image

32. Click Background Music to enhance your tutorial with background music. Upload your own or choose from a selection of royalty-free music provided by iorad for added flavor.

Step 32 image

33. Back on the Editor screen, to Preview your tutorial, Click Preview & Finish.

Step 33 image

34. Return to the main editor where you'll find the tutorial preview. Click the Try it button to access different modes automatically converted by iorad for your tutorial.

Step 34 image

35. Choose either "Try It" for interactive simulation, "Watch It" for video playback, or "Slide & View It" for static image viewing. You can adjust the settings in the admin panel.

Step 35 image

36. Select your preferred mode and click Start Tutorial. In "Try It" mode, interact with prompts; in "Watch It" mode, listen to voiceover or watch the video in the background.

Step 36 image

37. You can make your tutorial Public meaning available to everyone. Unlisted meaning private. Embed-only meaning only available on pages where it is embedded. or Invite-only meaning the person needs to be emailed an invite to the tutorial

Step 37 image

38. There is a direct link to the try it mode and a shortened link. There is also a Step List mode that makes the tutorial in a PDF help article style. View that here

Step 38 image

39. You can select from over 50 different partners that we integrate with to push your tutorials directly into the desired areas within those third party tools. It takes just a few clicks to connect your iorad account and then just a few more to publish

Step 39 image

40. This is an overview of basic capture/edit functions in iorad. You can explore advanced analytical tools available as you scale content creation. Try it at iorad.com, free or with the pro plan trial.
Step 40 image

Interactive tutorial

** Best experienced in Full Screen (click the icon in the top right corner before you begin) **