2021. 9. 19 채널톡 채팅 버튼이 달라집니다
완전 새로워진 고객 채팅 경험
이번 iOS 15 업데이트에 맞춰 채팅경험을 대규모 개선했어요
채널톡의 본질은 엔드 유저, 즉 말을 거는 고객의 채팅 경험이라고 생각해요. 이번 업데이트에서는 사이트의 가독성을 높이고, 유저의 피로감을 덜기 위해 뉴트럴한 방향으로 개편했어요. 또한 크게 바뀌는 iOS 15 웹 경험에 최적화된 디자인을 소개드릴게요.
채널톡의 본질은 엔드 유저, 즉 말을 거는 고객의 채팅 경험이라고 생각해요. 이번 업데이트에서는 사이트의 가독성을 높이고, 유저의 피로감을 덜기 위해 뉴트럴한 방향으로 개편했어요. 또한 크게 바뀌는 iOS 15 웹 경험에 최적화된 디자인을 소개드릴게요. 사이트에 스며드는 채팅 버튼
우선 채널톡 버튼 디자인이 크게 바뀌었어요.
컬러가 지나치게 강조되어 엔드유저가 사이트 내용에 집중하는 데 어려웠어요. 이는 특히 모바일에서 두드러졌죠. 바탕을 하얗게 처리하고 말풍선의 컬러감을 부드럽게 처리하도록 바뀌었어요.
Before → After
다양한 컬러의 적용
데스크탑과 모바일에서의 화면
라벨 버튼으로 주목도 올리기
기존에는 모바일 환경의 채팅 상담 문의량이 적어 고민이라는 피드백이 있었어요. 그래서 고객이 채팅 상담이 있다는 걸 인지할 수 있도록 라벨 버튼이 추가됐어요. 어떤 브랜드에도 어울리는 무난한 톤에 모바일 푸시 경험과 비슷한 디자인이에요.
버튼 라벨은 아래나 위에 띄울 수 있어요
특히 SMB일수록 채팅 상담량이 많아야 세일즈 할 수 있는 기회도 늘고, 매출이 늘기 마련인데, 모바일상 고객 문의량이 현저히 낮다는 피드백이 있었어요. 모바일로 접속한 고객들이 채팅 버튼을 인식하지 못했죠. 그래서 모바일에서도 채팅 상담 버튼이 있다는 걸 명확하게 인지할 수 있도록 설명 문구를 넣게 하고 막대형 디자인을 도입했어요. 그렇다고 화면을 늘 가릴 순 없기에, 한 번 누르면 작은 버튼으로 변하도록 했어요.
라벨 버튼은 새로운 메시지가 오면 사라져요
브랜드의 인상을 심어주는 라운지
고객이 가장 먼저 마주하게 되는 곳이 라운지인데요. 채팅에 집중할 수 있도록 군더더기 없이 깔끔하고 뉴트럴한 디자인으로 리뉴얼되었습니다. 크게 바뀐 몇 가지를 알려드릴게요.
Before → After
- 브랜드의 설명 또는 공지사항을 넣는 공간이 마련되어 있어요. 고객에게 전하고 싶은 메시지를 남겨보세요.
- 채널톡으로만 상담을 받고 싶다는 피드백을 반영해 필요에 따라 외부 메신저를 숨김처리도 가능해요.
이제는 안 읽은 메시지를 전체 읽음 처리로 변경할 수 있어요. 상담을 요청하는 고객이 편리해야 브랜드에 대한 이미지도 좋아지겠죠?
자꾸만 말 걸고 싶어지는 채팅 상담
이번 디자인 개편의 근본, 바로 엔드 유저에게 미려한 채팅 경험을 선사하는 게 가장 큰 목표였어요.
특히 이번 iOS 15 개편중 주소창이 아래로 바뀌는 경험을 고려해 채팅 경험을 최적화하고 구조적으로 완전히 바꾸었어요. 엔드 유저, 실 사용자의 채팅 경험만큼은 채널톡이 다른 누구보다 빠르게 대응하고 최우선으로 고민한다고 생각해요.
디자인 개편 항목을 자세히 소개할게요.
•
기존에는 채팅 상담 버튼을 눌렀을 때 라운지가 새탭으로 열렸는데, 이제는 새탭이 아닌 같은 화면에서 라운지가 열리고 '새 문의하기'를 눌러야 새 탭으로 실시간 채팅 상담이 열리게 됩니다. 채팅 상담 중 뒤로가기를 누르면 라운지로 이동이 가능한거죠.
•
네비게이션 바의 디자인과 프로필 아바타도 채팅 경험을 해치지 않는 디자인으로 리뉴얼 되었어요.
•
모바일 환경에서의 마케팅 버블의 위치 변경도 가능해졌어요.
•
모든 메시지마다 표시되던 번역 보기, 날짜 표시가 스마트하게 묶여서 보이도록 바뀌었어요.
•
채팅 화면 맨 위에 브랜드 소개가 표시돼요.
모바일 SDK를 이용하는 고객님들은 적용이 되지 않습니다.
업데이트 예정이니 조금만 기다려주세요
지금까지 새롭게 릴리즈 된 프론트 디자인을 소개해드렸습니다. 앞으로도 많은 고객들이 대화를 걸고 싶은 제품이 될수 있도록 최선을 다하겠습니다. 앞으로도 엔드유저를 위한 미려한 채팅 경험을 위해 다크모드, 팝업 디자인 개선 등 많은 고민과 최선을 다하도록 하겠습니다
