# Redesigning the default category page

**URL:** <https://meta.discourse.org/t/redesigning-the-default-category-page/46783>\
**Category:** UX\
**Created:** [2016年七月4日 01:11 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783 "2016-07-04T01:11:06Z")\
**Posts on this page:** 20\
**Page:** 4

<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:** [2016年八月19日 12:31 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/61 "2016-08-19T12:31:15Z")

</div>

> [@lichtschlag](#):
>
> I noticed that there is a deal of duplication on the new meta categories page (see picture): there are two mentions of categories and latest each, this strikes me as confusing. I think for my forum, I’d just remove the whole menu bar on the top on the home page.

Or why not:

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

First click of a tab switches to that tab. Second click goes to the full-page list

---

<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:** [2016年八月19日 22:47 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/62 "2016-08-19T22:47:16Z")

</div>

I like the changes to the category page. However, the colorful border on the left side is still bothering me. For me it’s the last bit of [Clown Vomit](https://meta.discourse.org/t/the-end-of-clown-vomit-or-simplified-category-styles/24249). 😉

Can’t we replace the border with the category bullets which are used everywhere else?

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

---

<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:** [2016年八月20日 01:26 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/63 "2016-08-20T01:26:34Z")

</div>

我很喜欢这个设计稿。它也能更好地区分各个类别，尤其是当两种颜色相似时（例如 #Contribute > UX 和 #Development 类别）

---

<div class="post-metadata">

**Author:** ![ljpp](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ljpp/32/96506_2.png) [@ljpp](https://meta.discourse.org/u/ljpp)\
**Post date:** [2016年八月20日 08:52 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/64 "2016-08-20T08:52:47Z")

</div>

What ever the new approach will be, and the mockups looks promising, the key improvement would be to make the default view a **user option**. The user should be able to choose whether he uses Latest, Categories or whatever as his personal default view.

---

<div class="post-metadata">

**Author:** ![Demerzel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/demerzel/32/59555_2.png) [@Demerzel](https://meta.discourse.org/u/Demerzel)\
**Post date:** [2016年八月20日 12:43 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/65 "2016-08-20T12:43:58Z")

</div>

bonjour, pourquoi avoir changé le format de la page d’acceuil? il était très bien et plus pratique. Vous faites des changements sans demander et de plus ça bug! Je me permet de demander un sondage pour voir qui souhaite revoir la page d’acceuil, revenir comme avant?  
merci

* * *

traduction google :

hello, why have changed the format of the login page? it was very good and practical. You make changes without asking and more that bug! I allow myself to ask a poll to see who wants to see the home page, go back like before?  
thank you

---

<div class="post-metadata">

**Author:** ![angus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/angus/32/341715_2.png) [@angus](https://meta.discourse.org/u/angus)\
**Post date:** [2016年八月20日 15:23 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/66 "2016-08-20T15:23:04Z")

</div>

While I agree that the categories page needed a revamp and I aesthetically prefer the current version over the previous version, I don’t feel like it’s an overall improvement.

Generally, what the Discourse UI does really well is that each view has a clear purpose and draws your attention to what is important with that purpose in mind. This, in my view, is one significant improvement that Discourse brought to the forum paradigm. Other forum software often feels messy and hard to navigate. Discourse achieves this feeling of clarity through its singularity of purpose. This view does not.

It is has been noted that some people use it as a homepage. The discussion has used this as a touchstone to justify having both the category list and latest topics in one view. To justify its hybridity. While this may satisfy some folks, it runs counter to Discourse’s normal pluralistic attitude insofar as it takes a more opinionated approach to what matters in topic discovery.

In other words, I see each single-purpose view in the Discovery stream as the standard upon which variation can be added. To have one hybrid amongst a stable of purebreds seems out of place. In this vein, I would say that if some people want to use a combined Latest and Categories page - or any other combination - as a homepage, they should make a plugin to do this.

I know I’m coming to this a bit late, but I would suggest a slightly different direction, more along the lines of the [NodeBB default](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/15), without the ‘Recent Topics’ boxes at the top.

In other words, have a single row for each category and subcategory spanning the width of the discovery view with a single featured topic in the row to give you a flavor of the category or subcategory. The featured topic criteria could be smart, using a mixture of time and engagement.

I think that would be more inline with the Discourse approach of simple, single purpose views.

---

<div class="post-metadata">

**Author:** ![Demerzel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/demerzel/32/59555_2.png) [@Demerzel](https://meta.discourse.org/u/Demerzel)\
**Post date:** [2016年八月20日 18:15 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/67 "2016-08-20T18:15:57Z")

</div>

I wanted to understand is to find this format with the right column (which I put in color)

 ![](https://global.discourse-cdn.com/meta/original/4X/a/9/f/a9f5f4fe2ec39c401d66fea5f5acf11971a0975f.png)

---

<div class="post-metadata">

**Author:** ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)\
**Post date:** [2016年八月20日 19:49 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/68 "2016-08-20T19:49:23Z")

</div>

> [@Demerzel](#):
>
> I wanted to understand is to find this format with the right column (which I put in color)

That’s the **Category view** on Discourse **stable**.

On Discourse **beta** the team is trying a new approach to this view.

If you have strong opinions about changes in the software, you should stick on a stable version, and read changelogs before updating.

---

<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:** [2016年八月20日 19:50 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/69 "2016-08-20T19:50:46Z")

</div>

> [@Tom\_Newsom](#):
>
> I suspect you’ll get some backlash if this new hybrid view replaces it.

There’s been a fair bit of this now and I’m not sure it can all be dismissed as “fear of the new”

The new hybrid view is great, but I think a standalone Categories view is still needed. After all, there’s still a standalone Latest view isn’t there?

---

<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:** [2016年八月20日 19:59 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/70 "2016-08-20T19:59:46Z")

</div>

I’m thinking rather than redesigning the Category page it might be nice to offer “hybrid” as an optional “home” page.

Granted, I’m familiar with the page’s layout, and to me the horizontal rules tie in each of the category’s Pinned and latest topics to the corresponding category.

Perhaps what might confuse newer members is the use of the word “Latest” as the column header when it more accurately is “a few of the latest topics for the category to its left”.

---

<div class="post-metadata">

**Author:** ![charleswalter](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/charleswalter/32/116433_2.png) [@charleswalter](https://meta.discourse.org/u/charleswalter)\
**Post date:** [2016年八月21日 05:05 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/74 "2016-08-21T05:05:18Z")

</div>

Sorry for joining the discussion late, but i couldnt seem to find discussion on the mobile view. Currently we use categories view, because we think it provides a great mix of entry to the categories and featured topics. However, on mobile, the interepersing of categories and then 5 topics, starts getting overbore. I wish we could look at optimizing the mobile experience.

Some ideas

- offer option to choose different default screen for mobile
- introduce a featured category view for mobile with a link to view all
- offer option to group featured topics at the end of all categories
- offer option to show reduced number of topics on mobile vs desktop

This is just brainstorming, and not sure if we should have a separate topic on how to handle the home screen for mobile devices

And I’d still love to see how we can get a loading Image appear on mobile devices the moment they connect with the server 🙂

---

<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:** [2016年八月21日 05:41 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/75 "2016-08-21T05:41:32Z")

</div>

The current plan is for @zogstrip to urgently add a site setting for “category page style”:

- Default - the new default with the 50/50 view
- Classic - for old default
- Categories Only: for categories only without listing topics.

We are already using different styles on mobile vs desktop so we will have settings to pick your poison for desktop vs mobile.

Longer terms the work on “Themes” becomes very strategic here. Cause my theme would ship my particular quirky view of how this page should look.

The category page is very divisive. Something that seems like an enormous improvement to some is a huge step backwards for others. Part of the issue is that Cheese Shall Never Be Moved. Another part of the issue is that some are looking for a directory and other users want a home page.

We will get there, but our #1 priority is to get a setting in place that allows the sites that want the old look to keep the old look, we are practically blocked from deploying quite a few sites till we have this in place, so it will happen really quick.

---

<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:** [2016年八月21日 08:53 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/76 "2016-08-21T08:53:33Z")

</div>

To be clear, moving the category counts over to the left as we have already helps a lot in unifying category info, as well as new and unread counts per category which now go in the same place. In retrospect I don’t know why we had the category counts way over on the right!

It also conveniently makes the rightmost column completely independent. So what the site setting will determine is **the contents of the rightmost column** :

- default → latest topics
- classic → latest topics for each category
- categories only → nothing

---

<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:** [2016年八月22日 21:14 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/77 "2016-08-22T21:14:50Z")

</div>

> [@sam](#):
>
> The current plan is for @zogstrip to urgently add a site setting for “category page style”:
> 
> - Default - the new default with the 50/50 view
> - Classic - for old default
> - Categories Only: for categories only without listing topics.

The `desktop_category_page_style` is now in

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

I changed the name of the style a bit

- Default → “Categories **and** Latest Topics”
- Classic → “Categories **with** Featured Topics”
- “Categories Only” stayed the same.

---

<div class="post-metadata">

**Author:** ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)\
**Post date:** [2016年八月23日 00:24 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/78 "2016-08-23T00:24:43Z")

</div>

Liking the new default category page very much, as do my colleagues. Nice work! 🚀

---

<div class="post-metadata">

**Author:** ![pinbot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pinbot/32/61332_2.png) [@pinbot](https://meta.discourse.org/u/pinbot)\
**Post date:** [2016年八月31日 12:35 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/80 "2016-08-31T12:35:36Z")

</div>

How did you reposition New Unread and Top Near the Latest ?

---

<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:** [2016年八月31日 14:08 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/81 "2016-08-31T14:08:38Z")

</div>

It’s the Top Menu setting. Here’s mine:

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

EDIT: Hang on, you mean in my image? It’s just a mockup. I used photoshop 🙂

---

<div class="post-metadata">

**Author:** ![pinbot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pinbot/32/61332_2.png) [@pinbot](https://meta.discourse.org/u/pinbot)\
**Post date:** [2016年八月31日 15:14 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/82 "2016-08-31T15:14:02Z")

</div>

I meant the image , you have done some great per category view optimization on your forum

---

<div class="post-metadata">

**Author:** ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)\
**Post date:** [2016年八月31日 18:39 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/83 "2016-08-31T18:39:27Z")

</div>

On mobile, the default category page is now pretty boring. Is there a way to display the traditional latest view as homepage on mobile, and the new categories/latest view on desktop?

 ![](https://global.discourse-cdn.com/meta/original/3X/b/5/b527b729f6d3a333e5d9d3d5bc1a2336e071504c.png)

---

<div class="post-metadata">

**Author:** ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)\
**Post date:** [2016年八月31日 19:00 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/84 "2016-08-31T19:00:59Z")

</div>

You can cancel the display none for the description on mobile :

```
.category-list-item .category-description {
    display: inline;
}

```

or `display block`.

I did that on my forum, and I think it looks pretty ok on mobile.

[上一頁](https://meta.discourse.org/t/redesigning-the-default-category-page/46783.md?page=3)

[下一頁](https://meta.discourse.org/t/redesigning-the-default-category-page/46783.md?page=5)
