아이콘의 일관성을 최적화하면 Discourse의 사용성을 개선할 수 있습니다.
현재 상황
정렬
Discourse에서는 정렬을 위해 chevron-down과 up 아이콘을 사용합니다.
주제 요약
주제 요약을 열려면 chevron down 버튼을 사용해야 합니다. 닫으려면 chevron up 버튼을 사용합니다.
사이드바 섹션
사이드바에는 섹션을 열고 닫기 위해 chevron right와 down 버튼이 있습니다.
“사용자 메뉴”
아바타를 클릭하여 열 수 있는 메뉴에는 다른 페이지로 이동하는 chevron 아이콘 버튼이 있습니다.
문제점
같은 아이콘이 항상 같은 의미를 갖지 않습니다. 때로는 무언가를 열고 닫을 수 있지만, 다른 때는 아무것도 열리지 않고 목록만 정렬됩니다. 또한, 무언가를 열고 닫을 수 있다면 모든 곳에서 동일한 아이콘을 사용해야 합니다. 위에서 볼 수 있듯이 현재 주제 요약을 chevron down으로 열지만, 사이드바의 섹션은 chevron right로 엽니다. 둘 다 닫을 때 사용하는 아이콘은 심지어 반대 방향으로 표시됩니다. 주제 요약을 닫을 때는 chevron up을 사용하지만, 사이드바 섹션을 닫을 때는 chevron down을 사용합니다.
제 제안
- 정렬에는 화살표 down/up 사용
- 무언가를 닫을 때(주제 요약 및 사이드바 섹션)에는 항상 chevron up 사용
- 무언가를 열 때(주제 요약 및 사이드바 섹션)에는 항상 chevron down만(또는 right만) 사용
- "사용자 메뉴"의 버튼에는 다른 아이콘 사용
제게는 정확히 어떤 아이콘을 사용하느냐보다 일관성 있게 사용하는 것이 중요합니다 