# 모바일용 데스크톱 뷰 개선

**URL:** https://meta.discourse.org/t/improve-desktop-view-for-mobile/326474
**Category:** UX
**Created:** [9월 14, 2024, 4:49오전 UTC](https://meta.discourse.org/t/improve-desktop-view-for-mobile/326474 "2024-09-14T04:49:17Z")
**Posts on this page:** 16
**Page:** 1

<div class="post-metadata">

### Author: ![darkpixlz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/darkpixlz/32/549896_2.png) [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [9월 14, 2024, 4:49오전 UTC](https://meta.discourse.org/t/improve-desktop-view-for-mobile/326474/1 "2024-09-14T04:49:17Z")

</div>

안녕하세요,

저는 “모바일 퍼스트” 디자인을 별로 좋아하지 않아서, 가능할 때마다 데스크톱 레이아웃과 더 작은 글꼴을 사용합니다.  
보통은 잘 작동하지만, Discourse에서는 좀 부족한 느낌이 듭니다. 예를 들어, “게시물/답글” 버튼은 아예 접근할 수조차 없습니다:

 ![IMG_2004](https://global.discourse-cdn.com/meta/original/4X/e/2/3/e23030c0a9fda655ac427056958f410af6630dee.png)

일부 카테고리 뷰는 최악입니다 (사진 속 [devforum.roblox.com](http://devforum.roblox.com))

 ![IMG_2005](https://global.discourse-cdn.com/meta/original/4X/b/d/b/bdb08beb21b11cf2d01bbbb3c9323a8434ea1c67.jpeg)

컴포저(Composer)는 거의 완전히 깨져 있습니다.

  
 ![IMG_2007](https://global.discourse-cdn.com/meta/original/4X/a/c/7/ac77ad3b65af21c04da617cb94746c4b6904b90c.jpeg)

… 이 외에도 몇 가지 버그가 있어 사용하고자 하는 마음이 들기 어렵습니다. 실제로 사용 옵션이 있는 만큼, 더 반응형(responsive)으로 개선되어 더 쾌적하게 작동하는 모습을 보고 싶습니다.

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [9월 14, 2024, 8:18오후 UTC](https://meta.discourse.org/t/improve-desktop-view-for-mobile/326474/2 "2024-09-14T20:18:22Z")

</div>

동의합니다. 이 부분에 대해 제 아이디어가 있습니다.

안드로이드/iOS에서 영감을 받아 보는 건 어떨까요?

제 아이디어는 이렇습니다. Modern Category Boxes+ Groups를 기본 개념으로 활용하는 것입니다.

홈 화면에 알림 배지가 있는 카테고리 아이콘을 배치합니다.

- 카테고리 이미지 위에 숫자 카운트가 표시된 알림 배지.
- 카테고리 이미지를 클릭하면 해당 카테고리로 이동.
- 카테고리 이미지 아래에 카테고리 이름 표시. SVG를 사용할 수도 있습니다(?). 카테고리 이름을 클릭하면 카테고리 설명이 팝업으로 표시됩니다.

Groups를 사용하면 카테고리들을 그룹 이름 아래에 정리해 둘 수 있습니다. 화면 크기에 따라 카테고리 아이콘을 한 줄에 2~3개씩 그리드 형태로 배치하고, 태블릿의 경우 최대 4개까지 늘리는 것도 가능할 것 같습니다.

배경으로 배경화면 이미지를 사용할 수 있는 옵션을 추가합니다.

---

<div class="post-metadata">

### Author: ![darkpixlz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/darkpixlz/32/549896_2.png) [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [9월 14, 2024, 8:21오후 UTC](https://meta.discourse.org/t/improve-desktop-view-for-mobile/326474/3 "2024-09-14T20:21:25Z")

</div>

> [@Heliosurge](#):
>
> 배경으로 벽지 이미지를 사용할 수 있는 옵션을 추가해 주세요.

이런 기능은 멋질 수 있지만, 제3자 앱이나 DiscourseHub 앱이 아닌 한 공식적으로 구현되기는 어려울 것 같아요. 이들은 공식적으로 그런 기능을 원하지 않을 가능성이 큽니다. 다만 이 요청은 데스크톱 뷰의 문제를 수정해 달라는 것입니다.

---

<div class="post-metadata">

### Author: ![MarcP](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/marcp/32/160184_2.png) [@MarcP](https://meta.discourse.org/u/MarcP)
#### Post date: [9월 14, 2024, 9:14오후 UTC](https://meta.discourse.org/t/improve-desktop-view-for-mobile/326474/4 "2024-09-14T21:14:42Z")

</div>

> [@darkpixlz](#):
>
> 이것은 보통 잘 작동하지만, Discourse에서는 약간 부족하게 느껴집니다.

Discourse와 같은 복잡한 소프트웨어의 데스크톱 버전을 작은 모바일 화면에서 사용할 때 무엇을 기대할 수 있는지 확실하지 않습니다 😄

**데스크톱** 버전이 모바일에 최적화되기를 가정(또는 요청)하는 것이 적절할까요? 제가 틀린 것이라면 죄송합니다만, 제 생각에는 전혀 맞지 않는 것 같습니다 - 제 주관적인 의견입니다.

---

<div class="post-metadata">

### Author: ![darkpixlz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/darkpixlz/32/549896_2.png) [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [9월 14, 2024, 9:27오후 UTC](https://meta.discourse.org/t/improve-desktop-view-for-mobile/326474/5 "2024-09-14T21:27:28Z")

</div>

> [@MarcP](#):
>
> **데스크톱** 버전이 모바일에 최적화되기를 요구(또는 기대)하는 것이 공정한가요?

개인적으로는 네, 그런 옵션이 존재하니까요. 더 나은 레이아웃을 가지는 것은 좋지만, 작성창(composer)이 깨져서 사용할 수 없게 되는 것은 별로 좋지 않습니다.

---

<div class="post-metadata">

### Author: ![MarcP](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/marcp/32/160184_2.png) [@MarcP](https://meta.discourse.org/u/MarcP)
#### Post date: [9월 14, 2024, 9:35오후 UTC](https://meta.discourse.org/t/improve-desktop-view-for-mobile/326474/6 "2024-09-14T21:35:01Z")

</div>

> [@darkpixlz](#):
>
> 개인적으로, 해당 옵션이 존재하기 때문에 그렇다고 생각합니다.

어떤 이유로든 자동화된 기기 감지가 실패할 경우에 대비해 토글이 존재한다고 생각합니다.

팀의 입장에 대해서는 이 주제와 유사한 내용을 참고해 주세요:

> [@모바일에서 데스크톱 뷰로 메시지를 게시할 수 없음](https://meta.discourse.org/t/cant-post-message-using-desktop-view-on-mobile/268462/2?u=marcp):
>
> You’re not meant to use desktop view on mobile, this is why we have a mobile view

---

<div class="post-metadata">

### Author: ![darkpixlz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/darkpixlz/32/549896_2.png) [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [9월 14, 2024, 9:36오후 UTC](https://meta.discourse.org/t/improve-desktop-view-for-mobile/326474/7 "2024-09-14T21:36:40Z")

</div>

그러면… 제 문제가 해결되길 바라며 이 스레드를 남겨둘게요. 모바일에서도 레이아웃이 더 편리하니까요. 안 되면 🤷‍♂️

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [9월 14, 2024, 9:39오후 UTC](https://meta.discourse.org/t/improve-desktop-view-for-mobile/326474/8 "2024-09-14T21:39:54Z")

</div>

> [@darkpixlz](#):
>
> 이런 것들이 멋있을 수는 있겠지만, 제3자 앱이나 DiscourseHub 앱에서 구현되지 않는 한 실현되리라곤 보지 않습니다. 하지만 그들은 공식적으로 그런 걸 원하지 않을 가능성이 큽니다. 이건 그냥 데스크톱 뷰의 문제점을 해결해 달라는 요청일 뿐이거든요.

음, 별도의 앱은 생각하지 않고 있어요. 더더욱 테마 컴포넌트 쪽이죠.

저는 모바일을 엄격하게만 사용하는데, 전반적으로 인터페이스가 그렇게 나쁘다고는 생각하지 않습니다. 다만 최근 CSS 편집기나 폼 템플릿 같은 곳에서 키보드 관련 문제가 생기고 있긴 하죠.

하지만 그렇습니다, 좀 이상한 깨짐 현상들이 있긴 해요.

그러면 모바일용으로 사용되는 기본 골격을 더 노리고 계신 건가요?

아니면 모바일에서 데스크톱 뷰를 사용하시는 건가요?

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [9월 14, 2024, 9:41오후 UTC](https://meta.discourse.org/t/improve-desktop-view-for-mobile/326474/9 "2024-09-14T21:41:16Z")

</div>

g8에서 데스크톱 뷰를 사용했고, 여전히 새 주제, 답변 등을 게시했습니다. 경험이 좋지 않았습니다. 하지만 제 기기에서는 어느 정도 잘 작동합니다.

그런데 Chris(훌륭한 봇)가 말한 내용은 완벽하게 타당합니다. 데스크톱은 모바일에서 사용하는 것을 염두에 두고 설계된 것이 아니니까요.

---

<div class="post-metadata">

### Author: ![MarcP](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/marcp/32/160184_2.png) [@MarcP](https://meta.discourse.org/u/MarcP)
#### Post date: [9월 14, 2024, 9:49오후 UTC](https://meta.discourse.org/t/improve-desktop-view-for-mobile/326474/10 "2024-09-14T21:49:20Z")

</div>

솔직히 개발자 입장에서 데스크톱 버전을 모바일용으로 최적화하거나 그 반대의 경우를 생각하면 악몽 같은 일이 아닐 수 없습니다.

아마도 이 주제는 모바일에서 데스크톱 버전을 선호하는 이유가 무엇인지, 그리고 모바일 기기에서 모바일 뷰를 사용할 때 좋은 경험을 제공하기 위해 Discourse가 무엇을 변경해야 하는지에 초점을 맞춰야 하지 않을까요?

_참고로 팀 여러분, Meta에서 저희에게 제공되던 proofread(또는 일반적인 AI 헬퍼)는 어디로 사라졌나요?_

---

<div class="post-metadata">

### Author: ![darkpixlz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/darkpixlz/32/549896_2.png) [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [9월 14, 2024, 10:58오후 UTC](https://meta.discourse.org/t/improve-desktop-view-for-mobile/326474/11 "2024-09-14T22:58:44Z")

</div>

> [@MarcP](#):
>
> 아마도 이 주제는 모바일 기기에서 데스크톱 버전을 선호하는 이유가 무엇인지, 그리고 Discourse가 모바일 기기에서 모바일 뷰를 사용할 때 좋은 경험을 제공하기 위해 무엇을 변경해야 하는지에 관한 것이어야 할 것입니다.

좋은 지적입니다. 개인적으로는 아바타와 압축되지 않은 프로필을 선호하지만, 이로 인해 텍스트가 훨씬 작아지는 점은 (사람들이 싫어할 수 있는 부분)입니다.

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [9월 15, 2024, 6:42오전 UTC](https://meta.discourse.org/t/improve-desktop-view-for-mobile/326474/12 "2024-09-15T06:42:47Z")

</div>

> [@MarcP](#):
>
> 참고로 팀원 여러분, 메타에서 우리 팀의 교정(또는 일반적인 AI 도우미)은 어디로 갔나요?

저는 팀원이 아니지만, 이는 툴바의 AI 버튼에서 나온 것입니다.

(그리고 그건 제가 쓴 '핑글리시’를 읽어야 한다는 뜻이기도 합니다. 여전히 iPad에서는 작성 창 뒤에 열리거든요(

---

<div class="post-metadata">

### Author: ![darkpixlz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/darkpixlz/32/549896_2.png) [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [9월 15, 2024, 7:01오전 UTC](https://meta.discourse.org/t/improve-desktop-view-for-mobile/326474/13 "2024-09-15T07:01:46Z")

</div>

이 메뉴가 시간이 지나면서 얼마나 어지러워졌는지 몰랐습니다. 더 나은 해결책이 무엇인지는 모르겠지만, 하나의 메뉴에 항목이 너무 많습니다.

 ![IMG_2013](https://global.discourse-cdn.com/meta/original/4X/7/e/a/7eae0ab30c3778841a0f597dcb5edcf8dd0ea840.jpeg)

---

<div class="post-metadata">

### Author: ![MarcP](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/marcp/32/160184_2.png) [@MarcP](https://meta.discourse.org/u/MarcP)
#### Post date: [9월 15, 2024, 10:13오전 UTC](https://meta.discourse.org/t/improve-desktop-view-for-mobile/326474/14 "2024-09-15T10:13:15Z")

</div>

> [@Jagster](#):
>
> 저는 팀원이 아니지만, 툴바의 AI 버튼에서 나오는 것입니다.

저는 이것이 보이지 않아서 언급한 것입니다.

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [9월 15, 2024, 11:28오전 UTC](https://meta.discourse.org/t/improve-desktop-view-for-mobile/326474/15 "2024-09-15T11:28:12Z")

</div>

여기에 표시되지 않으면 버그입니다. 당신과 관련해서라면 TL 문제라고 생각하지 않습니다.

 ![This image appears to be a screenshot of a web-based chat interface, possibly a chatbot or a messaging platform. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/2/d/7/2d72161df93c07f4dc89c7632d6bf22554db13e9.jpeg)

물론 다른 곳에서도 볼 수 없다면 해당 포럼이 업데이트가 필요합니다.

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [9월 15, 2024, 11:51오전 UTC](https://meta.discourse.org/t/improve-desktop-view-for-mobile/326474/16 "2024-09-15T11:51:49Z")

</div>

장비 메뉴에 너무 많은 기능이 억지로 들어간 것 같습니다. 제 생각에는 드롭다운 메뉴를 몇 개 나누면 좋겠습니다.

예를 들어

- 모바일에서는 폰트 스타일 드롭다운 메뉴에 굵게, 기울임, 아랫줄, 윗줄, 밑줄, 취소선을 넣을 수 있습니다.
- 단락 형식 드롭다운 메뉴에는 오른쪽 정렬, 가운데 정렬 등을 포함하고, 플로트(부유) 기능도 추가할 수 있습니다.

이런 식으로 특정 항목들을 드롭다운 메뉴로 묶고, 자주 사용하는 기능은 바로 접근할 수 있도록 배치하는 것입니다. 이에 대한 고민과 공동의 의견이 필요할 것입니다. 하지만 Md extras 및 서식 도구 모음과 같은 기능 요청 사항으로, 각 사이트가 원하는 대로 레이아웃을 변경할 수 있는 작성자 메뉴 편집기를 추가하는 아이디어가 될 수도 있습니다.
