모바일/데스크톱 모드 자동 전환 개선

과거에 Discourse는 모바일과 데스크톱을 위한 두 가지 서로 다른 뷰를 가지고 있었습니다. 수년에 걸쳐 이러한 뷰들은 더 현대적인 뷰포트 폭 기반 설계로 수렴하는 경향을 보였습니다. 이러한 현대적인 패턴은 여기에 문서화되어 있습니다.

최신 버전의 Discourse에서는 사용자 에이전트 기반의 모바일/데스크톱 모드 감지를 제거하고, 순수하게 뷰포트 폭 기반의 솔루션으로 대체했습니다. 이는 사용자와 개발자 모두에게 훨씬 더 직관적인 경험을 제공할 것입니다. 특히, 기존 두 모드 중 어느 쪽에도 완전히 맞지 않았던 태블릿 사용자에게 상당한 개선이 될 것입니다.

템플릿/JS에서 mobileView/desktopView를 참조하거나 CSS에서 .mobile-view/.desktop-view를 사용하는 기존 코드는 계속 작동합니다. 이러한 JS 불리언 값과 CSS 클래스는 이제 브라우저의 폭에 따라 자동으로 변경됩니다.

마찬가지로, 전용 모바일/데스크톱 스타일시트는 이제 media= 속성과 함께 로드되므로, 특정 뷰포트 폭에만 적용됩니다.

요약하자면, "모바일 모드"는 이제 "브라우저 폭이 40rem 미만인 경우"의 별칭입니다.

처음에는 “뷰포트 기반 모바일 모드” 사이트 설정을 false로 전환하여 이 변경 사항을 되돌릴 수 있습니다. 그러나 이 설정은 가까운 장래에 제거될 예정입니다. 따라서 이 설정이 필요하다고 느끼는 경우, 그 이유를 알려 주시기 바랍니다.

항상 그렇듯이, 질문이나 피드백이 있으시면 아래에 남겨 주시기 바랍니다.

최근 업데이트에서 접이식 스마트폰이 접혀 있을 때 모바일 화면, 완전히 펼쳐졌을 때 데스크톱 화면이 표시되므로 선택을 해제해야 했습니다.

폴더블 폰은 이 변경 사항을 도입한 이유 중 하나입니다. 다른 곳에서 받은 피드백에 따르면, 폴더블 폰은 펼쳐졌을 때 화면에 더 많은 내용을 표시해야 합니다. 해당 상태에서 ‘데스크톱 뷰’를 표시하는 것은 의도된 것입니다.

폰을 펼쳤을 때 제대로 작동하지 않았던 특정 UI 부분이 있었나요?

글자 크기가 작아지고, 스레드나 카테고리를 클릭할 때 모바일에서는 해당 행의 아무 곳이나 탭하면 되지만 데스크톱에서는 텍스트를 직접 탭해야 합니다. 또한 메뉴가 모바일에서는 드롭다운으로 표시되지만 데스크톱에서는 화면 왼쪽의 1/3을 차지하게 되어 화면 크기가 커진 데 따른 이점을 상쇄합니다. 여기서는 몇 가지만 떠올린 것일 뿐입니다. 태블릿 사용자를 대상으로 더 많은 사용자 피드백을 수집하겠습니다.

가장 최신 버전으로 업데이트한 직후 사용자들의 불만이 쏟아지기 시작했는데, viewport based mobile mode 관리자 설정을 해제해야 한다는 사실을 알게 되었습니다. 저희 커뮤니티의 기존 회원 중 상당수가 카테고리로 주제를 보고 싶어 하므로, ?mobile_view=1로 이동하는 내비게이션 링크를 제공하고 있습니다. 관리자 설정이 제거되면 이 옵션을 제공할 수 있는 방법이 있을까요?

viewport based mobile mode 설정은 곧 제거될 예정이며, ?mobile_view=1은 더 이상 작동하지 않게 됩니다. 따라서 사용자들로부터 좀 더 구체적인 피드백을 수집하거나(또는 여기로 유도하여 공유하게 하거나) 하면 좋겠습니다.

그 일을 위해 모바일 모드가 왜 필요한가요? /categories로 링크를 걸어줄 수는 없나요? :thinking:

이미 그렇게 설정되어 있지 않다면, 사이트의 Desktop category page styleCategories with featured topics으로 설정하면 모바일 카테고리 뷰와 가장 유사한 레이아웃(각 카테고리에 몇 가지 주제를 표시)을 사용할 수 있습니다.

개인은 계정 설정 /my/preferences/interface으로 이동하여 “Default home page” 설정을 categories로 변경할 수도 있습니다.

사이트 레이아웃은 직관적이어야 합니다. 관리자로서 사용자를 특정 페이지로 유도할 필요가 없고, 사용자가 스스로 해당 페이지를 찾아갈 수 있어야 합니다. 하지만 인간은 묘하게도 익숙한 방식 그대로를 선호하죠.

정확한 이유는 잘 모르겠지만, 이 변경 사항은 매우 서두른 것 같습니다. 지난 몇 주 사이에 모든 사람에게 강제로 적용되었거든요. '곧’은 대체 언제를 의미하는 건가요?

변화는 있을 수 있다고 이해합니다. 하지만 수년간 사이트를 일관성 있게 유지해 온 기능을 비활성화할 수 있는 체크박스를 우리에게 제공하면서 "꺼야 할 필요가 있다면 Meta에서 알려주세요"라고 한다면, 해당 기능을 제거하려는 의도와 일치하지 않는 피드백을 받을 수 있다는 점을 예상해야 합니다.

휴대폰을 접은 상태와 펼친 상태 간에 사용자 인터페이스가 일관되어야 합니다. 저는 답장을 입력하거나 더 큰 이미지를 보기 위해 실제로 휴대폰을 펼치는데, 이제 사이트와 상호작용하는 방식이 달라져 버렸습니다.

지난 업데이트에서 관리자 설정에서 비활성화된 마크다운 편집기가 다시 활성화된 것에 대해 사용자들로부터 받은 비난까지 언급하기는 싫습니다. 정말로 말입니다.

과부하를 줄이려는 목적이라고 생각합니다. 기밀 정보를 다루고 있어 포럼을 스크린샷으로 찍을 수는 없지만, 데스크톱 뷰의 Categories with featured topics 모드에는 모바일 뷰의 카테고리 페이지보다 훨씬 더 많은 불필요한 요소가 있는 것 같습니다.

데이비드, 참고로 폴더블 폰과 관련된 Viewport based mobile mode 설정이 여기서 언급되었습니다(특히 Horizon 테마와 관련됨):

설정 설명에는 해당 설정이 어떤 이유로든 비활성화되어야 하는 경우 여기에 게시물을 남기도록 하는 링크가 있습니다.

감사합니다! 솔직히 말해서, 해당 설정을 제거하는 작업이 이미 많이 지체된 상태입니다. 현재 우리의 모든 디자인 작업은 이 설정이 활성화된 상태로 유지된다는 전제 하에 이루어지고 있으며, 설정이 꺼지면 다양한 버그가 발생할 것이라고 확신합니다.

해당 지평선 문제의 경우, 이 설정에 손대지 않고 수정할 수 있도록 노력해 보겠습니다.

레거시 모바일 모드가 이제 제거되었습니다