RSSNext / Follow

🧡 Next generation information browser.
https://follow.is
GNU General Public License v3.0
11.47k stars 486 forks source link

The visual effect of reading status is not obvious enough #858

Open imdlan opened 2 hours ago

imdlan commented 2 hours ago

Clear and concise description of the problem

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

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

Suggested solution

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

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

image

Alternative

No response

Additional context

No response

Validations

linear[bot] commented 2 hours ago

FOL-403 The visual effect of reading status is not obvious enough

Innei commented 1 hour ago

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

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

imdlan commented 19 minutes ago

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

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

image

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

image

github-actions[bot] commented 19 minutes ago

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