# Make post links more visible with new right gutter timeline

**URL:** https://meta.discourse.org/t/make-post-links-more-visible-with-new-right-gutter-timeline/44920
**Category:** UX
**Created:** [27 Mayo, 2016 21:19 UTC](https://meta.discourse.org/t/make-post-links-more-visible-with-new-right-gutter-timeline/44920 "2016-05-27T21:19:15Z")
**Posts on this page:** 20
**Page:** 2

<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: [8 Junio, 2016 07:18 UTC](https://meta.discourse.org/t/make-post-links-more-visible-with-new-right-gutter-timeline/44920/24 "2016-06-08T07:18:31Z")

</div>

I just deployed v0.0 of this feature.

First 5 links are expanded by default, the rest require an extra click.

[https://github.com/discourse/discourse/commit/6d10812b269e4ca51dcebba27fe9ced6a7cbf7d1](https://github.com/discourse/discourse/commit/6d10812b269e4ca51dcebba27fe9ced6a7cbf7d1)

I will continue refining this tomorrow. In particular I want to strip out all outgoing links that appear **exactly** the same way in the post. That way completely redundant links will be removed.

So, for example if a link to “my awesome topic” exists and “my awesome topic” is the name of the topic, it will be stripped.

Me linking to:

> [@Change right gutter to vertical timeline + topic controls](https://meta.discourse.org/t/change-right-gutter-to-vertical-timeline-topic-controls/44096):
>
> bell This feature is now merged into master as of May 31 One of our targets for 1.6 is to radically revamp the right gutter, [per previous discussions](https://meta.discourse.org/t/custom-scrollbar-with-sticky-sidebar-necessitates-slight-ux-rethinkl/28635). More specifically, it will be a vertical scrollbar that better visually represents the “timeline” of discussion, from inception to the current latest post. We can do some clever stuff here representing long pauses in the discussions or periods of intense activity, but I agree with @erlend_sh we should defer that until a future relea…

Would not result in a link at the bottom (like it does now)

However, if I linked to [this](https://meta.discourse.org/t/repetitive-gutter-links/13495) which is partially unresolved, it would show up.

Ordering wise I am considering giving priority to incoming over outgoing, which is the reverse of what we are doing now.

---

<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: [8 Junio, 2016 07:55 UTC](https://meta.discourse.org/t/make-post-links-more-visible-with-new-right-gutter-timeline/44920/25 "2016-06-08T07:55:00Z")

</div>

Here’s what we should do

- if all links are outgoing, suppress altogether

- if a mixture of incoming and outgoing links, less than 5 total, show all

- if a mixture of incoming and outgoing links, more than 5 total, show up to 5 incoming, the rest are behind “show more”

---

<div class="post-metadata">

### Author: ![erlend\_sh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/erlend_sh/32/119475_2.png) [@erlend\_sh](https://meta.discourse.org/u/erlend_sh)
#### Post date: [8 Junio, 2016 09:19 UTC](https://meta.discourse.org/t/make-post-links-more-visible-with-new-right-gutter-timeline/44920/29 "2016-06-08T09:19:09Z")

</div>

> [@sam](#):
>
> I will continue refining this tomorrow. In particular I want to strip out all outgoing links that appear exactly the same way in the post. That way completely redundant links will be removed.

Can’t we just exclude all outgoing links, period? I think a secret if-this-then-that rule here will just cause confusion.

Looking at the latest iteration (which I understand is a WIP):

 ![](https://global.discourse-cdn.com/meta/original/3X/8/3/83896a1cec5b52cb237ddb42ea32577e8916d153.png)

I’d like this to be the final result:

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

I really don’t think we need a complicated set of rules here. There is a HUGE difference between incoming and outgoing. Incoming links will **never** be discovered unless we call them out. Outgoing links are an extra callout for content that’s already present.

No callout for outgoing links means:

- We incentivise writers to properly format their posts and make links visible.
- We avoid any potential “is this an incoming or outgoing link?” confusion
- We don’t repeat ourselves
- Incoming links will get more attention, because those links will show up much more rarely.

And for the record, this is also [how GitHub does it](https://github.com/jekyll/jekyll/issues/4891). Outgoing links get no special treatment.

If anything, I’d just add an extra highlight of some kind to internal links, like so:

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

---

<div class="post-metadata">

### Author: ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)
#### Post date: [8 Junio, 2016 09:49 UTC](https://meta.discourse.org/t/make-post-links-more-visible-with-new-right-gutter-timeline/44920/30 "2016-06-08T09:49:27Z")

</div>

Let’s try this ⚗

[https://github.com/discourse/discourse/commit/ec7443b021935e964c355197bbbf441f81e516d0](https://github.com/discourse/discourse/commit/ec7443b021935e964c355197bbbf441f81e516d0)

---

<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: [8 Junio, 2016 09:58 UTC](https://meta.discourse.org/t/make-post-links-more-visible-with-new-right-gutter-timeline/44920/31 "2016-06-08T09:58:16Z")

</div>

> [@erlend\_sh](#):
>
> I’d like this to be the final result:

I find that without the border at the top the post actions get lost, and that is a huge usability loss

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

---

<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: [8 Junio, 2016 10:05 UTC](https://meta.discourse.org/t/make-post-links-more-visible-with-new-right-gutter-timeline/44920/32 "2016-06-08T10:05:28Z")

</div>

> [@sam](#):
>
> I find that without the border at the top the post actions get lost,

This is a serious stretch. Considering the original right justified one did not “get lost” how does left justifying it suddenly make it become “OMG it’s completely lost!”

Anyway, the best outcome is to _not do this at all_, the more I read, the more I think we should never show outgoing links below – that way it will be much less frequent and therefore more interesting when we do show _incoming_ links.

---

<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: [8 Junio, 2016 10:12 UTC](https://meta.discourse.org/t/make-post-links-more-visible-with-new-right-gutter-timeline/44920/33 "2016-06-08T10:12:18Z")

</div>

> [@codinghorror](#):
>
> Anyway, the best outcome is to not do this at all, the more I read, the more I think we should never show outgoing links below – that way it will be much less frequent and therefore more interesting when we do show incoming links.

I totally support only showing incoming links, there are just so many advantages

- no information duplication
- no confusing feature to explain to users (right arrow vs left arrow)
- no complicated logic about when to show and when to hide outgoing links (that also needs to be explained)

---

<div class="post-metadata">

### Author: ![fefrei](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fefrei/32/119538_2.png) [@fefrei](https://meta.discourse.org/u/fefrei)
#### Post date: [8 Junio, 2016 10:35 UTC](https://meta.discourse.org/t/make-post-links-more-visible-with-new-right-gutter-timeline/44920/34 "2016-06-08T10:35:15Z")

</div>

I totally agree.

In addition, because hiding a _single_ link behind a “Show more” doesn’t really save space, I’d prefer showing all incoming links if there are at most 5, or 4 and “Show more” link (which will therefore reveal at least two more).

Can we sort the incoming links by the popularity of the linking topic / post?

---

<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: [8 Junio, 2016 10:41 UTC](https://meta.discourse.org/t/make-post-links-more-visible-with-new-right-gutter-timeline/44920/35 "2016-06-08T10:41:32Z")

</div>

> [@fefrei](#):
>
> In addition, because hiding a single link behind a “Show more” doesn’t really save space, I’d prefer showing all incoming links if there are at most 5, or 4 and “Show more” link (which will therefore reveal at least two more).

Yeah 4+2 or 5 seems like a fine refinement.

> [@fefrei](#):
>
> Can we sort the incoming links by the popularity of the linking topic / post?

Stuff is ordered on click count, which I think is correct, the more people click on something the more relevant it is (though long term in the super gold plated version we can look at ageing clicks)

---

<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: [8 Junio, 2016 10:42 UTC](https://meta.discourse.org/t/make-post-links-more-visible-with-new-right-gutter-timeline/44920/36 "2016-06-08T10:42:57Z")

</div>

I am thinking we should even suppress the arrow since it is incoming only now. Arrow feels a bit meaningless in that context…

---

<div class="post-metadata">

### Author: ![jomaxro](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jomaxro/32/126216_2.png) [@jomaxro](https://meta.discourse.org/u/jomaxro)
#### Post date: [8 Junio, 2016 14:58 UTC](https://meta.discourse.org/t/make-post-links-more-visible-with-new-right-gutter-timeline/44920/37 "2016-06-08T14:58:01Z")

</div>

@codinghorror - all in favor of removing the arrow for me, as I know what they are. However, I worry what new users will see/understand. “Hmm, so there are 4 links below this topic, I wonder why they are here?”. There needs to be some context, as we have clearly determined in this discussion that “Incoming links will **never** be discovered unless we call them out.”, so there is no context for new users as to the fact that the 4 links below the post are incoming links.

---

<div class="post-metadata">

### Author: ![featheredtoast](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/featheredtoast/32/116994_2.png) [@featheredtoast](https://meta.discourse.org/u/featheredtoast)
#### Post date: [8 Junio, 2016 20:19 UTC](https://meta.discourse.org/t/make-post-links-more-visible-with-new-right-gutter-timeline/44920/38 "2016-06-08T20:19:49Z")

</div>

I like the idea of there being context, but it might become another artifact that new users would ignore after learning it. Pre timeline, all incoming links appeared in the gutter sans context (even had both incoming and outgoing links indistinguishable) and they’re pretty self-explanatory.

I think if anything, I’d prefer a “what these links are” to a section in the new users guide over a context on every post that I’d ignore after a while. Less might be more in this case.

---

<div class="post-metadata">

### Author: ![mcwumbly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mcwumbly/32/103861_2.png) [@mcwumbly](https://meta.discourse.org/u/mcwumbly)
#### Post date: [9 Junio, 2016 06:45 UTC](https://meta.discourse.org/t/make-post-links-more-visible-with-new-right-gutter-timeline/44920/39 "2016-06-09T06:45:44Z")

</div>

It seems like the arrows are pointing the wrong way to me now that the link text is left-aligned… It looks like its pointing “out” from the post rather than “in” to it.

Seems like it should be:

```
-> here's an incoming link

```

---

<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: [9 Junio, 2016 07:05 UTC](https://meta.discourse.org/t/make-post-links-more-visible-with-new-right-gutter-timeline/44920/40 "2016-06-09T07:05:02Z")

</div>

I don’t think we will ever reach consensus on the arrow direction, simplest thing to do is to strip it

---

<div class="post-metadata">

### Author: ![Tom\_Newsom](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tom_newsom/32/115981_2.png) [@Tom\_Newsom](https://meta.discourse.org/u/Tom_Newsom)
#### Post date: [9 Junio, 2016 07:09 UTC](https://meta.discourse.org/t/make-post-links-more-visible-with-new-right-gutter-timeline/44920/41 "2016-06-09T07:09:10Z")

</div>

I don’t think there’s any non-ambiguous icon. “These topics link here” is probably the best you can do.

---

<div class="post-metadata">

### Author: ![auryn\_macmillan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/auryn_macmillan/32/56633_2.png) [@auryn\_macmillan](https://meta.discourse.org/u/auryn_macmillan)
#### Post date: [9 Junio, 2016 07:42 UTC](https://meta.discourse.org/t/make-post-links-more-visible-with-new-right-gutter-timeline/44920/42 "2016-06-09T07:42:46Z")

</div>

> [@With the new right gutter, where should "Reply as Linked Topic" go?](https://meta.discourse.org/t/with-the-new-right-gutter-where-should-reply-as-linked-topic-go/44815/38):
>
> Well, the incoming links are presented below the post they linked to, not in chronology of the time the link was created. The day the link was created is a mighty weak thing to tie the link to, versus the actual post it links to..

You are absolutely correct, thanks for pointing that out.

---

<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: [9 Junio, 2016 08:17 UTC](https://meta.discourse.org/t/make-post-links-more-visible-with-new-right-gutter-timeline/44920/43 "2016-06-09T08:17:45Z")

</div>

> [@With the new right gutter, where should "Reply as Linked Topic" go?](https://meta.discourse.org/t/with-the-new-right-gutter-where-should-reply-as-linked-topic-go/44815/39):
>
> It seems like the arrows are pointing the wrong way to me now that the link text is left-aligned… It looks like its pointing “out” from the post rather than “in” to it.

_puts on his bikeshedding hat 👲_

Well, in left-to-right cultures, like this one, left is “before” and right is “after” so a forward, outward link should go to the right, in my opinion. Outward links go “forward”, incoming links go “back”.

I agree with @sam though since we are basically _only_ showing incoming links now, it would be easier to strip it altogether, but I would like to live with it a while and see how it feels.

---

<div class="post-metadata">

### Author: ![gerhard](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gerhard/32/119479_2.png) [@gerhard](https://meta.discourse.org/u/gerhard)
#### Post date: [9 Junio, 2016 08:26 UTC](https://meta.discourse.org/t/make-post-links-more-visible-with-new-right-gutter-timeline/44920/44 "2016-06-09T08:26:54Z")

</div>

> [@With the new right gutter, where should "Reply as Linked Topic" go?](https://meta.discourse.org/t/with-the-new-right-gutter-where-should-reply-as-linked-topic-go/44815/40):
>
> I don’t think we will ever reach consensus on the arrow direction

Why not?  
The ⇦ made perfectly sense when shown in the right gutter since it pointed to the post.  
But when I see it below the post it looks like an outgoing link.  
⇨ on the other hand means incoming link for me.

Showing the links without an icon below the post will be confusing. There’s no context unless we have the room for text like “These topics link here”.

---

<div class="post-metadata">

### Author: ![erlend\_sh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/erlend_sh/32/119475_2.png) [@erlend\_sh](https://meta.discourse.org/u/erlend_sh)
#### Post date: [9 Junio, 2016 09:18 UTC](https://meta.discourse.org/t/make-post-links-more-visible-with-new-right-gutter-timeline/44920/45 "2016-06-09T09:18:25Z")

</div>

> [@With the new right gutter, where should "Reply as Linked Topic" go?](https://meta.discourse.org/t/with-the-new-right-gutter-where-should-reply-as-linked-topic-go/44815/44):
>
> Why not?The ⇦ made perfectly sense when shown in the right gutter since it pointed to the post.But when I see it below the post it looks like an outgoing link.⇨ on the other hand means incoming link for me.

I don’t disagree, but to uninitiated eyes the logic works both ways:

⇨ = Link from outside is pointing in here

⇦ = This link is from the outside

> [@With the new right gutter, where should "Reply as Linked Topic" go?](https://meta.discourse.org/t/with-the-new-right-gutter-where-should-reply-as-linked-topic-go/44815/44):
>
> Showing the links without an icon below the post will be confusing. There’s no context unless we have the room for text like “These topics link here”.

I’m also very much in favour of _some_ kind of icon there, as I think it’s important to break away from the post body. What about [fa-external-link-square](http://fontawesome.io/icon/external-link-square/)?

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

---

<div class="post-metadata">

### Author: ![watchmanmonitor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/watchmanmonitor/32/430970_2.png) [@watchmanmonitor](https://meta.discourse.org/u/watchmanmonitor)
#### Post date: [9 Junio, 2016 20:17 UTC](https://meta.discourse.org/t/make-post-links-more-visible-with-new-right-gutter-timeline/44920/46 "2016-06-09T20:17:38Z")

</div>

> [@erlend\_sh](#):
>
> fa-external-link-square?

to me that says - link in another site, not the current discourse.

[Página anterior](https://meta.discourse.org/t/make-post-links-more-visible-with-new-right-gutter-timeline/44920.md?page=1)

[Página siguiente](https://meta.discourse.org/t/make-post-links-more-visible-with-new-right-gutter-timeline/44920.md?page=3)
