# Read topics tracking

**URL:** <https://meta.discourse.org/t/read-topics-tracking/31394>\
**Category:** UX\
**Created:** [July 24, 2015, 1:44pm UTC](https://meta.discourse.org/t/read-topics-tracking/31394 "2015-07-24T13:44:59Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![AstonJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/astonj/32/215041_2.png) [@AstonJ](https://meta.discourse.org/u/AstonJ)\
**Post date:** [July 24, 2015, 1:44pm UTC](https://meta.discourse.org/t/read-topics-tracking/31394/1 "2015-07-24T13:44:59Z")

</div>

Love it 🙂

However just a quick note - by greying things out you are saying ‘this is not that important’, but by highlighting things (such as by **bold** ) you are saying this is more important or requires your attention.

Some might argue it is a trivial distinction. Personally I think I’d prefer saying threads with unread posts are something that require your attention (though happy to live with this for a while to see how it feels). Either way, I am VERY happy you have decided to add this 👍

---

<div class="post-metadata">

**Author:** ![purldator](https://avatars.discourse-cdn.com/v4/letter/p/bcef8e/32.png) [@purldator](https://meta.discourse.org/u/purldator)\
**Post date:** [July 24, 2015, 3:42pm UTC](https://meta.discourse.org/t/read-topics-tracking/31394/2 "2015-07-24T15:42:36Z")

</div>

This new feature helps with [my own continuing quandary](https://meta.discourse.org/t/marking-all-new-topics-as-new/27451/43) on older topics I don’t know exist (pre-registration) but get updates to this day.

This new color change to topics completely read will help me understand what I may have missed in a _visual_ manner.

As for the color being grey, that does not always imply ‘not important’. One has to consider the context of the color when used _in an online community ui_ and not an actual program or tasking application of some kind.

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [July 24, 2015, 6:58pm UTC](https://meta.discourse.org/t/read-topics-tracking/31394/3 "2015-07-24T18:58:21Z")

</div>

> [@AstonJ](#):
>
> by greying things out you are saying ‘this is not that important’,

This is correct, a topic where you have read every post _is_ less important – there’s nothing in it you have not seen already. That’s why it is dim/grey.

> [@AstonJ](#):
>
> I’d prefer saying threads with unread posts are something that require your attention

Correct, topics with stuff you have not yet red are more black and “bold” and thus stand out more, requiring your attention. E.g..

 ![](https://global.discourse-cdn.com/meta/original/3X/4/6/46de50415d978c60a42882232e3d40b2e03173d0.png)

---

<div class="post-metadata">

**Author:** ![AstonJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/astonj/32/215041_2.png) [@AstonJ](https://meta.discourse.org/u/AstonJ)\
**Post date:** [July 24, 2015, 8:57pm UTC](https://meta.discourse.org/t/read-topics-tracking/31394/4 "2015-07-24T20:57:40Z")

</div>

Yes, I know 😕 aside from the psychology of design (would we rather highlight/promote things that may _need_ our attention, or mute/demote things-that-still-may-be-of-interest that don’t) we need to remember that even fully read threads may still be of interest - whether that’s because people are browsing categories, bookmarked threads or in search results. Then it becomes a design issue (are dimmed out threads an ideal choice for these?)

As I said I haven’t given it deep enough thought, and obviously I need to live with it for a bit, but I think the key in deciding will be whether the marking system keeps track of **all** threads or whether there is a cut off limit (days or visits). If there is a cut off limit then browsing through old threads will show threads as dimmed out, which is far from ideal.

_I’ll post my thoughts once it’s on my forum and I have lived with it for a while._

---

<div class="post-metadata">

**Author:** ![purldator](https://avatars.discourse-cdn.com/v4/letter/p/bcef8e/32.png) [@purldator](https://meta.discourse.org/u/purldator)\
**Post date:** [July 24, 2015, 10:42pm UTC](https://meta.discourse.org/t/read-topics-tracking/31394/5 "2015-07-24T22:42:10Z")

</div>

> [@AstonJ](#):
>
> we need to remember that even fully read threads may still be of interest - whether that’s because people are browsing categories, bookmarked threads or in search results.

I agree. I am a hoarder and bookmarking is a pasttime of mine. I use it to winnow the important bits of info I know I may need someday down the line from everything else.

> [@AstonJ](#):
>
> If there is a cut off limit then browsing through old threads will show threads as dimmed out, which is far from ideal.

That sounds like you don’t want your _entire_ topic lists dimmed _for yourself_. Have other users read every single post in every topic that currently exists in your community?

Sure, a topic list completely grayed may drab your ux a little, but then when new content comes in via posting those topic titles start lighting up. It’s like Christmas Day in your brain.

I’ve encountered this before. Be aware that as an admin you might end up with an edge case when it comes to specific design elements. This is one. _You_ will have probably read every single post on that community. Your users? Not so much.

---

<div class="post-metadata">

**Author:** ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)\
**Post date:** [July 24, 2015, 11:17pm UTC](https://meta.discourse.org/t/read-topics-tracking/31394/6 "2015-07-24T23:17:19Z")

</div>

On this topic, this is why my theme used the more traditional color at the moment

 ![](https://global.discourse-cdn.com/meta/original/3X/7/9/793f53c5d018b81229c795f4cd7deb2f476f328d.png) 

Its a bit weird, the decision to “super light grey” is better for the vast majority of users but hurts power users that track tons of stuff.

I dunno, maybe bookmarked / watched / tracked should not get that treatment… unsure, logic gets complex.

I wonder what @awesomerobot thinks about the visited styling here?

---

<div class="post-metadata">

**Author:** ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)\
**Post date:** [July 25, 2015, 11:38pm UTC](https://meta.discourse.org/t/read-topics-tracking/31394/7 "2015-07-25T23:38:17Z")

</div>

Another couple of points or ref:

Whirlpool (Australia’s most popular forum) uses this

![](https://global.discourse-cdn.com/meta/original/3X/6/1/616df014394944fb7af23537189fae41bb818e17.png)

ebay does the same purple thing as Google.

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [July 26, 2015, 12:26am UTC](https://meta.discourse.org/t/read-topics-tracking/31394/8 "2015-07-26T00:26:46Z")

</div>

Yeah the blue and purple is just 1996 era HTML defaults for visited and unvisited, e.g. [Links: Differentiate visited and unvisited links](http://universalusability.com/access_by_design/links/differentiate.html)

> The standard browser default is to color unvisited links blue and visited links purple. This combination is the most universal and will be generally recognizable, even with some variation in saturation and brightness (perhaps slate blue and violet). However, since this combination is so universal, designers should avoid using its opposite: purple text for unvisited links and blue text for visited. **Another approach is to use a saturated color for unvisited links and a less bright, less saturated version of the same color for visited links**

Less saturated is what we are doing now.

---

<div class="post-metadata">

**Author:** ![AstonJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/astonj/32/215041_2.png) [@AstonJ](https://meta.discourse.org/u/AstonJ)\
**Post date:** [July 26, 2015, 12:36am UTC](https://meta.discourse.org/t/read-topics-tracking/31394/9 "2015-07-26T00:36:33Z")

</div>

I’m not so keen on that tbh @sam.

Personally I think it would be better to have a standard colour/style for topics, and then something to signify that a topic has unread posts. Whether that is by colour/weight or icon. (As opposed to ‘demoting’ threads that you have fully read.)

I haven’t looked but I presume this can be changed in the CSS so it’s not a big issue either way.

Slightly off topic, but what would be nice when it comes to styling, is being able to see (and add icons or style accordingly) topics that:

- The user has posted in
- Has unread posts (what this thread is about)

And then maybe:

- An indicator that a topic is tracked/watched by the user
- Has a reply or mention to the user

Basically the sort of stuff a user would find interesting as browsing down the list of threads.

---

<div class="post-metadata">

**Author:** ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)\
**Post date:** [July 26, 2015, 12:36am UTC](https://meta.discourse.org/t/read-topics-tracking/31394/10 "2015-07-26T00:36:56Z")

</div>

Except that we are doing the opposite of the above recommendation, the recommendation is to emphasize visited

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [July 26, 2015, 12:46am UTC](https://meta.discourse.org/t/read-topics-tracking/31394/11 "2015-07-26T00:46:24Z")

</div>

No, read it again.

> [@codinghorror](#):
>
> a saturated color for unvisited links and a **less bright, less saturated version of the same color for visited links**

Black vs. grey. **Grey is less bright, less saturated than black.**

Another example would be dark blue for unvisited, and a lighter faded blue for visited.

---

<div class="post-metadata">

**Author:** ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)\
**Post date:** [July 26, 2015, 12:49am UTC](https://meta.discourse.org/t/read-topics-tracking/31394/12 "2015-07-26T00:49:22Z")

</div>

> [@codinghorror](#):
>
> (such as slate blue for unvisited links, dark slate blue for visited links)

Getting mixed messages from this

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [July 26, 2015, 12:51am UTC](https://meta.discourse.org/t/read-topics-tracking/31394/13 "2015-07-26T00:51:53Z")

</div>

I assumed that was a typo. I’ll just delete that section, since the intent is clear. Dimmer, less saturated is stuff you have already read. You want to call more attention to what you _have not_ seen – unread stuff should be brighter, more visible.

Or maybe they meant “dark” as “dimmer” … dunno but the bolded text was quite clear.

---

<div class="post-metadata">

**Author:** ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)\
**Post date:** [July 26, 2015, 12:52am UTC](https://meta.discourse.org/t/read-topics-tracking/31394/14 "2015-07-26T00:52:34Z")

</div>

As best as I could tell with a quick look, topic links have one of these classes

- visited
- new-posts
- new-topic

Shouldn’t be impossible for users to tweak.

EDIT  
Maybe not so easy. I did a wee bit of testing and the results were far from as hoped.

---

<div class="post-metadata">

**Author:** ![AstonJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/astonj/32/215041_2.png) [@AstonJ](https://meta.discourse.org/u/AstonJ)\
**Post date:** [July 31, 2015, 11:09pm UTC](https://meta.discourse.org/t/read-topics-tracking/31394/15 "2015-07-31T23:09:59Z")

</div>

Lived with it for a while now and I’m still not keen on the dimming, so have changed it on my forum to emphasise topics with new/unread posts rather than demote those without.

If anyone else wants to do the same, just add this to your css:

```plaintext
.topic-list a.title { font-weight: bold; color: #333; } 
.topic-list a.title.visited:not(.badge-notification) { font-weight: normal; color: #444;}

```

---

<div class="post-metadata">

**Author:** ![AstonJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/astonj/32/215041_2.png) [@AstonJ](https://meta.discourse.org/u/AstonJ)\
**Post date:** [August 3, 2015, 1:19pm UTC](https://meta.discourse.org/t/read-topics-tracking/31394/16 "2015-08-03T13:19:10Z")

</div>

Just posting a quick update to say I much prefer promoting over dimming:

 ![](https://global.discourse-cdn.com/meta/original/3X/2/d/2d3044570e72321ef037da6ab7a599d427879cf5.png) 

I think it will encourage more user engagement because it screams “ **HEY!!** Click me! Click me!”

---

<div class="post-metadata">

**Author:** ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)\
**Post date:** [August 3, 2015, 10:34pm UTC](https://meta.discourse.org/t/read-topics-tracking/31394/17 "2015-08-03T22:34:29Z")

</div>

Its a tricky balancing act, on very active forums “promoting” can lead the general population to just have one huge bold page that never goes away.

On small forums where you read almost everything I think it can be very effective.

---

<div class="post-metadata">

**Author:** ![AstonJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/astonj/32/215041_2.png) [@AstonJ](https://meta.discourse.org/u/AstonJ)\
**Post date:** [August 3, 2015, 11:16pm UTC](https://meta.discourse.org/t/read-topics-tracking/31394/18 "2015-08-03T23:16:55Z")

</div>

I agree Sam. I think it would need to be tweaked for very busy and very quiet forums with the default suitable for something in the middle.

For example, on busier boards you might opt to use a font that works better bold (so not as overpowering) or use an icon, or mimic what you have here now.

It needs to be part of the system though, as (and although I didn’t spend much time on it) it wasn’t straight forward to apply the same changes to non-logged in users. (There seems to be a third anonymous view too).

So I’d suggest a style for standard topics, and another for those with unread posts. You could even offer a ‘mark forums read’ button or allow users to set a cut-off rate, such as to only show what’s new since last visit, or as far back as three visits. In the old days, post marking only went back as far as last visit (so only posts made after you logged out (or got logged out) were count as unread). I’m not so keen on this - but setting it to last 3 to 5 visits is worth considering (lower number for busier forums, higher for quieter ones).

---

<div class="post-metadata">

**Author:** ![riking](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riking/32/170938_2.png) [@riking](https://meta.discourse.org/u/riking)\
**Post date:** [August 4, 2015, 2:29am UTC](https://meta.discourse.org/t/read-topics-tracking/31394/19 "2015-08-04T02:29:38Z")

</div>

> [@AstonJ](#):
>
> offer a ‘mark forums read’ button

Hell no. That is the “we are giving up on design, read tracking is too hard” button. If the styling is so loud that you are considering that option, the styling is wrong.

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [August 4, 2015, 2:53am UTC](https://meta.discourse.org/t/read-topics-tracking/31394/20 "2015-08-04T02:53:07Z")

</div>

It is his site he can style it how he wants, regardless, the reality is most people will read a tiny fraction of what is on offer at any given day.

It is the exception to read “everything”, not the rule.

[Next page](https://meta.discourse.org/t/read-topics-tracking/31394.md?page=2)
