범위
기기: 모바일
대상: 채팅 인덱스 페이지
안녕하세요 여러분,
모바일 채팅 인덱스 페이지 개편 작업을 진행 중인데, 꽤 오랫동안 반복 작업을 거친 후 현재 제안된 안들을 커뮤니티에서 검토해 주셨으면 합니다. 어떤 부분이 마음에 드는지, 그렇지 않다면
피드백을 통해 개선에 도움을 주실 수 있는지 확인하고 싶습니다.
현재 제가 고민 중인 몇 가지 아이디어에 대한 고수준 목업입니다. 사용성이나 전반적인 분위기(룩 앤 필)에 대한 피드백은 매우 환영합니다. (색상이나 정렬 같은 세부 사항은 아직 작업 중인 단계라 피드백을 덜 받고자 합니다.)
현재 디자인
참고용 예시
문제점
채널이나 DM이 많지 않은 한 모든 것이 잘 작동합니다. 그러나 채널 목록이 너무 길어지면 DM이 화면 밖(폴드)으로 밀려납니다.
이로 인해 불쾌한 UX가 발생합니다:
- 읽지 않은 DM은 채팅 인덱스 페이지에서 arguably 가장 중요한 부분임에도 항상 화면 아래에 위치하여 스크롤이 필요합니다.
- 특히 2개 이상의 DM 사이를 오가며 대화할 때, 진행 중인 채팅에 도달하기 위해 매번 아래로 스크롤해야 하는 것은 꽤 번거롭습니다.
새 디자인 제안
장단점이 각각 다른 몇 가지 구성을 실험해 보고 있습니다.
디자인 1: DM용 가로 레이아웃
여기서 무슨 일이 일어나고 있나요?
- DM은 모두 상단에 배치되며 가로 스크롤로 탐색합니다.
- DM은 읽지 않은 > 최신 > 오래된 순서로 정렬됩니다.
- 채널은 DM 섹션 아래에 기존과 동일하게 배치됩니다.
이 레이아웃은 특정 DM을 찾는 것이 더 어려워지므로, 스크롤 시 나타나는 검색 기능 또는 다른 메커니즘(하지만 항상 공간을 차지하지는 않는 방식)을 추가할 것입니다:
장단점 (제가 볼 때)
읽지 않은 DM에 쉽게 접근할 수 있음
전체 이름과 그룹 멤버가 더 이상 표시되지 않음
사용자 상태와 타임스탬프가 더 이상 표시되지 않음
가로 스크롤은 그렇게 재미있지 않음 => 검색이 도움
디자인 2: 하나의 혼합 목록
여기서 무슨 일이 일어나고 있나요?
- DM과 채널이 1개의 목록 보기에서 평화롭게 공존합니다.
- 정렬 순서는 다음과 같이 이루어지며, DM이 최우선 순위이므로 읽지 않은 DM과 읽지 않은 채널을 “별도” 섹션으로 구분합니다. 사용자가 잠재적으로 영원히 정리하지 않을 카테고리(저도 그 범주에 해당합니다)에 의해 밀려나가는 것을 원하지 않기 때문입니다.
- 기본 채팅 아이콘 대신 채널에 선택적 사용자 지정 아이콘을 추가했습니다.
- 이 디자인도 검색 기능(사진에 없음)이 있으면 도움이 될 수 있습니다.
장단점 (제가 볼 때)
읽지 않은 DM에 쉽게 접근할 수 있음
전체 이름 또는 그룹 멤버가 표시됨
사용자 상태와 타임스탬프가 표시됨
DM과 채널을 혼합하면 가독성이 낮아짐 => 검색이 도움
디자인 3: 탭
여기서 무슨 일이 일어나고 있나요?
- 하단 푸터로 전환하는 2개의 별도 뷰를 사용하는 다른 방향으로 나아가고 있습니다.
- 채널은 알파벳 순서 대신 최신 순으로 정렬할 수도 있습니다. 이는 디자인 #1에도 해당됩니다. 이를 사용자 설정 옵션으로 만드는 것을 고려하고 있습니다.
장단점 (제가 볼 때)
읽지 않은 DM에 더 쉽게 접근할 수 있음
전체 이름 또는 그룹 멤버가 표시됨
사용자 상태와 타임스탬프가 표시됨
한 화면에서 모든 것을 볼 수 없음
피드백 시간
여기까지 읽으셨다면, 훌륭합니다. 감사합니다 ![]()
1. 선호하는 항목에 투표해 주세요
여러 선택 가능.
저는 ~을/를 선호합니다…
- 현재 디자인
- 디자인 #1: 가로 레이아웃
- 디자인 #2: 하나의 목록 보기
- 디자인 #3: 탭
채널 정렬 방식, 저는 ~으로 보고 싶습니다…
- 알파벳 순 정렬
- 읽지 않은 > 최신 > 오래된 순 정렬
2. 댓글에 아이디어, 영감, 발견한 결점, 또는 일반적인 피드백을 공유해 주세요
모두 감사합니다!







