モバイルでのカテゴリページレイアウトの再作業

こんにちは、

私のフォーラムは、デフォルトで「カテゴリ+最新トピック」のホームページを使用しています。

モバイル端末では、このページがあまり実用的ではないと感じています。

最近のトピックに返信が多すぎると、トピック行が画面幅を超えてしまいます(1枚目のスクリーンショットの「Quote of the day (from non-riders)」の行を参照してください)。
各要素の高さが大きすぎるため、もっと短くしたいと考えています。

以下が現在の再設計のイメージです。また、トピック数をカテゴリ名の隣に移動し、サブカテゴリリストをトピックリストの下ではなく、メインカテゴリの下に配置しました。

私は(全く)デザイナーではありませんので、フィードバックやアドバイスがあれば大変ありがたいです。

「いいね!」 2

トピック行の合計が気に入っています cc @awesomerobot

「いいね!」 2

カテゴリ一覧のモバイル用テンプレートが、特定できない Discourse のアップデートで変更されたため、また私がテンプレートを上書きしていた(現在は古くなったコードを使用していた)ため、{{i18n "reports.all_time"}}{{18n "all_time"}} のような、もう解析されないコードが残ってしまいました。

これをどう修正すればよいか分からなかったため、結局この情報を削除することにしました。

しかし、私のモバイル用テンプレートは以前よりも見栄えが良くなり、カテゴリページのモバイル表示では総投稿数や返信数といった統計情報は不要だと感じています。

大きな変更はありませんが、現在の様子は以下の通りです:

この結果には満足しており、この変更が他の人々にもインスピレーションを与え、カテゴリのモバイルページ表示を改善してくれることを願っています(多くの Discourse ページはモバイル端末で見やすく表示されますが、デフォルトのカテゴリページは私には明らかに「違和感」があります)。

「いいね!」 2

モバイルカテゴリページは改善の余地があることに同意しますが、そもそも特別なモバイルカテゴリレイアウトを持つ価値があるのか疑問です。デスクトップとモバイルで同じテンプレートを使い、レスポンシブデザインにすることはできないでしょうか?私にはこちらの方が価値があるように思えますが、他の皆さんの意見も聞かせてください。

「いいね!」 6