移动端分类页面布局改版

你好,

我的论坛默认使用“分类 + 最新主题”作为主页。

在移动设备上,我觉得这个页面不太实用。

如果某个近期主题有很多回复,该主题的显示行会超出屏幕宽度(参见第一张截图中的“每日引用(来自非骑行者)”一行)。
各个元素都显得过高,我希望它们能更紧凑一些。

这是我目前的重新设计效果。我还将主题数量移到了分类名称旁边,并将子分类列表移至主分类下方,而不是主题列表下方:

我完全不是设计师,非常感谢您的任何反馈或建议。

2 个赞

我确实喜欢主题行上的总数,cc @awesomerobot

2 个赞

由于在某个未明确的 Discourse 更新中,分类列表的移动模板被更改,而我覆盖了该模板(其中使用了现已过时的代码),导致我得到了一些无法再被解析的代码,例如 {{i18n "reports.all_time"}}{{18n "all_time"}}
我无法找到修复方法,因此最终选择移除了这些信息。

不过,我觉得我的移动模板看起来更加美观,而且这些统计信息(总帖子数、回复数等)在分类页面的移动视图中其实并不需要。

变化不大,但现在的效果如下:

我对这个结果很满意,并希望它能激励其他人去优化分类页面的移动视图(许多 Discourse 页面在手机上显示效果很好,但默认的类别页面在我看来确实有些不协调)。

2 个赞

我同意移动端分类页面确实需要一些改进,但我也在想,是否真的有必要为移动端设计专门的分类布局……我们是否应该为桌面端和移动端使用相同的模板,并确保它们具有响应式设计?在我看来,这似乎更有价值……但我也很想听听其他人的看法。

6 个赞