Daily UI #013 Direct Message, DM 다이렉트 메시지

 

Daily UI

#013 Direct Message

DM(Direct Message)은 소셜 미디어 사용자 간의 비공개 커뮤니케이션 모드입니다. 디렉트 메시지를 보내면 귀하와 수신자만 내용을 볼 수 있습니다. 인스타그램, 페이스북, 트위터는 모두 자체적인 디렉트 메시징 플랫폼을 갖고 있습니다.

 

수신자와 직접 메시지를 주고받는 카카오톡이 제일 먼저 떠올랐다. 친구 메뉴에 있는 업데이트 한 친구 안내를 채팅 메뉴와 합쳐서 디자인을 해봤다. 페이지 전환 없이 누가 업데이트 했는지, 누가 기념일인지 알기 쉽게 한 화면으로 구성했다.

 

 

 

 

프로필 사진, 대화상자, 대화 내역에 수신자와 내용, 시간 이들 간의 계층구조가 나눠져야 했다. 대화상자에서 작성 중 표시는 인스타그램과 어도비 DM에서 표시되는 것을 보고 참고했다. 이 표시는 상대방이 메시지를 작성하고 있는지 확인하고 대화가 꼬이지 않도록 상대방에 맞춰 속도를 조절할 수 있어서 함께 넣게 되었다. 

 

 

 

 

그다음으로 신경 쓴 부분은 bottom navigation의 아이콘이다. 프로필 업데이트 small badge와 기념일인 사람을 변형된 small badge로 표현했다. 아이콘은 상대방과 나와 연결되는 듯, 한 선으로 작업되어 표현하였다.