# 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:** 3

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

</div>

Some other notes for @zogstrip:

- Urgent bug that causes endless spinner when categories is set to homepage and you click the home button
- ~~Latest column should probably show global pins at top (unless cleared for the user)~~ this already works, my bad
- Latest column should respect topic state for the current user (new, unread indicators, etc)
- Post count should have heat colors applied based on like ratios
- Clicking or tapping on post count should bring up the top/bottom selector like it does in a regular topic list
- Add “show more” button at the bottom of latest column (I believe the 404 page has copy for this already, as a “More…” button.)
- The topic count number in the categories panel should be a slightly larger font maybe 1.2em

edit: I also really, really like @remah’s idea here, if it is possible

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

---

<div class="post-metadata">

**Author:** ![deancheng](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/deancheng/32/60628_2.png) [@deancheng](https://meta.discourse.org/u/deancheng)\
**Post date:** [2016年八月18日 07:28 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/42 "2016-08-18T07:28:32Z")

</div>

I didn’t want to show the “Latest” column to our users,because we have many others parts to answer specific questions,so i think the “Latest” column will undermine the value of the whole page..😥

---

<div class="post-metadata">

**Author:** ![deancheng](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/deancheng/32/60628_2.png) [@deancheng](https://meta.discourse.org/u/deancheng)\
**Post date:** [2016年八月18日 07:29 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/43 "2016-08-18T07:29:03Z")

</div>

I hope to display the contents of the column more flexible. 🙂

---

<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年八月18日 07:29 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/44 "2016-08-18T07:29:42Z")

</div>

Use CSS to hide the column on your site. Admin, Customize, CSS.

---

<div class="post-metadata">

**Author:** ![vinothkannans](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/vinothkannans/32/86465_2.png) [@vinothkannans](https://meta.discourse.org/u/vinothkannans)\
**Post date:** [2016年八月18日 07:40 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/45 "2016-08-18T07:40:01Z")

</div>

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

Can we have subcategory’s both description and latest topic anywhere near to this above example?

---

<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年八月18日 07:41 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/46 "2016-08-18T07:41:46Z")

</div>

The entire point of this exercise is that arbitrarily slicing recent topics by category, as the old categories page did, is really confusing. If you want to add that back in, you are free to build it as a plugin, if you like.

---

<div class="post-metadata">

**Author:** ![deancheng](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/deancheng/32/60628_2.png) [@deancheng](https://meta.discourse.org/u/deancheng)\
**Post date:** [2016年八月18日 07:43 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/47 "2016-08-18T07:43:41Z")

</div>

hide the table?  
if use css to hide the column,the data of “latest” will still be loaded.  
and…not good.😂

 ![](https://global.discourse-cdn.com/meta/original/3X/0/1/01b31f9d8c63a6be20b9fbbad6f4807bcd732b52.png)

---

<div class="post-metadata">

**Author:** ![deancheng](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/deancheng/32/60628_2.png) [@deancheng](https://meta.discourse.org/u/deancheng)\
**Post date:** [2016年八月18日 07:50 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/48 "2016-08-18T07:50:59Z")

</div>

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

i like this way.😁

---

<div class="post-metadata">

**Author:** ![vinothkannans](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/vinothkannans/32/86465_2.png) [@vinothkannans](https://meta.discourse.org/u/vinothkannans)\
**Post date:** [2016年八月18日 07:51 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/49 "2016-08-18T07:51:35Z")

</div>

> [@codinghorror](#):
>
> The entire point of this exercise is that arbitrarily slicing recent topics by category, as the old categories page did, is really confusing.

Okay I understand and agree with it. But if we are not going to display recent topics by category then displaying all recent topics in separate column (like current categories page) also no need I think.

---

<div class="post-metadata">

**Author:** ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)\
**Post date:** [2016年八月18日 08:43 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/50 "2016-08-18T08:43:37Z")

</div>

I think that leaving out the category color border makes the page read better as two columns, otherwise my eye is wanting to read the whole page as a table.

 ![](https://global.discourse-cdn.com/meta/original/3X/9/8/9819d44dfd2e362a2cc7a2706124f8fb0003d7b9.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:** [2016年八月18日 08:45 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/51 "2016-08-18T08:45:51Z")

</div>

Surely the category color should be present as a chip, at minimum?

---

<div class="post-metadata">

**Author:** ![Remah](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/remah/32/70590_2.png) [@Remah](https://meta.discourse.org/u/Remah)\
**Post date:** [2016年八月18日 11:00 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/52 "2016-08-18T11:00:38Z")

</div>

Posts 40 and 49 need to 😍 posts 2 and 4.

> [@Redesigning the default category page](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/40):
>
> I don’t think it’s good idea to display latest topics like this on categories page except in one case where we use categories page as homepage.

> [@Redesigning the default category page](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/49):
>
> Okay I understand and agree with it. But if we are not going to display recent topics by category then displaying all recent topics in separate column (like current categories page) also no need I think.

Posts 2 and 4:

> [@Redesigning the default category page](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/2):
>
> I can only support the hybrid page here, not listing topics is an absolute showstopper for me. I think it’s also a bit easier if people define images for the categories, etc to make it more “personable”. We could force sites to do that.

> [@Redesigning the default category page](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/4):
>
> I can absolutely get behind the hybrid approach, one of the critical weaknesses of “classic” forum directories which only show categories (and counts) is that they give you zero information about the most important element of any community – what the $@&# are people actually talking about here? Another advantage of disconnecting the category list from topic display ala the [Battle.net](http://Battle.net) hybrid is we can show a linear list of “these are the x most recent / most popular topics” which is far better t…

---

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

</div>

This is one of those cases where some user behaviour data could really come in handy. On sites where the /categories page is heavily used (usually because it’s the default front page), what is the most common next step?

- /c/\* (user drills into a category)
- /t/\* (user jumps directly into a topic)
- /latest
- other

I’d love to know the stats for this on sites like [twittercommunity.com](http://twittercommunity.com) and [community.imgur.com](http://community.imgur.com), as they’re using /categories as their front page. Could be a very good before/after metric when we launch the redesigned category page.

---

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

</div>

We’re small, but we have categories front page. How can I extract this data?

---

<div class="post-metadata">

**Author:** ![TechnoBear](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/technobear/32/40546_2.png) [@TechnoBear](https://meta.discourse.org/u/TechnoBear)\
**Post date:** [2016年八月18日 13:06 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/55 "2016-08-18T13:06:39Z")

</div>

> [@zogstrip](#):
>
> Ok, the first pass is now live. Let me know what you think!

In theory, I really like it; the layout is nice and clean.

In practice, I found it very confusing, because there is not enough visual distinction between the two parts to say immediately that I’m looking at two separate and unconnected lists. I was expecting “latest” to show latest in each category (and yes, I had read this topic, but that is still how my brain interpreted the page).

---

<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年八月18日 17:45 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/56 "2016-08-18T17:45:25Z")

</div>

[This fixes](https://github.com/discourse/discourse/commit/96b6d342cc95007ff94fe6d18ea419aad10e9ade) most of the issues

> [@codinghorror](#):
>
> - ✅ Urgent bug that causes endless spinner when categories is set to homepage and you click the home button
> - ✅ Latest column should respect topic state for the current user (new, unread indicators, etc)
> - ✅ Post count should have heat colors applied based on like ratios
> - ✅ Add “show more” button at the bottom of latest column (I believe the 404 page has copy for this already, as a “More…” button.)
> - ✅ The topic count number in the categories panel should be a slightly larger font maybe 1.2em

What’s left

- Clicking or tapping on post count should bring up the top/bottom selector like it does in a regular topic list

---

<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年八月18日 18:40 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/57 "2016-08-18T18:40:52Z")

</div>

Looks good!

Nitpicky and a poweruser case only, but would it make sense for j/k shortcuts to work in the redesigned categories page, on some panel on that page?

Also, this is starting to look more and more like the project is converging on different home page panels per device - You’re dangerously close to having “latest” home on mobile and “categories + latest” home on larger media… 😉

---

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

</div>

Remember that virtually identical data is displayed on old and new categories page. The only real difference is, the latest category topics shown are no longer awkwardly divided by category.

edit: there was a serious regression on mobile categories, @zogstrip will look at it as soon as he can

---

<div class="post-metadata">

**Author:** ![lichtschlag](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lichtschlag/32/121657_2.png) [@lichtschlag](https://meta.discourse.org/u/lichtschlag)\
**Post date:** [2016年八月19日 11:55 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/59 "2016-08-19T11:55:23Z")

</div>

Loving your work on this feature!

I am in the process of prototyping how one “traditional” board can be migrated to Discourse. One of my biggest stumbling blocks is the “first screen experience” that people see when they land. The two column layout is a huge improvement in my opinion.

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

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.  
I’d love a bit more possibility to tinker, e.g., hide the post count column. I am sure this is not the first time you hear this.

---

<div class="post-metadata">

**Author:** ![TechnoBear](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/technobear/32/40546_2.png) [@TechnoBear](https://meta.discourse.org/u/TechnoBear)\
**Post date:** [2016年八月19日 12:29 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/60 "2016-08-19T12:29:59Z")

</div>

> [@awole20](#):
>
> Nitpicky and a poweruser case only, but would it make sense for j/k shortcuts to work in the redesigned categories page, on some panel on that page?

The current Category page has never worked with j/k shortcuts, so as long as the existing “Latest” page remains, we haven’t actually lost anything.

I agree it _would_ be nice to have j/knavigation on the categories page, but I disagree that it’s “nitpicky and a poweruser case only”; it’s an **accessibility** issue. ![](https://global.discourse-cdn.com/meta/original/3X/0/3/03590d98a359a447ce7713c78201cdb8a8cfdb6b.gif)

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

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