piffy
7월 7, 2024, 3:19오후
1
데스크톱에서 사용자 페이지에 접속하면 다음과 같은 버튼이 표시됩니다:
그리고 아래에 옵션들이 있습니다.
모바일에서는 사용자 페이지가 다음과 같이 레이아웃됩니다. 어디에도 관리자용 렌치 버튼이 보이지 않습니다.
아이콘을 실제로 드래그해야만 버튼이 나타납니다.
주요 문제는 두 가지입니다.
뚜렷한 이유 없이 데스크톱과 모바일 간의 일관성이 없습니다.
아이콘이 가로로 스크롤될 수 있다는 표시가 없습니다(제 화면에서는 옵션이 하나만 더 나타납니다).
이것은 단순한 이론적인 UX 문제가 아닙니다. 제 사이트의 다른 관리자가 이 곳에서 사용자/관리자 버튼을 찾지 못했습니다. 이 영역이 현재 적극적으로 개발되고 있는지 확실하지 않지만, 현재 상태에서는 UX를 개선할 여지가 있습니다.
3개의 좋아요
Moin
7월 7, 2024, 3:33오후
2
이것은 모든 사용자에게 영향을 미치는 문제입니다. 설정 화면에서 추가 메뉴를 스크롤할 수 있다는 사실을 알아차리기가 꽤 어려울 수 있습니다.
데스크톱 뷰에서는 표시기가 있습니다:
이 표시기를 모바일 모드에서도 표시할 수 있도록 하면 어떨까요.
1개의 좋아요
Lilly
(Lillian )
7월 7, 2024, 3:39오후
3
기기나 테마에 따라 달라질 수 있습니다. 저는 렌치 아이콘을 보려면 스크롤할 필요가 없거든요. 제 iPhone 15 Pro Max에서는:
가로 스크롤은 어색하고, 실제 스크롤 바가 눈에 보이지 않는 한 직관적이지 않다는 점에는 동의합니다. 저는 공간을 절약하기 위해 메뉴에 드롭다운 선택기를 더 선호하지만, 너무 많이 사용하면 UI에 불리함이 생길 수도 있습니다.
3개의 좋아요
Heliosurge
(Dan DeMontmorency)
7월 7, 2024, 8:32오후
5
제 Pixel 8 화면은 스크롤 없이 볼 수 있을 정도로 충분히 큽니다. 친구의 S24는 모바일에서 카테고리 2열이 표시되는데, 저는 Air 테마에서는 1열만 보입니다.
다만, 관리자/모드 전용 버튼은 다른 색상을 사용하는 것이 더 나을지 궁금합니다. 혹은 이 경우
fa user-Shield 아이콘이 더 좋아 보일 수도 있겠네요. 다만 기억이 정확하지는 않지만, 관리자/모드만 wrench(렌치) 아이콘을 사용하니까 굳이 필요 없을 수도 있겠네요.
piffy
7월 8, 2024, 3:17오전
6
저는 Air 테마를 사용 중입니다. CSS를 이용해 직접 수정할 수는 있지만, 어떤 공식 테마를 사용하든, 화면 크기와 관계없이 더 직관적이어야 한다고 생각합니다.
또한, 데스크톱에는 전체 관리자 버튼이 있는 반면 모바일 인터페이스에는 없는 이유도 이해가 되지 않습니다.
2개의 좋아요
Lhc_fl
(Linca)
7월 8, 2024, 4:04오전
7
이것은 디자인 문제라고 생각합니다. 전체 사용자 설정 인터페이스를 재설계하지 않는 한, 탭 뒤에 버튼이 숨겨지는 문제를 해결할 방법이 없습니다.毕竟, 기기의 폭에는 한계가 있고, 이렇게 많은 버튼을 모두 배치하는 것은 불가능하기 때문입니다.
제 기기에서는 탭의 길이가 기어 아이콘이 절반쯤 보이도록 되어 있어서, 뒤에 버튼이 더 있다는 것을 알 수 있습니다.
그래서 길이가 부족할 때 명시적인 화살표를 추가하면, 이런 수평 슬라이더의 존재에 대해 사용자가 더 잘 인지할 수 있지 않을까 하는 생각이 듭니다…
10개의 좋아요
위에서 제안한 화살표가 좋은 타협안이라고 생각합니다.
오늘 이 주제에 대해 토픽을 올렸는데, 관리자 프로필에 어떻게 접근하는지 여러 번 찾아봐도 도저히 방법을 알 수 없었거든요 (결국 메인 관리자 패널을 통해 접근할 수 있다는 걸 알아냈지만, 훨씬 번거로웠습니다).
제 폰 중 어느 기기에서도 렌치 아이콘이 있다는 걸 전혀 알 수 없었습니다. 크기가 딱 맞아서 아예 존재하지 않는다고 생각했거든요.
e
무한정 아이콘을 늘릴 수는 없다는 데 동의합니다. 그리고 위 게시물들을 들어보면 디스플레이에 따라 달라지는 것 같으니 동적으로 조정되는 솔루션이 필요할 텐데, 그래도 단순한 화살표 하나(기본값이 왼쪽이므로 오른쪽에 있는 걸 알면 왼쪽도 있다는 걸 알 수 있으므로 오른쪽에만 있어도)만 있어도 큰 차이가 날 것입니다.
1개의 좋아요
화면에 모든 아이콘을 표시할 수 없는 경우 화살표를 추가해야 한다는 제안이 여러 개 있습니다. 저는 이 아이디어에 동의합니다.
1개의 좋아요
chapoi
2월 25, 2026, 10:31오전
11
왜 동작을 데스크톱으로 제한하고 있는지 모르겠습니다.
변경해 보았는데 테스트 결과 정상적으로 작동하는 것 같습니다.
main ← ux-allow-horizontal-overscroll-on-mobile
merged 09:37AM - 26 Feb 26 UTC
On mobile, we prevent the horizontal overflow from working, making it hard to de… tect there are hidden items.
Example with user nav:
<img width="784" height="470" alt="CleanShot 2026-02-25 at 14 28 16@2x" src="https://github.com/user-attachments/assets/46136cc7-1e57-42ce-900a-d6c1bad52250" />
I'm not sure why it was restricted in the first place: it seems like a better solution on mobile as well.
https://meta.discourse.org/t/admin-button-on-user-page-is-obscured-on-mobile/315330