콘텐츠 참여도를 높이는 댓글 UI 만들기

요즘 대부분의 온라인 콘텐츠에는 댓글 기능이 제공되곤 하죠.
 
뉴스에도 댓글, 블로그에도 댓글, 유튜브에도 댓글!
 
댓글 기능을 제공하면,
 

• 사용자의 적극적인 참여를 이끌어 낼 수 있고
• 활발한 논의, 피드백 등 풍부한 2차 콘텐츠가 만들어져

 
해당 콘텐츠를 소비하는 사용자의 경험(UX)를 더욱 풍성하게 만들 수 있습니다.
 

과연 이런 댓글 UI를 만들려면
어떤 것들을 정의해야 할까요?

 

---

영역 구분

댓글 영역은 보통 컨텐츠 영역 하단에 제공합니다.


댓글 영역은 다시 크게 1. 입력 영역과 2. 조회 영역으로 나뉩니다.


그러면 각 항목별 구성 요소들을 더 자세히 알아봅시다.

---

1. 입력 영역

1. 작성자 정보

• 사용자 아이콘
• ID or 닉네임

2. 입력 필드

• 입력 가능한 문자에 대한 정의 필요
• 필요 시 이모지 입력 기능도 제공 가능
• 글자수 제한

3. 버튼

• 확인
• 취소

---

2. 조회 영역

1. 타이틀 영역

• 제목
• 댓글 개수
• 정렬 (최신순/인기순 등)

 
2. 댓글별 구성 항목

• 작성자 정보
• 작성 일시
• 댓글 내용
• 답글
  • 작성하기
  • 조회하기
• 부가 기능
  • 좋아요/싫어요
  • 신고
  • 차단

---

이렇게 해서 아주 간단하게, 댓글 UI의 구성 요소들을 살펴보았습니다.
 
최근에는 콘텐츠의 댓글들을 모아 다시 새로운 콘텐츠를 만들 만큼, 참여자의 댓글 작성도 활발하고, 이를 활용하는 방안도 무궁무진합니다.
 
잘 만들어두면 우리 서비스에 도움이 되는 댓글 기능! 
 
주요 요소들 잘 챙기셔서 좋은 UI 만드시길 바라겠습니다 :)
 

---

나를 위한 일하기