# Reply box: make reply options more visible

**URL:** https://meta.discourse.org/t/reply-box-make-reply-options-more-visible/246547
**Category:** UX
**Created:** [November 23, 2022, 2:07pm UTC](https://meta.discourse.org/t/reply-box-make-reply-options-more-visible/246547 "2022-11-23T14:07:49Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![rrit](https://avatars.discourse-cdn.com/v4/letter/r/b5ac83/32.png) [@rrit](https://meta.discourse.org/u/rrit)
#### Post date: [November 23, 2022, 2:07pm UTC](https://meta.discourse.org/t/reply-box-make-reply-options-more-visible/246547/1 "2022-11-23T14:07:49Z")

</div>

The reply box has the important feature “Reply as linked topic”. This makes it possible for users to declutter discussions by posting off-topic replies into a new topic.

Right now this option is hidden behind an unrecognizable button and users not knowing about it will never use it.

**Design A:**

 ![grafik](https://global.discourse-cdn.com/meta/original/4X/7/6/4/764270c2f6cdb62c81a3702ab758bd17851e463f.png)

**Design B:**

 ![grafik](https://global.discourse-cdn.com/meta/original/4X/e/8/4/e849ef36e6b3e887189ed132ccf2edd6570ec596.png)

### At first glance which of these looks more natural to you?

_Poll ([view on site](https://meta.discourse.org/t/reply-box-make-reply-options-more-visible/246547/1))_

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [November 23, 2022, 2:28pm UTC](https://meta.discourse.org/t/reply-box-make-reply-options-more-visible/246547/2 "2022-11-23T14:28:16Z")

</div>

First one because of that option is rarely used nor needed. The second one would be the best if we would have something nearly everyday in use.

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [November 23, 2022, 2:33pm UTC](https://meta.discourse.org/t/reply-box-make-reply-options-more-visible/246547/3 "2022-11-23T14:33:16Z")

</div>

I was thinking about this the other day when wondering if Toggle Unlisted should live in there. I think it is often one of the last menus that people find.

What else lives in there:

- Toggle Whisper (group-enabled)
- Toggle Bump Date (TL4+)
- Toggle Post Voting (Post Voting plugin)

I think all of those would still make sense in a differently positioned button. 👍

---

<div class="post-metadata">

### Author: ![rrit](https://avatars.discourse-cdn.com/v4/letter/r/b5ac83/32.png) [@rrit](https://meta.discourse.org/u/rrit)
#### Post date: [November 23, 2022, 3:24pm UTC](https://meta.discourse.org/t/reply-box-make-reply-options-more-visible/246547/4 "2022-11-23T15:24:44Z")

</div>

> [@Jagster](#):
>
> First one [Design A] because of that option is rarely used nor needed. […]

Now I recognized what is bothering me with the current UI.

The “button” is styled like an input field:  
 ![grafik](https://global.discourse-cdn.com/meta/original/4X/c/6/7/c67294df3de2053825c013ab08d3740c2654ba86.png)  
vs.  
 ![grafik](https://global.discourse-cdn.com/meta/original/4X/6/e/b/6eba7e2c3be0bca33d5d672814ab9545b226bf46.png)

* * *

**Design A:**

 ![grafik](https://global.discourse-cdn.com/meta/original/4X/7/6/4/764270c2f6cdb62c81a3702ab758bd17851e463f.png)

**Design C: select box**

 ![grafik](https://global.discourse-cdn.com/meta/original/4X/7/b/9/7b93b9badc81cc66804c8793a8d50248387f8ce1.png)

**Design D: button with select option**

 ![grafik](https://global.discourse-cdn.com/meta/original/4X/0/f/7/0f78580dc62e89250acf9676d87d71c8ad31b90b.png)

Maybe one of these designs works better – which one do you prefer:

_Poll ([view on site](https://meta.discourse.org/t/reply-box-make-reply-options-more-visible/246547/4))_

* * *

### Design D: CSS

Add this quick and dirty CSS code to your theme to see the impact of “Design D”:

```css
/* reply box: make reply-mode-selector more visible */
.select-kit.dropdown-select-box.composer-actions .select-kit-header {
    background: var(--primary-low);
    color: var(--primary);
    border: none;
}
.select-kit.dropdown-select-box.composer-actions .select-kit-header .d-icon {
    padding: .5em .65em;
}
#reply-control .reply-to .composer-action-title .select-kit-header-wrapper:after {
    /* add symbol caret-down */
    display: block;
    content: "";
    width: 0;
    height: 0;
    margin-top: 2px;
    margin-right: .65em;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid var(--primary);
}

```

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [November 23, 2022, 4:34pm UTC](https://meta.discourse.org/t/reply-box-make-reply-options-more-visible/246547/5 "2022-11-23T16:34:49Z")

</div>

C is too wide, so it has to be D because it tells there is something to choose from.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [November 23, 2022, 4:53pm UTC](https://meta.discourse.org/t/reply-box-make-reply-options-more-visible/246547/6 "2022-11-23T16:53:19Z")

</div>

This discussion is very similar to the discussion where the feature was originally added: [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)

Can we talk about the problem a little more? the assumption is that making the button more obvious would result in more people deciding to start a new topic instead of replying to the existing one… but I’m not sure that’s true. Do most users even understand what a linked topic is to begin with?

Is there a better way to explain the benefits of a linked topic? Is there a certain threshold of activity where it might make sense to recommend a linked topic and explain why a little bit? I feel like education could have a greater impact than making the button stand out more. Making it a more obvious toggle might be a good idea, but I don’t think it’s going to change much unless we can confidently explain why anyone would use it to begin with.

---

<div class="post-metadata">

### Author: ![rrit](https://avatars.discourse-cdn.com/v4/letter/r/b5ac83/32.png) [@rrit](https://meta.discourse.org/u/rrit)
#### Post date: [November 23, 2022, 5:43pm UTC](https://meta.discourse.org/t/reply-box-make-reply-options-more-visible/246547/7 "2022-11-23T17:43:50Z")

</div>

My opinion on UX:  
Any object of the same element-class should always follow the same working principle and look identical, so that the functioning of it is recognizable by users.

And here the “Reply-mode-selector” is actually a select-button, which looks like an input field and does not look like the select buttons in other places of the UI e.g.

- ![grafik](https://global.discourse-cdn.com/meta/original/4X/d/1/2/d128d0d6d25b6feb002263ed443a5692ec22ea82.png)
- ![grafik](https://global.discourse-cdn.com/meta/optimized/4X/9/1/7/9175fed994b236b8f388b154c3bf6fb104f85026_2_517x42.png)

These points where already mentioned but went lost in the long run of implementation. Thanks to pointing me to the earlier discussions.

> [@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/82):
>
> Oh, that’s a really nifty idea. beers A bit of a power user hidden thing, but we could make that more obviously a button / selector as well.

> [@Menu toggle for different reply modes](https://meta.discourse.org/t/menu-toggle-for-different-reply-modes/58133/36):
>
> [Menu toggle for different reply modes - #36 by awesomerobot](https://meta.discourse.org/t/menu-toggle-for-different-reply-modes/58133/36)  
> One small thing: would anyone be opposed to making this stand out _slightly_ more as a button?
> 
> This (closer to our default button style)
> 
> ![Screen Shot 2018-02-07 at 12.05.07 PM.png](https://global.discourse-cdn.com/meta/original/3X/e/b/eb64677dc1e7ff36406db5c86eb62ad7662b9eb1.png)
> 
> instead of
> 
> ![Screen Shot 2018-02-07 at 12.05.29 PM.png](https://global.discourse-cdn.com/meta/original/3X/6/8/68db7a872589f500e9575da5129ad3f2e0207648.png)
> 
> 😻 love this feature, btw

* * *

On the general discussion of the feature “Reply as Linked Topic”:

> [@awesomerobot](#):
>
> Is there a better way to explain the benefits of a linked topic? Is there a certain threshold of activity where it might make sense to recommend a linked topic and explain why a little bit?

### Use cases for “Reply as Linked Topic”

Actually it’s all about not getting an otherwise healthy discussion stopped by 2-3 users starting their off-topic discussions in it.

**User picking multiple quotes of older posts in the topic:**  
User tries to make a point on specifically selected statements which might get the discussion off-topic.

**New reply on cold topic with long time of no replies:**  
This often results in slightly off-topic content which is better placed in a new topic.

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [November 23, 2022, 6:19pm UTC](https://meta.discourse.org/t/reply-box-make-reply-options-more-visible/246547/8 "2022-11-23T18:19:20Z")

</div>

> [@awesomerobot](#):
>
> Do most users even understand what a linked topic is to begin with?

No. But education is perhaps slightly easier when there is a remainder of such option.

Anyway, linked topic is something that is very rarely used — anywhere. Quite often a moderator just start a new conversation splitting a topic.

But:

> [@JammyDodger](#):
>
> What else lives in there:

---

<div class="post-metadata">

### Author: ![rrit](https://avatars.discourse-cdn.com/v4/letter/r/b5ac83/32.png) [@rrit](https://meta.discourse.org/u/rrit)
#### Post date: [November 23, 2022, 7:16pm UTC](https://meta.discourse.org/t/reply-box-make-reply-options-more-visible/246547/9 "2022-11-23T19:16:40Z")

</div>

> [@awesomerobot](#):
>
> Do most users even understand what a linked topic is to begin with?

Maybe rename “Reply as linked topic” to:

> **Reply in new topic**  
> Create a new topic linked to this topic.
