devblog icon indicating copy to clipboard operation
devblog copied to clipboard

UX issue: index page and blog-post page appear identically if featuredImage is present

Open guidorice opened this issue 6 years ago • 1 comments

Thanks for this repository- I found it on Netlify.

These two screens appear identical, no? Notice the URL is different, because I clicked on the first post, which happens to have a featured image. My workaround is to remove the FeaturedImage component from the BlogPostTemplate component so the blog post appears different and reader will know they are reading a different page...

Screen Shot 2019-11-08 at 8 59 34 AM

Screen Shot 2019-11-08 at 8 59 39 AM

guidorice avatar Nov 08 '19 16:11 guidorice

Thanks for bringing this up! This is actually by design as the header, featured image, title, and date all pull over from the feed to the actual blog post. I agree however that if you click the very first blog post in the list, there isn't a ton of noticeable change in the top half of the page which can be potentially confusing. I will look into a possible solution that still allows for the feature image to be maintained, such as potentially having a smaller crop of the image in the main feed.

RyanFitzgerald avatar Nov 08 '19 21:11 RyanFitzgerald