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