모바일 카테고리 페이지 레이아웃 재설계

안녕하세요,

제 포럼은 기본적으로 카테고리 + 최신 주제 홈 페이지를 사용하고 있습니다.

모바일에서 이 페이지가 매우 불편하게 느껴집니다.

최근 주제에 답글이 많으면, 해당 주제 줄이 화면보다 길어집니다 (첫 번째 스크린샷의 “오늘의 인용구 (비라이더로부터)” 줄을 참고하세요).

각 요소들의 높이가 모두 높아, 더 짧게 만들고 싶습니다.

현재 제가 다시 디자인한 모습은 다음과 같습니다. 또한, 주제 목록 아래가 아니라 메인 카테고리 아래에 하위 카테고리 목록을 배치하고, 주제 수를 카테고리 이름 옆으로 이동시켰습니다:

저는 디자이너가 아니므로(전혀), 피드백이나 조언을 주시면 감사하겠습니다.

2개의 좋아요

토픽 줄에 있는 합계를 좋아합니다. @awesomerobot

2개의 좋아요

분류 목록의 모바일 템플릿이 특정 Discourse 업데이트에서 변경된 것으로 보이며, 제가 템플릿을 오버라이드한 결과(이제는 구식이 된 코드를 사용 중) 더 이상 파싱되지 않는 코드가 남게 되었습니다. 예를 들어 {{i18n "reports.all_time"}}나 {{18n "all_time"}} 같은 코드가 그랬죠.

이를 어떻게 수정해야 할지 알 수 없어 결국 해당 정보를 제거했습니다.

하지만 제 모바일 템플릿은 오히려 더 좋아졌다고 느끼며, 이 통계 정보(총 게시글 수, 답변 수 등)는 카테고리 페이지의 모바일 보기에서 필요하지 않다고 생각합니다.

큰 변화는 없지만, 현재 모습은 다음과 같습니다:

이 결과에 만족하며, 다른 분들이 카테고리 모바일 페이지 보기를 개선하는 데 영감을 얻을 수 있기를 바랍니다. (많은 Discourse 페이지가 모바일에서 잘 표시되지만, 기본 카테고리 페이지는 제게 확실히 어색하게 느껴집니다.)

2개의 좋아요

모바일 카테고리 페이지가 좀 더 개선이 필요하다는 데에는 동의하지만, 아예 별도의 모바일 카테고리 레이아웃을 만들 가치가 있는지도 궁금합니다… 데스크톱과 모바일에 동일한 템플릿을 사용하고 반응형으로 만드는 것이 더 의미 있는 작업이 아닐까요? 다른 분들의 의견도 궁금합니다.

6개의 좋아요