# 체브론 아이콘 사용 일관성 개선

**URL:** <https://meta.discourse.org/t/improve-usage-consistency-of-chevron-icons/275544>\
**Category:** UX\
**Created:** [8월 17, 2023, 9:21오전 UTC](https://meta.discourse.org/t/improve-usage-consistency-of-chevron-icons/275544 "2023-08-17T09:21:04Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![fggtda](https://avatars.discourse-cdn.com/v4/letter/f/db5fbb/32.png) [@fggtda](https://meta.discourse.org/u/fggtda)\
**Post date:** [8월 17, 2023, 9:21오전 UTC](https://meta.discourse.org/t/improve-usage-consistency-of-chevron-icons/275544/1 "2023-08-17T09:21:04Z")

</div>

아이콘의 일관성을 최적화하면 Discourse의 사용성을 개선할 수 있습니다.

# 현재 상황

#### 정렬

Discourse에서는 정렬을 위해 chevron-down과 up 아이콘을 사용합니다.

 ![정렬 옵션이 있는 목록의 상단을 보여주는 스크린샷](https://global.discourse-cdn.com/meta/original/4X/6/d/0/6d090bb3385cacc63c6e730162f8c324520118df.png)

#### 주제 요약

주제 요약을 열려면 chevron down 버튼을 사용해야 합니다. 닫으려면 chevron up 버튼을 사용합니다.

 ![Discourse에서 주제의 요약을 보여주는 스크린샷](https://global.discourse-cdn.com/meta/original/4X/5/3/f/53f9770d9a772d2d5b082738bd66ca493b5f77b6.png)

#### 사이드바 섹션

사이드바에는 섹션을 열고 닫기 위해 chevron **right** 와 down 버튼이 있습니다.

 ![Discourse 사이드바의 일부를 보여주는 스크린샷](https://global.discourse-cdn.com/meta/original/4X/4/9/b/49bc84a848432a44094f0ceda99d481e8a8e4072.png)

#### “사용자 메뉴”

아바타를 클릭하여 열 수 있는 메뉴에는 다른 페이지로 이동하는 chevron 아이콘 버튼이 있습니다.  
 ![사용자 메뉴의 두 버튼을 보여주는 스크린샷](https://global.discourse-cdn.com/meta/original/4X/c/1/4/c14f63aa693cc8e579768b482bbac62d16127b73.png)

# 문제점

같은 아이콘이 항상 같은 의미를 갖지 않습니다. 때로는 무언가를 열고 닫을 수 있지만, 다른 때는 아무것도 열리지 않고 목록만 정렬됩니다. 또한, 무언가를 열고 닫을 수 있다면 모든 곳에서 동일한 아이콘을 사용해야 합니다. 위에서 볼 수 있듯이 현재 주제 요약을 chevron _down_으로 열지만, 사이드바의 섹션은 chevron _right_로 엽니다. 둘 다 닫을 때 사용하는 아이콘은 심지어 반대 방향으로 표시됩니다. 주제 요약을 닫을 때는 chevron _up_을 사용하지만, 사이드바 섹션을 닫을 때는 chevron _down_을 사용합니다.

# 제 제안

- 정렬에는 화살표 down/up 사용
- 무언가를 닫을 때(주제 요약 및 사이드바 섹션)에는 항상 chevron up 사용
- 무언가를 열 때(주제 요약 및 사이드바 섹션)에는 항상 chevron down만(또는 right만) 사용
- "사용자 메뉴"의 버튼에는 다른 아이콘 사용

제게는 정확히 어떤 아이콘을 사용하느냐보다 일관성 있게 사용하는 것이 중요합니다 🙂