# 사이드바의 채팅 아바타 크기 증가 \[코어로 이관됨\]

**URL:** https://meta.discourse.org/t/chat-avatar-size-increase-in-sidebar-brought-to-core/338400
**Category:** UX
**Tags:** design-experiment
**Created:** [11월 26, 2024, 2:39오전 UTC](https://meta.discourse.org/t/chat-avatar-size-increase-in-sidebar-brought-to-core/338400 "2024-11-26T02:39:27Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [11월 26, 2024, 2:39오전 UTC](https://meta.discourse.org/t/chat-avatar-size-increase-in-sidebar-brought-to-core/338400/1 "2024-11-26T02:39:27Z")

</div>

## 요약

사이드바(DMS 아래)에 표시되는 채팅 아바타의 크기가 скромный 22px에서 더 뚜렷한 28px로 증가했습니다(정상 글꼴 크기 설정 기준).

### 이유

작은 이미지에서는 세부 사항을 보기 어렵고, 특히 잘 모르는 아바타의 경우 더욱 그렇습니다.

## 스크린샷

개발 환경에는 세부 사항이 있는 아바타가 없어서 아쉬운 예시이지만, 핵심은 이해하실 수 있을 것입니다.

| 변경 전 | 변경 후 |
| --- | --- |
| ![CleanShot 2024-11-26 at 10.31.18@2x](https://global.discourse-cdn.com/meta/original/4X/7/d/d/7ddc98be7102274edfbaead3bbb2de2d3b37bcef.png) | ![CleanShot 2024-11-26 at 10.30.33@2x](https://global.discourse-cdn.com/meta/original/4X/8/c/6/8c60f7c2fac25463d3d9fdc104e3b16f64bf3924.png) |

## 참고 사항

정보 밀도를 동일하게 유지하기 위해 일반적인 행 높이를 _증가시키지 않는_ 것으로 결정했습니다. 이로 인해 행이 약간 덜 여유 있어 보일 수 있다는 결과가 있을 수 있습니다.

섹션 제목이 더 이상 사용자 이름과 정렬되지 않는다는 점도 인지하고 있으며, 현재로서는 이러한 트레이드오프를 수용하는 데 동의합니다.

채널 아이콘은 이전과 동일한 크기로 유지했습니다. 작은 크기로 인해 세부 사항이受损되지 않는 아이콘들이므로 크기 증가가 덜 필요하기 때문입니다.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [11월 26, 2024, 4:17오전 UTC](https://meta.discourse.org/t/chat-avatar-size-increase-in-sidebar-brought-to-core/338400/2 "2024-11-26T04:17:23Z")

</div>

> [@chapoi](#):
>
> 채널 아이콘은 이전과 같은 크기를 유지하고 있습니다. 작은 크기에서 손상이 없는 디테일이 없기 때문에 크기를 키울 필요가 적습니다.

이해는 하지만, 지금은 좀 어색해 보입니다:

![image](https://global.discourse-cdn.com/meta/original/4X/2/c/5/2c5ffb0820be4e0bd38c98ef375a1f993b3ebfd7.png)

슬랙과 비교해 보면, 요소들의 크기가 훨씬 더 균일합니다.

 ![image](https://global.discourse-cdn.com/meta/original/4X/d/d/6/dd6c0060ec5780b35ccc1bbc8a17359d8d1b75d8.png)

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [11월 26, 2024, 2:57오후 UTC](https://meta.discourse.org/t/chat-avatar-size-increase-in-sidebar-brought-to-core/338400/3 "2024-11-26T14:57:54Z")

</div>

아바타 크기가 커진 것을 좋아합니다 😄

균형 측면에서, 채널 아이콘도 아바타와 함께 커졌으면 좋겠습니다.

다만, DM처럼 구분이 되지 않는 채팅 아이콘이 많이 채워져 있어 시각적으로 차이가 없는 “통통한” 채팅 아이콘이 많이 표시되는 문제가 발생할 수 있습니다.

예를 들어, 이 정도는 괜찮아 보입니다:

 ![image](https://global.discourse-cdn.com/meta/original/4X/d/e/d/ded19c7551716ac521baf51b998d6dbc02a7edee.png)

하지만 이 정도는 반복적으로 보입니다:

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/7/a/07ab618b781e87ae80fb25264bca78c60648a172.png)

* * *

이로 인해, 디자인 실험의 범위를 넘어설 수 있지만 상황을 더 좋게 만들 수 있다고 생각하는 또 다른 문제로 넘어가 보겠습니다.

채팅 채널의 아바타로 이모지 선택을 허용할 수 있을까요? 이 기본 채팅 아이콘 대신에, 혹은 더 가벼운 아이콘을 사용하는 것이 어떨까요? Slack과 Discord는 채팅 아이콘으로 `hashtag`를 사용하는데, 이는 우리의 채워진 채팅 버블 아이콘보다 훨씬 가볍습니다.

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [11월 27, 2024, 3:12오전 UTC](https://meta.discourse.org/t/chat-avatar-size-increase-in-sidebar-brought-to-core/338400/4 "2024-11-27T03:12:59Z")

</div>

> [@jordan.vidrine](#):
>
> 채팅 채널의 아바타로 이모지 선택을 허용할 수 있을까요?

네, 제 디자인 백로그에 오랫동안 요청되어 있던 사항입니다! 저도 정말 좋아할 것 같아요. 다만, 기본값이 채널 아이콘으로 유지된다면(실제로 그렇게 될 텐데요), 그 시나리오에서도 작동해야 합니다.

채널 아이콘의 크기는 키울 수 있지만, 아바타와 같은 수준까지는 어렵습니다. 이미 아바타보다 작았기 때문에 같은 비율을 유지할 수 있습니다.

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [11월 27, 2024, 2:36오후 UTC](https://meta.discourse.org/t/chat-avatar-size-increase-in-sidebar-brought-to-core/338400/5 "2024-11-27T14:36:09Z")

</div>

> [@chapoi](#):
>
> 이미 아바타보다 작았으므로 같은 비율을 유지할 수 있습니다.

네, 그게 어떤 느낌일지 한번 보고 싶네요.

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [6월 15, 2025, 7:35오후 UTC](https://meta.discourse.org/t/chat-avatar-size-increase-in-sidebar-brought-to-core/338400/7 "2025-06-15T19:35:27Z")

</div>

더 큰 아바타가 더 좋았어요. 이제 그립네요.

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [6월 16, 2025, 12:37오후 UTC](https://meta.discourse.org/t/chat-avatar-size-increase-in-sidebar-brought-to-core/338400/8 "2025-06-16T12:37:02Z")

</div>

아니에요, 걱정 마세요. 다시 돌아올 거예요. 실험적 추가 기능에서 핵심 기능으로 이동하고 있는 중이거든요.

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [7월 3, 2025, 4:26오후 UTC](https://meta.discourse.org/t/chat-avatar-size-increase-in-sidebar-brought-to-core/338400/9 "2025-07-03T16:26:08Z")

</div>

이 기능은 [date=2025-07-03 timezone=“America/Mexico\_City”]에 코어에 병합되었습니다.

> <https://github.com/discourse/discourse/pull/33468>
>
> Moving this design experiment into core.
> 
> Slight increase of avatar sizing in …sidebar:
> 
> | Before | After |
> |--------|--------|
> |!\[image\](https://github.com/user-attachments/assets/894c1c64-30ad-423b-8bc2-685c1b227433)| !\[image\](https://github.com/user-attachments/assets/ee4d2f26-6707-4532-b3fd-62b6835a9142) | 
> 
> And in general of the other prefixes also a spacing increase (to keep alignment) and mini size increase:
> 
> | Before | After |
> |--------|--------|
> | !\[CleanShot 2025-07-03 at 14 43 19@2x\](https://github.com/user-attachments/assets/fb0c7f51-96a7-43b2-9fca-abd6c5532287) | !\[CleanShot 2025-07-03 at 14 41 58@2x\](https://github.com/user-attachments/assets/f192a3a9-9bb6-4631-889f-71c13e6e9698) |

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [7월 7, 2025, 2:00오후 UTC](https://meta.discourse.org/t/chat-avatar-size-increase-in-sidebar-brought-to-core/338400/10 "2025-07-07T14:00:50Z")

</div>

이 주제는 3일 후 자동으로 닫혔습니다. 더 이상 새 답변을 남길 수 없습니다.
