Topic list tabs for user-customizeable saved filters

[mcwumbly (Dave McClure)]

On some forums with a large variety of content, users will be most interested in topics that fall into a subset of the categories or tags available. When this becomes the rule, rather than the exception, forum admins can configure the home page to be the category listing rather than the /latest page. But then users must choose which door to go down - and they may be interested in seeing a listing from multiple categories at once.

A few topics have been posted about this in the past:

• Specialized Timeline?
• Filter topic with specific tag inside single category
• Category selector for latest
• Add a “Filter” button to index page

The basic idea is to add a few features that can help admins and intermediate-to-advanced users of a site like this create custom topic list views to so they can easily browse the content they are interested in at any given time.

Two alternative approaches are described below:

1. Create Custom Filter modal to add new Topic List Tab(s)
2. Add Favorites List to the Categories section in User Preferences

Approach #1

Create Custom Filter modal to add new Topic List Tab(s)

Summary of Changes

1. Add custom filter... option to the Categories drop down.
2. Click to open a Create Custom Filter modal
3. Custom Filter Modal allows multiple categories to be selected and saved as a new tab.
4. When the tab is selected, a gear icon button is visible to allow re-opening the modal to update the filter or delete it.

Mockups

Custom Filter…

Add custom filter... option to the bottom of the drop down.

Click to open a Create Custom Filter modal

Create Filter Modal

Select multiple categories to be included in topic list.

Name the tab and save it.

Tab Shown on Topic List Page

Tab is on topic list page (unselected)

Select Tab on Topic List Page

When the tab is selected, topics meeting the criteria of the filter are shown.

A gear icon button is visible in the upper right to allow re-opening the modal to update the filter or delete it.

Update or Delete Tab

After clicking the gear icon, filter name and criteria can be updated, or the tab can be removed completely.

Other possible enhancements

1. Allow admins to share a custom filter tab with everyone
2. Include tags in custom filter
3. Create custom filters from a search query

Approach #2

Add Favorites List to the Categories section in User Preferences

Here’s an alternate proposal based on @kegurler’s comment below.

1. Add a Favorites list to the the Categories section on the User Preferences page.
2. If any categories are added to this list, a Favorites tab is visible on the topic list page.
   If the list is blank, the tab is not shown.

Using the existing Muted categories list instead to solve this problem is not great because I likely do not want to fully mute categories. Also, on forums with a large number of categories, it’s nicer to choose a small list to call Favorites rather than Mute a large list.

This approach does not allow for adding multiple tabs with different filters, and would not be as open to further enhancements like filtering based on query strings.

But it’s worth considering starting with this approach as it is simpler than the first one and may satisfy a large proportion of the use cases.

Mockups

Add Favorites list to Categories section to User Preferences page

When list is not empty a Favorites tab is visible on the Topic List page

[kegurler (Kemal Gürler)]

Thanks for raising attention to this issue again

Your work seem good however I have another idea. Maybe, it is not necessary to have one more tab in homepage (favorites). Users can go to their profile settings and choose which categories they want to see in homepage. Therefore, current category tab will be specialized as user wish.

[mcwumbly (Dave McClure)]

Great idea.

Seems like it could be much simpler. And even if there is interest to do more it could be a better way to start building this feature.

I’ve updated the original post with an alternative approach based on @kegurler’s comment.

[Navidad20 (Agustin)]

Has there been any progress on this?

[fahadullah]

Is there any update on this feature? I think this would be great. My community has been asking me for this feature ever since we’ve moved to Discourse from vB.

[dmacjam (Jakub Macina)]

I also think it better to use the second approach as the proposed feature will be more consistent with current features - watched, tracked and muted categories.

If any categories are added to this list, a Favorites tab is visible on the topic list page. If the list is blank, the tab is not shown.

I have a different idea for the second step above. I see it as a feature of core Discourse (enabled/disabled by admin) and therefore I think Favorites tab should always be visible and if the list is blank, I suggest to inform/link user to user preferences where it is possible to add favorite categories. The rationale is that it will be more intuitive for users because user preferences might be too hidden for somebody. By this approach we can combine intuitiveness of first approach with consistency to current features of second approach.

[mcwumbly (Dave McClure)]

I’d prefer to get some input from the team about this feature before diving too deep into any more of the details.

[sam (Sam Saffron)]

@dmacjam

Я тоже считаю, что лучше использовать второй подход, так как предлагаемая функция будет более согласована с текущими функциями — категориями «Наблюдаемые», «Отслеживаемые» и «Заглушённые».

Я согласен с этим, но меня беспокоит, что произойдёт, если вы добавите в избранное 20 категорий. Кроме того, будет довольно сложно объяснить разницу между «Избранное» и «Наблюдаемые».

Думаю, это может быть областью для исследования в рамках Customization > Plugin; не уверен, должно ли это быть частью ядра или нет.

[LeoMcA (Leo McArdle)]

I like the second approach, but question the need for a favourites field at all. Couldn’t the “Favourites” list just be populated with topics from categories which are watched or tracked?

Similarly on the categories page, and in the various menus which contain lists of categories, “my categories” (those which I’ve expressed interest in, i.e. tracked and watched categories), could be given a greater precedence, like in a separate section at the top.

[mcwumbly (Dave McClure)]

@LeoMcA

Couldn’t the “Favourites” list just be populated with topics from categories which are watched or tracked?

I think you can make a strong case for having Watched or Tracked be automatically added to this list.

But I would also like to be able to add categories I care more about without adding any more noise.

I don’t want to see every topic in these categories show up with little bubbles in my unread list and I don’t want to get notifications about them. I just want to be able to have a view like Latest that hides things I don’t care as much about.

So why not just Mute the other categories? Well, I’d still like to have access so something like Latest that does show all categories.

@LeoMcA

Similarly on the categories page, and in the various menus which contain lists of categories, “my categories” (those which I’ve expressed interest in, i.e. tracked and watched categories), could be given a greater precedence, like in a separate section at the top.

That makes complete sense.

[Shrike]

Thanks for RFC, it’s exactly a feature I’m lacking in Discourse when I start thinking about massive usage.

Approach #2 (as something that visible and editable in user settings) looks consistent with current approach at first but I guess it’s another feature. In User Settings we have several sets of categories to manage user’s track status. But here we’re talking about visibility of topics on home page. I think it’s ok to have a hidden category for home page but have it in “Tracked first post” set.
So I’d not mix these conceptions (I also at first came up with the idea to have additional settings for hiding category in user settings).

I like the idea to manage category visibility on the main page (Approach #1). But setting explicitly visible categories could be pretty limiting. Because it’s automatically leads to the fact that users will be missing all new categories (topics from them). So I’d suggest to exclude categories instead of to include.
Ideally it could be two modes in the dialog: choose what to exclude and choose what to include.

In anyway let me emphasis that from my point of view it’s a very important feature. Not particular implementation but conception of filter topics on main page. Because it’s the most often reasoning against Discourse I heard (“there’re a lot of unrelated stuff on main page!”) from (non-tech) people.

[mcwumbly (Dave McClure)]

Another observation here to consider when refining the proposed solution here:

@JagWaugh

The first thing that most users who customised their profile did was mute every category except for the one covering their Jaguar.

I think this is problematic.

It would be preferable IMHO if the design encouraged those users could just “star” or “favorite” that one category, instead of having mute all the others.

[LeoMcA (Leo McArdle)]

Я скромно предлагаю подход, сочетающий #2 с некоторыми идеями, которые я ранее высказывал, и этими комментариями:

@LeoMcA

Мне нравится второй подход, но я ставлю под вопрос необходимость наличия поля «Избранное». Не могли бы список «Избранное» заполняться темами из категорий, которые отслеживаются или находятся на просмотре?

@mcwumbly

Я думаю, можно привести убедительные аргументы в пользу того, чтобы категории, находящиеся на просмотре или отслеживании, автоматически добавлялись в этот список.

Но мне также хотелось бы иметь возможность добавлять категории, которые мне важнее, не увеличивая при этом уровень информационного шума.

Подход #2½

• Добавить список «Избранное» в раздел «Категории» на странице настроек пользователя
• Добавить опцию «Мои категории» в выпадающий список категорий на всех страницах со списками тем
• Эта опция работает аналогично опции «Все категории», но содержит только темы из категорий (и сами категории на вкладке категорий), которые отслеживаются, находятся на просмотре или добавлены в избранное

Я думаю, преимущество этого подхода перед подходом #2 заключается в том, что он сохраняет текущую связь между выпадающим списком категорий и вкладками справа:

В настоящее время выпадающий список категорий фильтрует на уровне категорий (между «Все» или одной конкретной), а вкладки дополнительно фильтруют на уровне тем (между разными статусами тем и порядком сортировки).

Подход #2 предлагает добавить фильтр категорий в область, которая в настоящее время содержит только фильтры тем; этот подход помещает тот же фильтр категорий в область, которая в настоящее время содержит фильтры категорий. Возможно, её можно было бы назвать «Избранное», а не «Мои категории» — хотя я думаю, что «Мои категории» лучше передаёт смысл того, что сюда входят также категории на просмотре и отслеживании.

Ещё одно преимущество этого подхода в том, что он позволяет фильтровать по избранным категориям не только на вкладке «Последние». Подход #2 по сути предлагает вкладку «Последние Избранные». Этот подход по сути предлагает ту же вкладку «Последние Избранные», а также вкладки «Новые Избранные», «Непрочитанные Избранные», «Категории Избранные» и «Топ Избранные» — так что пользователи могут просматривать свои избранные категории любым удобным для них способом.

Макеты

Предположим, пользователь следит за Contribute > Feature, отслеживает #howto:admins и добавил в избранное Customization > Plugin и Contribute > UX

my/latest

my/new

my/unread

my/categories

[mcwumbly (Dave McClure)]

Yep, looks good to me! I think this is an improvement over the original proposal #2.

[mcwumbly (Dave McClure)]

A few more related topics (original post is too old for me to edit):

• https://meta.discourse.org/t/can-we-have-favorite-categories/4497
• https://meta.discourse.org/t/what-do-you-think-about-favorited-categories/6386
• Allow users to star or favorite categories then list them at the top

[mcwumbly (Dave McClure)]

Has anyone explored the idea of having a persistent sidebar on the left for category navigation?

More and more, I’m finding myself wishing for something for navigation and filtering the topic list by category that follows the pattern used by Gmail (for labels) or Slack (for channels).

The “Category + Latest” style for the category page is a step in that direction, but once I choose the category, then I lose the sidebar navigation. I also think the style could be super simple, basically just a vertical list (a la Gmail labels or Slack channels):

All categories

Foo
Foo/Red
Foo/Blue
Bar
Bar/Green
Bar/Pink
Baz

All tags

ping
pong
pang

Selecting one category or tag would filter the list accordingly on the right. Selecting “All Categories” would show everything.

---

In addition, Gmail lets you determine which labels to show by default with the options (Show, Show if Unread or Hide). Similarly, Slack gives you the option to Star a channel, which makes it show up in a shorter, curated list.

I think something similar here would still help too:

Favorites

Categories
Foo
Bar/Pink

Tags
Ping

In addition to having easy navigation to any individual favorited category or tag, it’d be cool if selecting “Favorites” would filter the list to everything that matches any “favorited” category or tag.

[Stranik (Evgeny)]

If I understand correctly after translation, I did something similar. But I want to say, this plugin is not universal. It may not work. It was created only for one specific site. In the source code of the plugin, hard-coded a specific way, with the website address… But you can look at its code. To do something similar. Remove all unnecessary.

• https://github.com/Toxu-ru/discourse-sidebar-blocks

You can try to use another: discourse-sidebar-blocks
And just to write a widget for categories.

$.ajax({
          url: "/categories.json",
          dataType: 'json',
          async: false,
          success: function(data) {....

[erlend_sh (Erlend Sogge Heggen)]

@mcwumbly

Has anyone explored the idea of having a persistent sidebar on the left for category navigation?

Yes, but only in mock ups:

Proposing a left-aligned slide out hamburger menu

Continuing the discussion from Full height, slide out hamburger menu: Here, I will make my argument in support of the left-aligned hamburger menu convention, combined with a reworking of Discourse’s default navigation of index pages. Upon entering meta.discourse.org, you would see this: [image] Drilling into a Category, you see this: [image] Hamburger menu has absorbed the top sub-navigation. Hamburger menu is shown by default on index pages (on Desktop, not Mobile) Fills the same nee…

[erlend_sh (Erlend Sogge Heggen)]

Мы спонсируем разработчика для работы над этим как над плагином. Вариант №2 выглядит как наиболее подходящий для MVP. Ниже я опубликую окончательное техническое задание на основе макетов от @mcwumbly и @LeoMcA.

Некоторые изменения:

• Основным местом взаимодействия должна стать страница /categories, где можно нажать на звезду, чтобы добавить категорию в избранное. (макет ниже).
• Я не думаю, что это следует добавлять на страницу уведомлений. Избранное никак не влияет на уведомления. Вместо этого я предлагаю добавить его на страницу настроек интерфейса.

СПЕЦИФИКАЦИЯ: Избранные категории

1. Отображение кнопки-звезды на странице /categories

Звёздочки на странице /categories скрыты по умолчанию и переключаются так же, как и для тем:

Категории

(Также можно посмотреть, как это будет выглядеть, если звёздочки будут выровнены по левому краю для родительских категорий)

Подкатегории

2. Добавить список «Избранное» на страницу Настройки пользователя : Интерфейс.

3. Отображение «Избранное» в выпадающем списке категорий

Если какие-либо категории добавлены в избранное, на странице списка тем появляется вкладка «Избранное».
Если список пуст, пункт «Моё избранное» отображаться не будет.

Предположим, пользователь следит за Contribute > Feature, отслеживает #howto:admins и добавил в избранное Customization > Plugin и Contribute > UX. Тогда пользователь увидит следующее (здесь показано как «Мои категории»):

my/latest

my/new

my/unread

my/categories

(На макете отсутствуют кликабельные звёздочки. Также этот экран может быть нереализуемым.)

Целевые возможности (Stretch goals):

• Избранные категории должны отображаться вверху списка на странице /categories и в выпадающем списке категорий.
• Пользователь может установить «Мои категории» в качестве индекса по умолчанию.
• Администраторы могут задать пресет «Мои категории», чтобы зарегистрированные пользователи сразу имели предустановленный набор избранных категорий.

[mcwumbly (Dave McClure)]

So glad to hear this, @erlend_sh

I have a few thoughts, which may deserve mock ups, but I’m on my phone right now.

1. We’ve hidden the category drop-down. Would really like a way to have a simple top menu tab for the favorites topic list rather than bringing back the whole drop-down.
2. Perhaps, rather than a separate categories page for my/categories, the “starred/favorites” categories could be shown together as a separate group at the top of the existing categories page?
3. Seems like it’d make sense and be consistent to be able to star/unstar a category from the category topic list page (next to the drop-down where I can watch/mute it, etc).