Using HTML formatting can help make your frames more interesting and help draw attention to specific parts or help organize the text better. Within each frame you can bold, italicize, underline, add bulleted lists, add color, etc. The Question Mark icon in the editor bar will show you a list of formatting options in the Markdown Guide.
A lot of the formatting you will want to use lives in the editor bar: Bold, Italics, Heading (keep clicking this one to see all the different Heading sizes), Quotes, Generic List, Numbered List, Create Link, Insert Image, Toggle Preview, Toggle Side by Side, Toggle Fullscreen, Markdown Guide, Tags, Emojis and Choose a Gif.
Click and you will see the option to add First Name, Last Name, Email, Program Name, and Schedule Title.
Inserting a Link
Sometimes we use quotes or data that we would like to reference. We find that using this shortcut helps so the long URL isn’t taking away from the text in your frame. This html code will allow your embedded link to open in a new window/tab so it doesn’t navigate your participant away from the program.
<a href=”TYPE URL HERE” target=“_blank”>TYPE YOUR TEXT HERE</a>
Here is an example as well: <a href=”www.gothrive.io” target=“_blank”>Visit our website!</a>
Use spacing between lines/thoughts. Be mindful of how much text is on each frame. Use the demo function liberally! It really helps give perspective on how the frame looks to participants.
Insert images to emphasize points and make experiences more engaging and fun.
The ideal image size is around 1,000 x 1,000. Experiences look better overall when all the images are roughly the same size throughout.
If you want the screen to progress on its own, without the user clicking forward, choose 2-3 seconds. Use a “next” button so the participant can read at their own speed and move forward when they’re ready.
Be sure when you are done with the Frames in each Experience to Demo the entire thing. Programs come to life when you demo, and weak points like transition issues, text formatting, and image placement become more apparent.
While working on a program, you can become so close to it that you lose objectivity. Having someone else on the team test an experience or two is very helpful for capturing improvements.