사용자 메뉴 탭 레이아웃 개선

이 문제에 대해 많이 생각해 보았는데, 동의할 수밖에 없습니다. 이 주제를 작성했을 당시에는 실제 사용자 경험보다는 미적인 측면에만 집중하고 있었습니다. 2열 아이콘 박스가 훨씬 더 보기 좋긴 하지만, 일관성 부족과 가독성 문제 때문에 모바일에서만 변경하는 것이 가치가 있는지 확신이 서지 않습니다. :sweat:

여기서 해결해야 할 유일한 문제가 모바일의 작은 클릭 영역이라면, 박스 크기를 고정된 비율(스크린샷처럼 크게)로만 늘리고 레이아웃은 그대로 유지하는 것이 간단할 수 있습니다:

6개의 좋아요

@rishabh, 이 UI 관련 우려를 제기해 주셔서 감사합니다.

대화에 다른 관점을 추가하고 싶었습니다. 3년간 여행 컨설턴트로 활동하며 모바일에만 의존해 왔고, 올해에야 비로소 데스크톱으로 돌아왔습니다. 제가 자리를 비운 동안 브라우저의 UX가 얼마나 발전했는지 놀랐습니다. 모바일에서는 전용 모바일 인터페이스를 갖춘 앱만 사용했고, 훌륭한 UX를 위해 데스크톱의 일부 기능을 포기하는 것도 마다하지 않았습니다. 지금은 둘 다 사용하지만, 달성하려는 목적에 맞게 사용 방식을 조절합니다.

제가 전달하고자 하는 핵심은 모바일과 데스크톱이 사용자에게 각기 다른 UX를 제공한다는 점입니다. 획일적인 디자인은 사용자에게 더 나쁜 UX를 초래할 수 있습니다. @codinghorror와 @sam의 의견에 동의하며, 모바일 UI가 초점이어야 하고, 모바일에서 더 나은 UX를 위해 큰 아이콘을 사용하는 초기 제안이 올바른 방향이라고 생각합니다. @awesomerobot의 목업도 훌륭해 보입니다! 화면 공간을 최대한 활용하여 CTA(행동 유도 요소)의 편의성을 높이고 시각적으로도 만족감을 주면, 모바일 사용자로 하여금 언제든 투표하게 만들 수 있을 것입니다.

데스크톱과 모바일에서 UI의 통일성 제약을 완화했을 때 팀의 상상력이 어떤 결과를 만들어낼지 흥미로울 것입니다. 이를 통해 데스크톱/노트북이 없는 모바일 사용자에게도 Discourse를 소개할 수 있을 것입니다. 동남아시아에는 노트북이나 데스크톱 없이 최대 3대의 모바일 기기를 가진 젊은 세대가 많습니다.

2개의 좋아요

저도 이 문제를 다시 다뤄야 한다고 생각해요, @awesomerobot. 다만 우선순위는 낮게… 제 생각엔 목업에 꽤 많은 장점이 있어요.

7개의 좋아요

이 주제에서 몇 가지 좋은 점이 언급되었으니, 아주 간단하게 시작해 보겠습니다:

이것은 곧 Meta에서 라이브로 배포될 예정입니다:

7개의 좋아요

여전히 공간이 낭비되고 있는 것 같은데요?

지금까지 한 일이 더 큰 상자를 만든 것뿐이고, 글자는 여전히 왼쪽에 배치되어 있으니까요.

1개의 좋아요

사실 다시 생각해보면 나쁘지 않아요. 사진으로는 좀 다르게 보이지만, 실제로 보거나 사용해보면 괜찮거든요.

3개의 좋아요