현재 우상단의 아바타는 서로 매우 다른 종류의 다양한 항목들을 담는 통합 박스 역할을 하고 있습니다. 여기에는 다양한 종류의 알림(답글, 게시물 알림, 좋아요, DM, 배지) 외에도 북마크와 계정 옵션이 포함되어 있습니다. 처음에는 "오, 참 영리한 설계구나"라고 생각했지만, 사용 기간이 길어질수록 오히려 더 거슬리게 느껴집니다. 제가 겪고 있는 구체적인 문제들부터 시작해 보겠습니다.
문제 1: 알림인지 계정 오류인지?
"아이콘 위에 겹쳐진 원 안에 숫자"는 저에게 "이 항목에 나에게 온 메시지가 있다"는 의미로 다가옵니다. 숫자 5가 붙은 Gmail 아이콘은 5통의 이메일, 999+가 붙은 Discord 아이콘은 관심이 없는 사람들로부터 온 핑(Ping) 알림이라는 것을 잘 알고 있습니다.
그렇다면 "원 안에 내 얼굴"은 무엇을 의미할까요? 직관적으로는 나에 관한 무언가입니다. 저는 계속 계정 관련 문제라고 생각합니다. “무료 체험 기간이 만료되었습니다”, “이메일 주소를 확인해 주세요” 같은 종류의 메시지 말이죠. 만약 원 안에 숫자가 없다면, “사용자 온라인” 상태 표시등이라고 해석했을 것입니다. 하지만 "아, 그냥 내 게시물에 달린 답글 알림이구나"라고는 절대 생각하지 않습니다.
문제 2: “로그아웃은 어떻게 하나?”
이것은 올해 제 포럼에서 3번이나 본 질문입니다. 사용자의 단계를 이렇게 상상해 봅니다:
- 오늘 포럼 사용은 끝났다. 로그아웃할 시간이다.
- 아바타를 클릭한다. 거의 모든 웹사이트에서 로그아웃 버튼이 있는 위치라고 알고 있는 곳이다.
- 로그아웃 버튼은 보이지 않고, 대신 알림 목록이 표시된다.
- (혼란스러워져서 포럼에 사용 방법을 질문한다)
여기서의 근본적인 문제는 통합된 알림 및 계정 드롭다운 메뉴가 괴물처럼 복잡하다는 것입니다. 저처럼 사실상 초보자인 메타(Meta) 사이트에서는 이 메뉴 안에 20개의 요소(알림 10개, 탭 8개, 액션 2개)가 보입니다. 완전히 압도적인 수준이며, 로그아웃 버튼이 마트료시카 인형처럼 숨겨져 있다는 것(계정 아이콘을 클릭한 후에야 나오는 계정 아이콘)을 파악하기 위해서는 상당한 인지적 노력이 필요합니다.
제안
제 아이디어는 간단하게 유지하는 것입니다:
- 계정 관련 사항(아바타)만 포함하는 계정 버튼을 두기
- 알림 관련 사항(관심 게시물 활동, 답글, 멘션, 좋아요, 배지)만 포함하는 알림 버튼을 두기
- 채팅 알림만 포함하는 채팅 버튼을 두기
- 북마크는 사이드바에 배치하기. 이미 유사한 북마크 기능(사용자 정의 섹션 추가)이 있는 곳입니다.
- (검색 아이콘을 검색바로 변경하여 오른쪽의 아이콘 밀집도를 줄이고, 사람들이 게시글을 작성하기 전에 더 자주 검색하도록 유도하기)
또는 시각적으로 표현하면, 제 놀라운 Figma 실력을 감상해 보세요! 아이콘이나 다른 UI 요소(“채팅” 위젯, 사이드바의 “리마인더가 있는 게시물”) 옆의 빨간 원은 알림 수를 나타내거나, 북마크의 경우 “1일 후 예정” / “목요일부터 기한 초과” 같은 정보를 표시할 수 있습니다. 파란색 빈 공간에 떠 있는 큰 빨간 원은 배경의 일부입니다 ![]()
부연 설명: “개인 메시지”(Messages)와 “개인 채팅”(DMs)의 차이는 무엇인가요?
개인적으로 생각하기에 이 둘은 위상적으로 동일하며, 주요 차이점은 한쪽이 다른 쪽보다 조작이 좀 더 어색하다는 점입니다. 아직 제 디자인에서 'Messages’는 좋은 위치를 찾지 못했습니다(참고로 Reddit에서도 마찬가지입니다). 두 시스템을 통합하거나, 하나를 “레거시 DM”, 다른 하나를 “채팅 / 새 DM” 등으로 부르는 것도 고려해 볼 수 있습니다.


