세 줄 아이콘은 정말로 두 가지 다른 아이콘이어야 합니다

왼쪽 상단에 있는 세 줄 아이콘, 그거 아시죠?


보통의 사용자들은 이 아이콘이 두 가지 기능을 가진다는 것을 잘 알고 있습니다. 사이드바 상태를 따라 사이드바를 한쪽으로 접거나, 반대쪽으로 접는 거죠.

하지만 우리와 같은 ‘비정상적인’ 사용자들은 이걸 제대로 파악하려면 몇 번이고 클릭해야 합니다. 게다가 며칠 뒤에는 또 잊어버려서, 또 막 클릭하게 되죠…

제 제안은 이렇습니다: 두 가지 서로 다른 상태에서 약간 다른 아이콘을 사용하세요!

네, 웹에서 흔히 볼 수 있는 아이콘입니다. 하지만 Discourse가 더 사용자 친화적으로 만드는 데 선두에 설 수 있습니다.

사실, 저는 이것이 여전히 남아 있는 유일한 ‘폭탄이 매설된’ 다기능 아이콘이라고 생각합니다.

절반의 확률로 정반대 동작을 수행하니까요… 다른 비슷한 아이콘은 생각나지 않습니다.

1개의 좋아요

사이드바를 전환하는 기능을 의미하는 햄버거 아이콘이 혼란스럽다는 데 동의합니다. 저는 매일 다른 일이 일어나길 기대하고 클릭하지만, 실제로는 아무것도 모르겠어서 매일 당황하고 있습니다.

아래 아이콘들이 더 나을 것 같습니다.

3개의 좋아요

햄버거 아이콘을 누르면 메뉴가 열립니다. 이는 예상된 동작입니다. 닫는 동작은 예상치 못한 것입니다. 이것이 실제 세계에서 얼마나 큰 문제인지가 지금의 핵심 질문이며, 이 질문에 대한 답은 비교적 명백한 해결책을 제공합니다.

3개의 좋아요

잠깐. 내 브라우저 우측 상단의 Chrome 세로 세 점 메뉴 버튼에 대해 혼란을 느껴본 적은 단 한 번도 없다.

세 점을 누른 후 메뉴가 열려 있거나 닫혀 있는지는 분명하게 알 수 있기 때문이다.

문제는 세 줄 아이콘이 사이드바 등과 관련이 있는지 여부가 불분명하다는 점이다.

그리고 더 짜증나는 것은 실수로 누르게 되면 아이콘이 은근슬쩍 자리를 바꾸어 움직인다는 것이다. 다시 누르기 위해 마우스로 쫓아다녀야 한다. 적어도 데스크톱에서는 그렇다.

날짜가 (아마도) 정해져 있다는 걸 아는 마당의 닭을 쫓아다니는 것과 꼭 같다.

2개의 좋아요

그래서요? 그건 메뉴와 관련이 있다는 걸 잘 알고 있습니다. 그리고 사이드바는 메뉴입니다.

도대체 지금 문제가 뭔지 모르겠네요? 당신에게 누군가에게 이름이 잘못된 건가요?

1개의 좋아요

외관 개선. 오래된 사용자들은 단순히 기존 방식에 익숙한 것일 수 있습니다. 이를 토글로 변경하는 것은 디자인 관점에서 더 직관적이게 만드는 합리적인 선택입니다.

이러한 변경 사항은 테마 구성 요소나 내부 설정을 통해 선택적으로 적용할 수 있을 것이라고 확신합니다.

1개의 좋아요

여기 두 가지 서로 다른 상태에서 다른 아이콘을 제공하기 위한 최소한의 Theme Component가 있습니다…

@PhilFoss 님의 이 관련 게시글에서 가져온 코드를 사용했습니다:

6개의 좋아요

방금 휴대폰으로 확인해 봤는데, 세 칸의 신호 표시는 거기서 완전히 합리적입니다.

즉, 문제는 데스크톱에서만 발생합니다.

좋아요. /desktop 폴더는 큰 화면에만 포함되는 건가요? CSS에서 미디어 쿼리를 찾지 못했어요.

1개의 좋아요

네! 맞습니다!

1개의 좋아요

저처럼 여러분도 이 버튼이 기본적으로 이 아이콘을 메뉴로 채택한 거의 모든 앱과 웹사이트처럼 일시적인 드롭다운 메뉴나 기타 모달 메뉴를 열 것이라고 기대할 것입니다. 또한 모바일이 아닌 한, 기본 내비게이션보다 덜 일반적인 옵션들이 포함될 것이라고 기대할 수도 있습니다. 그러나 Discourse에는 사이드바가 있으며, 데스크톱 해상도에서 사용할 때 이는 메뉴가 아닌 일반적인 내비게이션 사이드바입니다. 이를 접는 것은 일부 사용자에게 바람직할 수 있지만, 햄버거 타입의 아이콘이 사이드바의 구조를 어떤 식으로든 연상시킨다는 점은 이해하지만, 대중적인 관례(그리고 일부 경우 대企業の literal한 디자인 가이드라인)에 의해 그것은 다른 것을 전달합니다.

제가 오래된 주제에 댓글을 달고 있다는 것을 알지만, 최근 Discourse 작업으로 돌아와서 저에게 두드러지게 보이는 이러한 UI 및 UX 특이점들을 발견하고 있습니다. 이것이 기본값으로 채택되었고 이 기능의 아이콘으로 남아 있는 것이 솔직히 놀랍습니다. 사소해 보일 수 있지만, 앱이나 플랫폼이 광범위한 디자인 관례에 반할 경우 사람들이 혼란을 겪게 되며, 이는 해당 앱이나 플랫폼의 일상적인 경험에 영향을 미칩니다. 저는 여전히 옵션이 드롭다운되거나 다른 일이 일어날 것이라고 기대하고 이 버튼을 하루에 최소 한 번은 누릅니다. 저는 4K 화면에서 작업하므로 사이드바를 접을 실질적인 필요는 없습니다. 글쎄요… 영원히. 이는 수많은 다른 앱과 웹사이트에서 비롯된 일종의 근육 기억입니다.

다른 도구들은 다양한 아이콘으로 사이드바 확장/축소 동작을 해결했는데, 이 아이콘보다 모두 더 명확합니다. 제 생각에는 재고할 가치가 있습니다.

1개의 좋아요

아, 여기 올리는 게 맞겠다 - 아이콘을 골라보세요

2개의 좋아요

네, 정말 훌륭한 작업입니다! 이 주제를 찾기 전에 포럼에서 관련 이전 주제를 검색하다가 발견했습니다. 다만 제 걱정은 좀 더 근본적인 부분, 즉 기본 상태에서의 사용성에 관한 것입니다. 많은 사람들이 Discourse를 거의 커스터마이징하지 않기 때문입니다. 저는 오랫동안 Discourse가 기술 커뮤니티를 넘어 더 넓은 대중에게 도달하기를 주장해 왔습니다. 최근에는 그 방향으로의 노력이 보여서 반갑습니다(무료 및 저렴한 호스팅, 사용성 개선, 설정 정리 및 분류 등). 그런데도 매일 다른 앱, 웹사이트, 도구에서 접하는 확립된 인터페이스 규범에 비해 이 기능이 제 관점에서 매우 직관적이지 않게 작동하는 것을 보면 놀랍습니다. 사소한 일이지만 의미 있는 부분입니다.

1개의 좋아요

전혀 문제없어요, 다 이해했어요. 이 토픽에 크럼을 올리는 걸 깜빡했는데, /latest에서 올려주신 덕분에 기억나네요. :smiley: 감사합니다!

1개의 좋아요