# 닫기 버튼 크기 불일치

**URL:** https://meta.discourse.org/t/dismiss-button-size-mismatched/154957
**Category:** UX
**Created:** [6월 16, 2020, 3:08오전 UTC](https://meta.discourse.org/t/dismiss-button-size-mismatched/154957 "2020-06-16T03:08:46Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![HAWK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hawk/32/86627_2.png) [@HAWK](https://meta.discourse.org/u/HAWK)
#### Post date: [6월 16, 2020, 3:08오전 UTC](https://meta.discourse.org/t/dismiss-button-size-mismatched/154957/1 "2020-06-16T03:08:46Z")

</div>

이건 정말 사소한 문제인데 @awesomerobot, 너무 짜증나네요.

[https://meta.discourse.org/new](https://meta.discourse.org/new)

 ![image](https://global.discourse-cdn.com/meta/original/3X/2/0/20ef112ece65f9a6960a3ff95165d90b94294867.png)

---

<div class="post-metadata">

### Author: ![gkln](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gkln/32/293382_2.png) [@gkln](https://meta.discourse.org/u/gkln)
#### Post date: [6월 16, 2020, 5:40오전 UTC](https://meta.discourse.org/t/dismiss-button-size-mismatched/154957/2 "2020-06-16T05:40:15Z")

</div>

그러나 이러한 버튼의 번역본은 길이가 다를 수 있습니다. 이 경우 크기를 맞추지 않는 것이 더 바람직해 보입니다.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [6월 16, 2020, 8:46오후 UTC](https://meta.discourse.org/t/dismiss-button-size-mismatched/154957/3 "2020-06-16T20:46:36Z")

</div>

저도 이 부분이 좀 거슬리긴 합니다. 다만 새 주제 버튼은 다른 버튼보다 크기를 크게 해서 눈에 잘 띄도록 한 건데요… 취소 버튼은 표준 버튼 크기를 사용하고 있습니다.

그래서 크기를 맞추려면 취소 버튼의 크기를 키워야 하는데, 그러면 새 주제 버튼보다 더 강하게 느껴질 것 같아서…

 ![Screen Shot 2020-06-16 at 4.18.27 PM](https://global.discourse-cdn.com/meta/original/3X/2/b/2b9232e992c0ef69c6cc8d748ce38fda58c56fd4.png)

이 버튼이 단독으로 한 줄을 차지하는 것도 별로 좋지 않다고 생각합니다.

 ![Screen Shot 2020-06-16 at 10.59.41 AM](https://global.discourse-cdn.com/meta/original/3X/6/2/62fac5caabcd3024d9c6a8720dea70a6c225f329.png)

사람들이 이 버튼들을 얼마나 자주 사용하는지는 잘 모르겠지만, 개인적으로는 `/categories` 페이지에서 하듯이 햄버거 메뉴로 접어 넣는 것도 괜찮을 것 같습니다…

 ![Screen Shot 2020-06-16 at 4.43.52 PM](https://global.discourse-cdn.com/meta/original/3X/b/a/ba0042ac50303eab148e422355b11cfcf7be848b.png)  
읽지 않은 항목에 대해서는 이렇게 할 수도 있고요.

 ![Screen Shot 2020-06-16 at 4.41.39 PM](https://global.discourse-cdn.com/meta/original/3X/1/8/182def12f633a7eec437a9aa65e9b0a64be0819f.png)

---

<div class="post-metadata">

### Author: ![HAWK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hawk/32/86627_2.png) [@HAWK](https://meta.discourse.org/u/HAWK)
#### Post date: [6월 16, 2020, 8:49오후 UTC](https://meta.discourse.org/t/dismiss-button-size-mismatched/154957/4 "2020-06-16T20:49:34Z")

</div>

> [@awesomerobot](#):
>
> 이 버튼들을 사람들이 얼마나 자주 사용하는지는 잘 모르겠지만, 개인적으로는 `/categories`에서 하듯이 햄버거 메뉴로 통합하는 건 괜찮을 것 같습니다…

좋아요. 더 우아합니다.

---

<div class="post-metadata">

### Author: ![ondrej](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ondrej/32/198804_2.png) [@ondrej](https://meta.discourse.org/u/ondrej)
#### Post date: [6월 16, 2020, 8:58오후 UTC](https://meta.discourse.org/t/dismiss-button-size-mismatched/154957/5 "2020-06-16T20:58:38Z")

</div>

100% 더 깔끔해 보입니다. 저는 '닫기’를 꽤 자주 사용하는데, 새 주제 버튼의 길에 있는 것 같습니다.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [6월 16, 2020, 9:58오후 UTC](https://meta.discourse.org/t/dismiss-button-size-mismatched/154957/6 "2020-06-16T21:58:41Z")

</div>

그건 괜찮은 것 같지만, 거기서 좀 묻혀 있어서 덜 무시되게 될 텐데… 그거 좋은 건가요, 나쁜 건가요?

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [6월 16, 2020, 10:44오후 UTC](https://meta.discourse.org/t/dismiss-button-size-mismatched/154957/7 "2020-06-16T22:44:21Z")

</div>

🤷‍♂️ 저는 그 버튼들을 많이 사용하지 않습니다. 아마도 활발한 공개 커뮤니티보다는 모든 내용을 읽을 가능성이 더 높은 사적인 내부 커뮤니티에서 더 중요할 것 같습니다.

중요하다면, 모바일에서는 그다지 신경 쓰지 않을 것입니다. 왜냐하면 모바일에서는 목록 하단에만 표시하기 때문입니다. 마지막으로 이 문제가 언급된 시기는 2015년이었습니다: [The "Dismiss" buttons should be at the top on mobile - #6 by sam](https://meta.discourse.org/t/the-dismiss-buttons-should-be-at-the-top-on-mobile/24367/6).

이메일 클라이언트에서 이를 다른 옵션과 함께 버튼 뒤에 숨기는 것이 일반적이며, 읽지 않은 항목에 대해서도 이렇게 할 수 있어서 저도 좋습니다:

 ![image](https://global.discourse-cdn.com/meta/original/3X/9/2/92e2d8792e196f4dc6ad7272f5a4f37059cfa640.png)

이것보다는:

 ![Screen Shot 2020-06-16 at 6.32.07 PM](https://global.discourse-cdn.com/meta/original/3X/f/4/f4d3a3da1b79bb56b76ece9d8440a539cb40b172.png)

어쨌든, 제 긴 설명에서 벗어나서 한 가지 더 생각해보면… 현재 상태를 유지한다면, 크기를 맞추기 위해 "Dismiss New"는 확실히 너무 커 보입니다. 하지만 "Dismiss"로 단순화하면 더 합리적으로 보입니다.

 ![Screen Shot 2020-06-16 at 6.42.49 PM](https://global.discourse-cdn.com/meta/original/3X/7/5/75c399a77e9d215cdd01551eb75ccd3cf77e9f0f.png)

---

<div class="post-metadata">

### Author: ![Stephen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stephen/32/95011_2.png) [@Stephen](https://meta.discourse.org/u/Stephen)
#### Post date: [6월 16, 2020, 10:59오후 UTC](https://meta.discourse.org/t/dismiss-button-size-mismatched/154957/8 "2020-06-16T22:59:52Z")

</div>

나도 사실 거의 안 써. 인터페이스에서 그렇게 두드러지게 강조된 건 늘 이상하게 느껴졌어.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [6월 16, 2020, 11:12오후 UTC](https://meta.discourse.org/t/dismiss-button-size-mismatched/154957/9 "2020-06-16T23:12:22Z")

</div>

> [@awesomerobot](#):
>
> 중요하다면, 모바일에서는 목록 하단에 표시하기 때문에 크게 신경 쓰지 않습니다.

아, 모바일에서는 그럴 수 있겠네요. 하지만 해제할 항목이 {x}개 이상인 경우 _만_ 상단과 하단에 모두 중복해서 표시합니다.
