With simple drag and drop functionality, everyone on your team.
Seamlessly create web story on your WordPress website.
Engage and delight your audience with our Interactive Stories.
Distribute Web Stories using Widgets
Create Instagram style carousels that can be easily embedded into your website.
Host your web stories on MakeStories’s fast & secure WebHost.
Hosting plans include automated migrations, & expert web stories.
© Copyright 2021 Eszmeletlen Holding co. All Rights Reserved.
Dec 15, 2022 |
Good storytelling in web stories is best combined with great text. The right typography can establish mood, tone and style. Text is becoming even more important as a sign of inclusivity to people who have a hearing impairment. It also aids the rising trend of users viewing content without audio, on mute.
If you want your Web Story to be consumed by as many people as possible, invest time in the right typography. It allows your viewers to take in the important context and narration before moving into the visual narrative. It is not recommended to use videos or images with text burned into the web story slide because they cannot be indexed by Google, nor are they responsive to different screen sizes.
But we can often get lost inside the vast world of fonts and typography. This could lead to text that is illegible. If a user cannot read your text, you’ve already lost them. The best font and text practices to enhancing web story user experience includes the following:
Keep titles and body text concise per slide.
Web Stories are typically viewed on mobile devices and the font you use could make or break your legibility. Users don’t have time to figure out the text on the screen.
Getting the font size right for mobile device viewing can also get tricky. MakeStories has built in recommended font sizes for Headings and Paragraph content. These range from the largest recommended header at 25px, Heading 2 at 23.5px, Heading 3 at 22px and Paragraph text at 16 and 14 each. These tried and tested font sizes take away the need for experimentation on the designer’s end.
The text on your web story can be creatively eye-catching but must be clear at the same time.
When using text boxes with fonts, padding plays a vital role in it’s visual impact. Keeping balanced empty spaces between the box and the text is called padding, when text touches or overlaps with the edges of boxes it can make the text illegible or disturbing to the eye. MakeStories, which is free for enterprises of all sizes till December 2022, has an easy way to fix this too, with their four sided padding function.
Bring your web stories to life with animated text. This is especially useful when you are working with static images. Animated text can give you the scope to stand out and create a unique experience for the user
When users view your web story across different devices, it might not always fit on the screen. For example, if you are showing a picture and the text is too long, the text may get completely cut off on their screen. Create a Safe Zone on your web story editor canvas and keep all the elements within those lines. Tools like MakeStories have Preset Rulers that have built in rulers at 20px, 30px and 40px. The recommended safe zone is
Text can be a powerful design element in the right hands. Web Stories are serving a purpose for your brand – be it for advertising, publishing content, or news. Craft your web stories with care, test out what works best for your audience, keep the above best practices in mind and let Web Stories add another content distribution and revenue generation dimension to your brand.
You know those moments when you have to squint your eyes to read text placed on an image or video?
Social Media as a marketing tool is very limiting, brands have to engage in follower-increasing strategies to reach new users,
Did you know you can tag a location on Google Web Stories! Yes, if you are a product or a