Background

The preview step's goal is to show the user what they are about to publish. When adding an image to an article that does not have one, the app automatically uses the new image as the header image in the app. Our current preview step does not include the header image, article title, and article description, so users would not be aware that the new image they are using will be used in this way.

In addition, sometimes the photo appears at the bottom of the article which seems to give a wrong impression on where it would appear eventually (at the top).

User story

As an editor, I want to see an accurate preview of where the image will be inserted in the article, so I can make sure it's going near the most relevant section and content before publishing.

Actual article in-app	Edit preview step	Designed preview for Add an image:

Requirements

• Display the image in the actual location it will be inserted in on publish

Nice to have:

• Include the header image, title, and article description in the preview step