![]() Try to keep it under 200 characters or less per page. Using light-colored text over a busy image makes the words hard to read. Highlighting the text can make the words stand out and help keep your readers focused on your story. With poor contrast, your words and images may blend, making the words hard to read and the story harder to follow. DOĪ high contrast makes the words easy to see. Do not include images or videos that are text only. Contrast text color with the story page background or image. Size 24 font should be the minimum size used, but make it as large and legible as possible. With this crop, it’s unclear where the reader’s focus should be and what idea the image intends to convey.Įnsure text is readable. This image is cropped to align with page content and supports the main idea. Remember that the top and bottom might get cropped on some devices, so please test accordingly. Crop out unnecessary or distracting elements, and make sure the key subject of the photo is in focus and complete. Use full screen, portrait images with good resolution (720w x 1280h). This may limit who engages with your content and when they are able to do so. Without captions, your audience needs to be able to listen to audio to follow your story. Shoot in at least 24 frames per second.Ĭaptions help keep your audience engaged, even when they can’t listen to the audio.Shoot video in high-end mobile devices when possible.Web Stories are consumed in portrait mode, so keep in mind the following: If you have a longer video, consider breaking it up into smaller chunks. Aim for videos that are less than 15 seconds. Videos are highly engaging to readers, definitely include as many as possible in your Web Story. Mainly use high-quality videos and images, but add some animation sparkle where it makes sense.Īll images and videos should take up the entire screen with minimal use of letterboxing where it makes sense. Visual treatĪllure readers in with quality visuals that captivate their attention and text they can read easily and quickly. This Web Story from CNN about traveling in Italy makes it easy to see at-a-glance who published the story and how recent it is. This fosters trust and, if a user likes your content, loyalty. Include a brand attribution and a publication date on the cover page. Readers need to know who published the Web Story and when. Include the author and publication name and add a publish date if the story is time sensitive. Keep the title clear and clean, ideally under 10 words in less than 40 characters. Let your fans know its your brand by including a favicon and logo. Use a high-quality portrait image or video that fits the full screen. Make sure it's appealing! A good cover page has two elements, eye catching imagery and a short memorable title. It's the first thing viewers will see, and, if they don’t open it, the only thing they will see. Your cover page is your Web Story's packaging. If needed for your narrative, go longer than 30. Web Stories need to be well told and easy to consume. Tasteful and filling contentĮach Web Story must be a minimum of 4 pages and ideally less than 30. Each Web Story page should convey a single idea that works cohesively with the others. Once you know what you want to say, break it up. Plan the story introduction, create an arc and build up to a complete narrative. Don’t overuse animations or embed, and pay attention to transition timing.An average length of 10 to 20 pages enables most authors to tell a good narrative. Give readers something to tap through.Keep content inclusive by adding captions to videos. Some people and some situations require viewing without sound.When using videos, shorter ones are best so try to stick to less than 15 seconds.Make sure your visual content is accessible - provide appropriate alternative text for images.Aim to keep text below 10 words per page. You can say a lot, with less, especially when using visual imagery. ![]() Make it visual with videos and images that fit and fill the user's screen.Maximize the impact of your cover page with high quality imagery and a catchy title. ![]() The main takeaways to creating a satisfying, snackable Web Story: Ensure each bite engages and delights by following these best practices for creating a satisfying snackable Web Story. Waiting for the subway or grabbing coffee opens up opportunities for condensed content consumption. Web Stories are snackable, and readers like quick bites in their micro moments. Web Stories are an opportunity for creators and publishers to structure content in a full-screen, visually rich, and engaging mobile-first experience for users. Web Stories are built using a subset of the AMP framework. Web Stories are an immersive, tappable and easily shareable storytelling format. Guides & Tutorials Best practices for creating a successful Web Story ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |