mattbowen03 / reddit-client

0 stars 0 forks source link

Post and Comment component visual hierarchy #17

Open Dirk-tooth opened 2 years ago

Dirk-tooth commented 2 years ago

Issue summary:

This issue mainly addresses the visual hierarchy of the main post and comment components. Some of the text bleeds to gather and it can be difficult for users to identify the most (and least) important parts of text at a glance if there is not a strong visual hierarchy.

Here is a great example of how visual hierarchy can guide users to read content in a certain order:

image

Main Page Post Components

Below is the component for the posts on the subreddit pages. The "byline" and "posted on" information is at the top (which is totally fine) but has a strong visual hierarchy. It is similar in weight and size to the post title and is larger and bolder than the post content it's self. Consider the order in which the user should (or wants to) read the content in your components

image image

Comment components:

Similarly, the "byline" seems to be the same weight, size, and color as the body of the comment making it difficult to tell where the content ends and the "Byline" starts. In addition, it makes it difficult to identify the author of the comment quickly if that is something you care to identify.

image