새로운 Discourse 사이트에 대한 피드백을 구합니다 ✨

안녕하세요!

먼저 몇 가지 말씀드릴게요:

  • 작업이 아직 완전히 끝나지 않았고, 등록도 아직 열려 있지 않습니다.

  • 모바일 페이지와 그 콘텐츠가 어떻게 표시되는지 완전히 확인하지는 못했습니다.

  • 더 많은 말을 하지 않을 건데, 제 웹사이트의 주요 목표는 이해하기 쉽게 만들고, 사이트의 주제나 Discourse에 익숙하지 않은 사람들을 환영하는 것이기 때문입니다. 어떤 주제에 대해 이야기하는지, 무엇을 할 수 있는지, 어떻게 탐색하는지 등을 알려주는 것이죠.
    일종의 초보자 친화적인 사이트라고 할 수 있지만, 포럼의 주제에 정통한 분들을 위한 것도 동시에입니다.

따라서 이름/설명, 디자인, 콘텐츠, 초보자 친화성(하지만 여기 있는 대부분은 Discourse를 매우 잘 아시므로 판단하기 어려울 수 있습니다 :grinning_face_with_smiling_eyes:) 등 어떤 의견이든 환영합니다.
또한 저는 영어를 모국어로 사용하지 않으므로, 일부 문장(예: head 메타 태그)이 이상하게 들린다면 편하게 말씀해 주세요!

https://skyoddities.com

18개의 좋아요

iPhone에서는 아무 문제 없이 잘 작동합니다.

다만, 스타일링에 관한 오래된 질문이 하나 있습니다.

처음 사용하는 사용자에게는 섬네일이 토픽 위에 있는지 아래에 있는지 완전히 명확하지 않을 수 있으므로, 토픽 메타의 끝과 다음 섬네일 사이에 조금 더 여백을 두는 것이 좋을 수 있습니다. 물론 이는 개인 취향에 따라 달라질 수 있는 부분입니다.

2개의 좋아요

저의 저광도 민감증(Scotopic Sensitivity Syndrome, 즉 Meares-Irlen 증후군)에 큰 영향을 줍니다. 저는 난독증을 앓고 있으며, 선택된 테마는 저에게 전혀 도움이 되지 않습니다. 현재 가입이 열려 있지 않아 더 도움이 되는, 즉 제가 여기와 다른 Discourse 인스턴스에서 사용하는 “라이트” 테마로 전환할 수 없습니다. 따라서 더 이상 코멘트를 남길 수 있는 부분이 많지 않습니다. 다만, iPad Air에서 모바일 뷰는 저에게 작동하지 않습니다. 너무 복잡합니다. 반면, 일반 뷰는 iPad Air와 MacBook Pro 모두에서 괜찮습니다.

3개의 좋아요

감사합니다! 저도 약간 신경 쓰이던 부분이었어요. 특히 긴 이미지의 경우 더 그랬습니다.

라이트 테마를 만들 예정입니다. 처음에는 이 곳에서 하지 않은 이유는, 화이트 배경에 밝은 파랑색처럼 라이트 테마와 잘 어울리지 않는 색상 카테고리를 선택했기 때문입니다. 따라서 이러한 색상 선택을 다시 평가해야 합니다.
그런데, 색상이 읽기 장애에 어떤 영향을 미치는지 좀 더 자세히 설명해 주실 수 있을까요? 예를 들어, 어두운 배경에 흰색 텍스트로 표시된 배너 링크 같은 경우요?

그것이 이미지 크기와 관련이 있나요?

피드백을 주셔서 감사합니다 :slight_smile:

1개의 좋아요

다른 사람이 의도한 것을 추측하기 시작하는 것은 항상 정말 위험하지만, 문제는 영어와 평이한 영어(text is english vs. plain english)의 차이와 비슷할 수 있습니다. (이것이 슬로우 프랑스와 같은 건가요?)

분산 요인이 너무 많고 요소들이 서로 너무 가깝게 배치되어 있습니다.

따라서 더 접근성 좋은 테마를 만들 계획이라면, 좋은 대비를 가지되 서로 너무 멀지 않고 차분한 색상을 세 가지 이상 사용하지 마세요. 또한 더 큰 글꼴을 사용해야 합니다. 이미지는 더 작게 설정해야 합니다. 그리고 모든 것을 더… 미니멀하게 만들어야 합니다.

하지만 제가 완전히 틀렸을 가능성도 큽니다.

1개의 좋아요

몇 가지 변경 사항을 적용했습니다.


데스크톱: 사이트 설정을 통해 전체적으로 텍스트 크기를 키웠고, 이미지가 웹사이트의 중요한 요소이므로 섬네일 크기도 약간 늘렸습니다.

답변, 조회수, 마지막 활동 부분의 레이아웃을 완전히 다르게 만들고 싶은데, 이를 제대로 구현하는 것이 꽤 어렵습니다… 이상적으로는 템플릿 변경이 필요할 것 같습니다.

현재 카테고리 페이지 레이아웃은 마음에 들지만, 텍스트를 좀 더 짧게 해야 할까요?


모바일: 섬네일 높이를 제한하고, 발췌문을 제거했으며, 각 주제를 더 명확하게 구분하기 위해 하단 여백과 구분선 경계를 추가했습니다.

구체적인 예시가 있나요?

3개의 좋아요

좋은 주제이고 재미있는 포럼 아이디어네요 :partying_face:

다만 모든 뷰에 주제 썸네일을 사용하는 건 그렇게 설득력이 있다고 생각하지 않습니다. 모호해 보이거든요: 회원들이 대화에 참여하기를 원하나요, 아니면 사진을 공유하기를 원하나요? 대화를 활성화하고 싶다면 썸네일이 목록 탐색을 더 어렵게 만듭니다. 또한 이미지가 있어야 한다는 요구사항은 새 주제를 시작하는 데 더 높은 장벽을 만듭니다.

두 가지 아이디어:

  • 이미지 전용 갤러리 카테고리를 만들고 태그로 정리하는 건 어떨까요?
  • 최근 테마에서는 주제 목록 썸네일 구성 요소를 사용했습니다. 하지만 특정 주제(„featured“로 태그된)만 강조되도록 커스텀 CSS를 추가했습니다. 이렇게 하면 전체 레이아웃에 더 자연스러운 흐름을 줄 수 있고, 일반 주제만 있는 경우에도 복잡해지지 않습니다:
3개의 좋아요

동의합니다. 중간 지점을 찾는 것이 어렵고, 확실히 100% 만족하지는 못하고 있습니다(물론 영원히 만족하지 못할 것이라는 것도 알고 있죠 :sweat_smile:).

문서화와 피드백 카테고리를 제외하고, 다른 모든 카테고리는 이미지를 포함하도록 설계되었습니다.
이 부분에 대해 Reddit과 유사한 동작을 구현하려는 것이 아이디어이지만, 솔직히 사람들이 얼마나 댓글을 달지 잘 모르겠습니다.
Reddit의 해당 서브레딧(Reddit)은 대기 광학 현상에만 초점을 맞추고 있습니다. 제 웹사이트도 이에 초점을 맞추고 있지만, 다른 대기 현상도 허용합니다.
Reddit에서는 사람들이 현상이 무엇인지 모른 채 사진을 게시하거나 잘못 식별하는 경우가 있으며, 사람들은 종종 댓글을 달아 정보를 추가하거나 수정합니다, 그리고 올바른 태그가 적용됩니다. 하지만 다시 말하지만, 다른 서브레딧에서의 제안, 크로스포스팅 등으로 인해… 이러한 현상에 익숙하지 않은 많은 사람들이 이 서브레딧의 주제에 우연히 도달하여 보는 것에 대해 약간 혼란을 겪을 수 있습니다.

그렇게 생각해 봤지만, 제 웹사이트가 교육적인 목적을 가지고 있기 때문에, 현상의 각 카테고리(얼음 결정 광환, 특이한 구름 등)마다 카테고리를 두는 것 + 각 카테고리에 대한 태그를 사용하는 것이 가장 좋은 방법인 것 같습니다. 전용 갤러리를 하나만 두면 너무 혼란스러울 것 같네요… :person_shrugging:

전체적으로 어떻게 보이는지 볼 수 있는 이 포럼에 대한 링크가 있으신가요?

2개의 좋아요

여기서 featured 주제와 비featured 주제의 처리 방식은 어떻게 다른가요? 썸네일이 있는 경우와 없는 경우의 차이인가요?

Canapin은 Topic List Previews를 사용하고 있습니다. 이는 원래의 썸네일 플러그인입니다. 썸네일을 포함하지 않으면 이미 썸네일이 없는 것과 유사한 효과를 얻게 됩니다(기본 이미지 옵션을 선택하고 기본 이미지를 제공한 경우를 제외하고).

2개의 좋아요

아니요, 그 예시에서는 피처드 항목도 제목과 발췌문을 전체 폭으로 표시하지만, 아바타와 토픽 통계는 표시하지 않습니다. 그 아이디어는 일반 토픽이 커뮤니티 토론에 초점을 맞추는 반면, 피처드 항목은 팀의 블로그 게시물이나 업데이트에 더 가깝다는 것입니다.

하지만 네, 그게 사용 중인 사용자 컴포넌트라는 걸 놓쳤네요. 이미 기본적으로 더 유연한 레이아웃을 지원하니까요!

2개의 좋아요

문제가 아닙니다.

사실 이 주제는 특정 최종 목표를 위해 썸네일 개수와 배치 방식을 어떻게 결정해야 지나치게 부담스럽지 않을지에 대한 매우 흥미로운 논의로 발전했습니다.

또한 주제 목록 미리보기(Topic List Previews)에 포함된 선택 사항인 대표 이미지 캐러셀이 있으며, 이는 주제 목록 위 스트립에 표시됩니다. 공식 테마 구성 요소(Theme Components)에도 이와 유사한 기능이 있습니다.

다른 옵션으로는 왼쪽과/또는 오른쪽 사이드바와 단일 열 타일 컬럼을 사용하는 것이 있습니다(사이드바 없이 모바일에서도 표시됩니다). 썸네일 비율을 유지하려면 타일이 너무 넓으면 크기가 과도해지므로 주의가 필요합니다.

3개의 좋아요

2개의 게시글이 새 주제 Multiple View Options로 분리되었습니다.

개인적으로 폰트가 좀 이상해 보입니다. 그 외에는 꽤 정상적인 것 같아요.

또한 이 가운데 정렬에 대해서는 어떻게 느껴야 할지 확신이 서지 않습니다.

2개의 좋아요