# Redesigning the default category page

**URL:** https://meta.discourse.org/t/redesigning-the-default-category-page/46783
**Category:** UX
**Created:** [7월 4, 2016, 1:11오전 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783 "2016-07-04T01:11:06Z")
**Posts on this page:** 20
**Page:** 2

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [8월 10, 2016, 10:51오후 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/21 "2016-08-10T22:51:39Z")

</div>

> [@codinghorror](#):
>
> use the category color chip in the latest column to identify which category each topic is

I really don’t like it.

For **new users** that line have no-sense and I saw a lot of forums that are using the same color for the category and sub-categories or only for sub-categories

See:

> **[Hungry Onion](https://www.hungryonion.org/)**
>
> Hungry Onion - Thoughtful discussions among avid food lovers on eateries, cooking, and culinary culture

[Catégories - iunctis.fr](http://iunctis.fr/categories) (colors are similar for most categories)  
[http://discuss.cognitivejourneys.com/](http://discuss.cognitivejourneys.com/)  
[https://community.smartthings.com/](https://community.smartthings.com/)  
[https://discuss.codecademy.com/categories](https://discuss.codecademy.com/categories)

For old users in those forums is impossible understand the subcategories (for iunctis forum I think that they can’t distinguish most of the categories too).

I prefer if the categories and sub-categories are displayed like the tags are in Latest (under the title) with some size adjustment  
ONLY for the category page:  
 ![](https://global.discourse-cdn.com/meta/original/4X/c/2/0/c20d45caa02475c8df79ed9b5df9fd7547122d95.png)

---

<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월 10, 2016, 11:26오후 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/22 "2016-08-10T23:26:37Z")

</div>

> [@Trash](#):
>
> I really don’t like it.

I agree with trash here, I feel the chip add lots of visual noise and confusion especially if it shows up on two columns, would far prefer to use the proper category styling on latest list there.

---

<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월 10, 2016, 11:32오후 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/23 "2016-08-10T23:32:56Z")

</div>

Probably fine, I am saying we should re-use a renderer there rather than creating a new one.

---

<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: [8월 17, 2016, 12:54오후 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/24 "2016-08-17T12:54:40Z")

</div>

> [@codinghorror](#):
>
> use the category color chip in the latest column to identify which category each topic is

> **[WebAIM: Quick Reference - Web Accessibility Principles](https://webaim.org/resources/quickref/)**

> ###Do not rely on color alone to convey meaning

> - The use of color can enhance comprehension, but do not use color alone to convey information. Be especially cautious of red/green color combinations.
> - Make sure that color contrast is strong, especially between text and background.

> [WebAIM: Visual Disabilities - Color-blindness](http://webaim.org/articles/visual/colorblind)

---

<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월 17, 2016, 10:23오후 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/25 "2016-08-17T22:23:25Z")

</div>

Ok, the first pass is [now live](https://meta.discourse.org/categories). Let me know what you think!

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

---

<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: [8월 17, 2016, 10:27오후 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/26 "2016-08-17T22:27:04Z")

</div>

\<3 at first sight 🙂

PS: that should so be a shortcut for ❤

---

<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월 17, 2016, 10:28오후 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/27 "2016-08-17T22:28:12Z")

</div>

perhaps in the end of latest a link to “more latest topics”

also … can you do a few screens on how the looks if you only have 3 categories and how it looks if you have 200 ?

---

<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월 17, 2016, 10:28오후 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/28 "2016-08-17T22:28:57Z")

</div>

> [@sam](#):
>
> also … can you do a few screens on how the looks if you only have 3 categories and how it looks if you have 200 ?

There’s a new site setting `categories topics` which you can use to tweak the number of topics you want to show on this page.

---

<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월 17, 2016, 10:32오후 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/29 "2016-08-17T22:32:16Z")

</div>

> [@sam](#):
>
> perhaps in the end of latest a link to “more latest topics”

Oh yes this is a great idea!

---

<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: [8월 17, 2016, 10:40오후 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/30 "2016-08-17T22:40:38Z")

</div>

> [@zogstrip](#):
>
> the number of topics you want to show on this page.

The list should end with Show More, which just goes to the Latest view (autoscrolled to that point in the list, of course!) - EDIT, I see we are surrounded by Great Minds 😃

Meanwhile:

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

This is great though, regardless of any bikeshedding.

* * *

> [@Tom\_Newsom](#):
>
> Might it be wise to call this a new “Home” page so that people can continue using the “Legacy” categories page if that’s what they like?

I think this is important. The legacy view is useful in its own way and I suspect you’ll get some backlash if this new hybrid view replaces it.

---

<div class="post-metadata">

### Author: ![meglio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/meglio/32/71444_2.png) [@meglio](https://meta.discourse.org/u/meglio)
#### Post date: [8월 17, 2016, 10:47오후 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/31 "2016-08-17T22:47:53Z")

</div>

Will there be a setting to switch the left/right columns? For instance, I’d try them vice-versa.

* * *

_(just an idea)_ Also, when the “Latest” column is shown on the left, the auto-paging could be added as well, so that users can just keep scrolling down until they get interested in something. In this case, I’d say the page would look like a list of the Latest topics with a “table of content” floated to the right-top corner, e.g. like in some wikis.

---

<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월 17, 2016, 10:53오후 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/32 "2016-08-17T22:53:35Z")

</div>

Not a bad idea, but some sites have large images for their category definitions.

@zogstrip should the “Latest” column show new, unread, etc indicators that are specific to the current logged in user?

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [8월 17, 2016, 10:56오후 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/33 "2016-08-17T22:56:46Z")

</div>

Really good, I like it very much 👍

Is it possible make avatars a little smaller, something like 32x32 instead 45x45? When I see the new category page my eyes go to avatars immediately.  
I think the categories and the titles are the most important things in that page.

(Can’t stop to fix avatars. It’s a new drug!)

---

<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월 17, 2016, 11:28오후 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/34 "2016-08-17T23:28:25Z")

</div>

@zogstrip this is great! One thing I have noticed (as I’m current on Android, thus the site loads slower) is that the latest side of the screen loads independently of the category view. So, I see the header with loading animation below, followed by category on half of screen with loading animation on right.

Any way to make the screen wait until both halfs are ready before loading?

---

<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월 17, 2016, 11:32오후 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/35 "2016-08-17T23:32:14Z")

</div>

Why would we want to slow down the page? I think it’s correct to show categories first as we can, rather than arbitrarily waiting.

---

<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월 17, 2016, 11:34오후 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/36 "2016-08-17T23:34:54Z")

</div>

> [@codinghorror](#):
>
> Why would we want to slow down the page?

It just seems inconsistant. I can’t think of anywhere else in Discourse that parts of a view load while others are still loading. The closest analogy I can think of is infinate scrolling, but this seems much more noticible/odd.

---

<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: [8월 18, 2016, 2:31오전 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/37 "2016-08-18T02:31:40Z")

</div>

I think that the positioning of the unread and new topic counts is confusing because they appear in the Category column when there is a specific Topics column.

I notice that the OP screenshot doesn’t show topic stats outside the Topics column.

Why not move the topic stats and show subcategory stats in that same spot?

 ![](https://global.discourse-cdn.com/meta/original/3X/8/c/8ca22d828deb9630f306ddffa8ca559f64a04884.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: [8월 18, 2016, 4:06오전 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/38 "2016-08-18T04:06:47Z")

</div>

I really don’t like this page.😢

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

---

<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월 18, 2016, 6:52오전 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/39 "2016-08-18T06:52:28Z")

</div>

> [@deancheng](#):
>
> I really don’t like this page.😢

Care to be a bit more specific? The team can’t fix/improve things if they don’t know what’s wrong!

---

<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: [8월 18, 2016, 6:59오전 UTC](https://meta.discourse.org/t/redesigning-the-default-category-page/46783/40 "2016-08-18T06:59:41Z")

</div>

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.

[이전 페이지](https://meta.discourse.org/t/redesigning-the-default-category-page/46783.md?page=1)

[다음 페이지](https://meta.discourse.org/t/redesigning-the-default-category-page/46783.md?page=3)
