Folo icon indicating copy to clipboard operation
Folo copied to clipboard

The visual effect of reading status is not obvious enough

Open imdlan opened this issue 1 year ago • 4 comments

Clear and concise description of the problem

使用橘色小圆点来区分阅读状态 UI 效果不够明显,原因有二:

  1. 橘色小圆点放在列表(无论是文字列表,还是图文列表)的标题前显的比较密集并且对阅读标题是一种干扰;
  2. 由于橘色小圆点比较小,用它来标识已读,未读状态并不明显;

Suggested solution

移除橘色小圆点来标识已读,未读状态,改用已读标题变灰来区分已读,未读状态。

Reeder 的已读,未读状态比较舒服,自然,体验好,如下图:

image

Alternative

No response

Additional context

No response

Validations

  • [X] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

imdlan avatar Oct 10 '24 07:10 imdlan

改用已读标题变灰来区分已读

We previously abandoned this UI implementation. Perhaps it needs to be discussed again. cc @DIYgod

Innei avatar Oct 10 '24 07:10 Innei

“如无必要,勿增实体”,这里用橘色小圆点来区分阅读状态,即密集,辨识度又不高,如下图:

文字列表:看过的和没有看过的订阅就差一个小圆点,打开一个列表左侧重复一列小圆点,密集恐惧

image

图文列表:更没法看了,简直找不到哪个点了,哪个没点,只能用顶部右侧未读筛选按钮了

image

imdlan avatar Oct 10 '24 09:10 imdlan

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿


"If necessary, do not add entities." Here, small orange dots are used to distinguish the reading status, which is dense but not highly recognizable, as shown below:

Text list: There is only one dot between the subscriptions that have been read and those that have not been read. Open a list and repeat a column of dots on the left side, intensive fear

image

Image and text list: I can’t even read it anymore. I can’t find which one I clicked and which one I didn’t click. I can only use the unread filter button on the top right

image

github-actions[bot] avatar Oct 10 '24 09:10 github-actions[bot]

This issue has been automatically marked as stale. If this issue is still affecting you, please leave any comment (for example, "bump"), and we'll keep it open. If you have any new additional information—in particular, if this is still reproducible in the latest version of Follow or in the beta—please include it with your comment!