204 lines
5.3 KiB
Markdown
204 lines
5.3 KiB
Markdown
|
|
# 23. Friendly Conversation UX Playbook
|
||
|
|
|
||
|
|
## 문서 목적
|
||
|
|
|
||
|
|
이 문서는 `친근한 소통` 맥락에서 `KoTalk`가 너무 딱딱한 업무 도구처럼 느껴지지 않도록 만드는 UX 원칙을 정리한다.
|
||
|
|
목표는 메신저 본질을 유지한 채, 부담 없는 대화 리듬과 낮은 진입 장벽을 제공하는 것이다.
|
||
|
|
|
||
|
|
## 친근한 대화의 핵심 가치
|
||
|
|
|
||
|
|
- 들어가기 쉽다
|
||
|
|
- 읽기 부담이 적다
|
||
|
|
- 답장이 빠르다
|
||
|
|
- 작은 표현을 쉽게 할 수 있다
|
||
|
|
- 잠깐 나갔다 와도 대화 흐름을 잃지 않는다
|
||
|
|
|
||
|
|
## 친근한 대화와 업무 대화의 차이
|
||
|
|
|
||
|
|
업무 대화는 `처리`, `우선순위`, `정리`가 중심이다.
|
||
|
|
친근한 대화는 `리듬`, `부담 없음`, `짧은 표현`, `가벼운 복귀`가 중심이다.
|
||
|
|
|
||
|
|
같은 제품 안에서 두 맥락을 모두 다루려면, 구조는 공통으로 가져가되 표면의 강조점만 다르게 설계해야 한다.
|
||
|
|
|
||
|
|
## 친근한 대화 사용자 기대
|
||
|
|
|
||
|
|
- 메시지 쓰기가 가볍다
|
||
|
|
- 이모지나 반응 같은 얇은 표현이 있다
|
||
|
|
- 사진과 링크를 공유하기 쉽다
|
||
|
|
- 읽음 상태가 부담스럽지 않다
|
||
|
|
- 긴 설명 없이도 바로 대화가 된다
|
||
|
|
|
||
|
|
## 친근한 대화 UX 기본 원칙
|
||
|
|
|
||
|
|
- 설명보다 대화 시작이 먼저다
|
||
|
|
- 버튼은 짧고 부담 없어야 한다
|
||
|
|
- 프로필이나 방 표면은 과도하게 업무형이면 안 된다
|
||
|
|
- 하지만 장식 때문에 속도가 느려져서도 안 된다
|
||
|
|
- 감정 표현 장치는 얇고 빠르게 붙어야 한다
|
||
|
|
|
||
|
|
## 핵심 친근형 장치
|
||
|
|
|
||
|
|
### 1. 반응
|
||
|
|
|
||
|
|
친근한 대화에서 반응은 답장보다 가벼운 상호작용이다.
|
||
|
|
|
||
|
|
필수 원칙:
|
||
|
|
|
||
|
|
- 버블 주변에 얇게 붙는다
|
||
|
|
- 너무 많은 선택지를 기본 노출하지 않는다
|
||
|
|
- 모바일 한 손 조작 가능 위치에 둔다
|
||
|
|
|
||
|
|
### 2. 답장
|
||
|
|
|
||
|
|
답장은 친근한 대화에서 맥락을 살리는 가장 강한 장치다.
|
||
|
|
|
||
|
|
필수 원칙:
|
||
|
|
|
||
|
|
- 메시지 길이가 짧아도 쉽게 답장할 수 있어야 한다
|
||
|
|
- 인용 UI는 작고 읽기 쉬워야 한다
|
||
|
|
- 대화 흐름을 깨지 않아야 한다
|
||
|
|
|
||
|
|
### 3. 사진과 링크
|
||
|
|
|
||
|
|
친근한 대화에서는 말보다 사진과 링크가 더 자주 쓰인다.
|
||
|
|
|
||
|
|
필수 원칙:
|
||
|
|
|
||
|
|
- 붙여넣기 또는 드래그 직후 바로 감지
|
||
|
|
- 전송 전 확인은 짧게
|
||
|
|
- 링크 미리보기는 과하지 않게
|
||
|
|
|
||
|
|
### 4. 상태 메시지
|
||
|
|
|
||
|
|
상태 메시지는 강한 소셜 피드가 아니라, 가벼운 개성 부여 수준으로 유지한다.
|
||
|
|
|
||
|
|
허용 범위:
|
||
|
|
|
||
|
|
- 한 줄 상태
|
||
|
|
- 짧은 소개
|
||
|
|
- 간단한 프로필 표시
|
||
|
|
|
||
|
|
금지 범위:
|
||
|
|
|
||
|
|
- 피드형 카드
|
||
|
|
- 과한 자기표현 페이지
|
||
|
|
- 대화보다 프로필이 앞서는 구조
|
||
|
|
|
||
|
|
## 친근형 시나리오
|
||
|
|
|
||
|
|
## 시나리오 A. 잠깐 들어와서 한 방만 확인
|
||
|
|
|
||
|
|
### 목표 UX
|
||
|
|
|
||
|
|
- 앱 또는 웹 진입
|
||
|
|
- 최근 대화가 바로 보임
|
||
|
|
- 하나의 방만 열고 읽음
|
||
|
|
- 짧게 답장 또는 반응
|
||
|
|
- 곧바로 나감
|
||
|
|
|
||
|
|
### 성공 기준
|
||
|
|
|
||
|
|
- 15초 안에 읽고 반응 가능
|
||
|
|
- 타이핑 없이도 최소한의 표현 가능
|
||
|
|
|
||
|
|
## 시나리오 B. 사진 공유
|
||
|
|
|
||
|
|
### 목표 UX
|
||
|
|
|
||
|
|
- 카메라 롤 또는 붙여넣기에서 바로 이미지 선택
|
||
|
|
- 전송 전 확인 최소화
|
||
|
|
- 보낸 뒤 다시 보기 쉬움
|
||
|
|
|
||
|
|
## 시나리오 C. 링크 공유
|
||
|
|
|
||
|
|
### 목표 UX
|
||
|
|
|
||
|
|
- 링크를 붙여넣으면 자동 감지
|
||
|
|
- 제목과 사이트 정도만 가볍게 보임
|
||
|
|
- 대화 흐름을 해치지 않음
|
||
|
|
|
||
|
|
## 시나리오 D. 늦은 복귀
|
||
|
|
|
||
|
|
### 목표 UX
|
||
|
|
|
||
|
|
- 오랜만에 다시 열어도 최근 대화가 부담 없이 보임
|
||
|
|
- 세션 끊김 때문에 다시 가입하는 일이 없어야 함
|
||
|
|
- 읽지 않은 대화가 많아도 심리적으로 압도되지 않아야 함
|
||
|
|
|
||
|
|
## 친근형 제품 장치
|
||
|
|
|
||
|
|
### 빠른 반응 레이어
|
||
|
|
|
||
|
|
- 하트, 웃음, 체크 등 최소 4~6개
|
||
|
|
- 과하게 꾸민 이모지 메뉴는 금지
|
||
|
|
- 데스크톱은 hover 또는 우클릭, 모바일은 길게 누르기
|
||
|
|
|
||
|
|
### 대화 리듬 보호
|
||
|
|
|
||
|
|
- 시스템 메시지는 작게
|
||
|
|
- 읽음 상태는 압박감 없이
|
||
|
|
- 실시간 연결 상태를 감정적인 경고처럼 보이지 않게
|
||
|
|
|
||
|
|
### 가벼운 개성
|
||
|
|
|
||
|
|
- 프로필 한 줄
|
||
|
|
- 방 배경보다 아바타와 이름 체계 중심
|
||
|
|
- 색 과잉 금지
|
||
|
|
|
||
|
|
## 친근형 카피 원칙
|
||
|
|
|
||
|
|
### 권장
|
||
|
|
|
||
|
|
- `답장`
|
||
|
|
- `반응`
|
||
|
|
- `사진 보내기`
|
||
|
|
- `링크 공유`
|
||
|
|
- `조금 뒤에 보기`
|
||
|
|
|
||
|
|
### 금지
|
||
|
|
|
||
|
|
- 업무용 경고 문구를 캐주얼 방에도 그대로 적용
|
||
|
|
- 지나치게 건조한 시스템 톤
|
||
|
|
- 반대로 과하게 SNS형 문구
|
||
|
|
|
||
|
|
## 친근형 기능 우선순위
|
||
|
|
|
||
|
|
### P0
|
||
|
|
|
||
|
|
- 빠른 복귀
|
||
|
|
- 짧은 답장
|
||
|
|
- 실수 없는 전송
|
||
|
|
|
||
|
|
### P1
|
||
|
|
|
||
|
|
- 반응
|
||
|
|
- 답장
|
||
|
|
- 이미지 전송
|
||
|
|
- 링크 미리보기
|
||
|
|
|
||
|
|
### P2
|
||
|
|
|
||
|
|
- 상태 메시지
|
||
|
|
- 프로필 한 줄
|
||
|
|
- 읽음/입력 상태의 부드러운 표현
|
||
|
|
|
||
|
|
## 친근형 UX 측정 지표
|
||
|
|
|
||
|
|
- 재진입 후 답장까지 시간
|
||
|
|
- 반응 사용률
|
||
|
|
- 이미지/링크 공유 비율
|
||
|
|
- 대화별 평균 체류 시간
|
||
|
|
- 읽지 않은 대화 방치율
|
||
|
|
|
||
|
|
## 업무형과의 공존 규칙
|
||
|
|
|
||
|
|
- 같은 대화 목록과 셸 구조를 공유한다
|
||
|
|
- 정리 도구는 그대로 유지한다
|
||
|
|
- 표현 장치만 얇게 추가한다
|
||
|
|
- 감정 표현이 업무형 처리 흐름을 방해하면 안 된다
|
||
|
|
|
||
|
|
## 결론
|
||
|
|
|
||
|
|
친근한 대화 UX는 업무 UX의 반대편이 아니다.
|
||
|
|
둘 다 결국 `부담 없이 다시 들어오고`, `바로 읽고`, `쉽게 반응하고`, `맥락을 잃지 않는 것`에서 출발한다.
|
||
|
|
`KoTalk`가 친근한 메신저로도 살아나려면, 과한 감성 연출보다 가벼운 상호작용의 기본기를 먼저 갖춰야 한다.
|