🤙 캐치테이블이 연락처 연동 기능을 추가한 이유는?

👀 오늘 소개할 서비스와 기능

1. 삼성 푸드 : 검색과 필터

삼성 푸드는 레시피 검색과 저장, 식단 계획, 식재료 관리 등 사전 준비 단계부터 조리, 콘텐츠 공유 등 식생활 전반에 필요한 기능을 하나의 플랫폼에서 제공하는 서비스입니다. 9월 1일부터 독일 베를린에서 열리는 유럽 최대 가전전시회 IFA 2023’를 통해 공개됐는데요. 인공지능(AI) 기반으로 개인 맞춤형 서비스가 가능하고, 삼성 주방 가전과 연동해 더욱 쉽고 편리한 조리 경험을 제공한다는 것이 특징입니다.

국내 서비스 중에서는 만개의 레시피와 우리의 식탁에서 제공하는 레시피도 포함되는데, 이는 레시피 탐색을 위해 여러 웹사이트나 앱을 확인할 필요가 없는 환경을 제공해 줍니다. 현재 16만 개 이상의 레시피가 포함되어 있어, 검색과 필터 기능이 중요할 수밖에 없는데요. 오늘은 새롭게 출시된 삼성 푸드의 검색과 필터 기능을 자세히 살펴보고자 합니다.

삼성 푸드의 검색은 크게 두 가지 화면과 상황으로 구분되는데요. 하나는 하단 내비에서 ‘둘러보기’를 선택했을 때로, 카테고리 및 추천 커뮤니티 등 검색 전 탐색에 도움이 되는 여러 정보를 함께 확인할 수 있습니다. 또 하나는 검색창을 선택했을 때로, 검색어로 입력될 가능성이 높은 키워드(재료)를 미리 제안하고 최근 검색어를 확인할 수 있습니다.

(1) 재료로 검색 기능은 키패드가 활성화된 상태에서도 확인이 가능하며, 하나가 아닌 여러 개를 동시에 선택해 검색할 수 있는데요. 보통 레시피를 메뉴로 검색하는 경우도 있지만, 갖고 있는 또는 원하는 재료를 통해 검색하는 경우도 있기에 관련 기능을 검색어 입력 단계에서 제안하는 것으로 보여요. 이 방법은 검색어로 입력할 가능성이 높은 대상을 쉽게 선택할 수 있는 역할은 물론, 검색을 어떻게 할 수 있는지에 대한 안내를 제공할 수 있는 역할로도 활용이 가능합니다. 텍스트(재료)와 이를 대표하는 이미지가 함께 적용되어 구분이 쉽다는 점 또한 주목할만한 내용입니다. 이 과정에서 또 하나 눈에 띄는 기능은 ‘재료로 검색’에 포함된 재료를 사용자가 직접 편집할 수 있다는 점인데요. 자주 사용하는 재료를 즐겨찾기 하고, 검색 시 탭 한 번으로 사용할 수 있습니다.

(2) 검색 결과 화면에서는 재료는 물론 식사 유형, 식단, 요리 시간 등 더 다양한 필터를 제공하고 있어요. 검색 시에는 검색에 도움이 되는 키워드를, 검색 후에는 검색 결과를 다양한 조건에 맞게 빠르게 필터링할 수 있는 기능을 제공하는 모습입니다. 결과 화면과 같은 ‘리스트’에서 필터는 자주 만나볼 수 있는 기능인데, 눈에 띄는 건 리스트 상단에 안내하는 ‘선호도 추가’ 기능이에요. (3) 언어, 식단, 식재료, 영양소, 가구수, 요리 경험, 좋아하는 요리 등 개인의 성향에 맞는 정보를 입력하면 불필요한 레시피를 빠르게 거를 수 있습니다.

*퀸잇은 왜 품절과 사이즈 입력을 연결했을까? : http://www.icunow.co.kr/mobileapps78/

1-1. 만개의레시피 : 검색과 필터

만개의레시피는 국내의 대표적인 레시피 공유 서비스로, 삼성 푸드에도 정보를 제공하고 있어요. 검색어를 입력하기 전 단계에서 (1) 추천 검색어를 포함, 실시간과 인기 검색어 정보를 제공하는데요. 모두 동일한 구성으로 많은 수를 제공하기에 집중이 잘 되지 않는 모습입니다. (2) 검색어를 입력한 뒤 결과 화면에서는 추천순을 기본으로 최신, 정확순의 정렬이 제공되며 (3) 검색 필터 기능을 통해 조리량, 시간, 난이도 등에 따라 레시피를 필터링해 확인할 수 있어요. 개인적으로 검색 필터를 검색어 입력 전으로 가져와 원하는 조리 조건에 따른 검색이 가능하도록 하면 어떨까 하는 생각이 들어요. 특별한 날을 제외하고는 요리를 하는 상황은 대부분 고정되어 있고, 검색 결과에도 충분한 영향을 끼치기 때문입니다.

1-2. 검색 기능 관련 읽어보면 좋은 글

검색 기능을 다섯 가지 유형으로 나눠, 사용자가 어떤 불편을 겪을 수 있으며 이에 따라 서비스는 어떤 방법을 활용할 수 있을지 자세히 정리한 내용이에요. 사례는 국내와 해외 사례를 모두 포함하고 있어요.

1-3. 필터 기능 관련 읽어보면 좋은 글

사용자가 원하는 리스트(결과)를 가장 빠르게 만나볼 수 있는 대표적인 방법은 필터와 정렬을 활용하는 것입니다. 대부분의 서비스가 리스트 내 필터와 정렬 기능을 활용하는 이유이기도 한데요. 주요 서비스를 기준으로 각 기능이 어떻게 구현되어 있는지, 어떤 방법을 활용하는 것이 더 사용자에게 직관적인지 자세히 살펴본 내용입니다.

2. 카카오내비 : 전기차 충전 라이브

저는 전기차를 사용하지 않지만, 사용하는 분들의 이야기를 들으면 가장 어려운 문제가 ‘충전’이라고 해요. 점점 많아지고 있지만, 아직 충전소 수가 부족하고 사용 현황에 대해 정보를 빠르게 확인하고 파악하기 어렵기 때문인데요. 충전소 사용여부 자체는 지금까지도 데이터로 확인할 수 있었지만, 충전이 끝나고 이동주차를 하지 않으면 사용 중으로 확인될 수 있어 직접 봐야 하는 상황이 발생했어요. 단자가 연결되어 있어야 충전 중임을 인식할 수 있다는 한계가 있어서예요. 이런 문제를 해결하기 위해, 카카오내비는 얼마 전 ‘전기차 충전 라이브’ 기능을 업데이트했는데요. 라이브캠을 통해 충전소 현황을 이전보다 자세히 확인할 수 있다는데 그 의미가 있어요.

(1) 카카오내비를 최신 버전으로 업데이트하고, 전기차 충전을 선택한 뒤 장소를 검색하면 상세화면에서 충전기 현황 정보를 확인할 수 있어요. (아직은 서비스 초기라 판교, 코엑스 등 일부 장소만 지원) (2) 충전기 현황은 크게 세 가지 상태로 확인할 수 있는데, 충전가능/이용중/확인불가입니다. 앞서, 충전 장소를 탐색할 때 불편함이 실제 비어있는지 여부를 쉽게 알 수 없다는 점이었는데요. 카카오내비는 실시간 카메라를 활용해 어느 칸이 실제 비어있고 사용 가능한지 여부를 시각적으로 안내합니다. 충전이 완료되었지만, 이동하지 않은 상황을 피해 진짜 충전이 가능한 곳을 빠르게 탐색할 수 있게 된 것이죠.

2-1. T맵, 네이버지도

카카오내비의 전기차 충전 라이브 기능을 보고나니, 기존 정보는 확실히 답답하게 느껴져요. (1) T맵과 (2) 네이버지도 역시 환경부에서 제공하는 데이터 등을 바탕으로 장소별 충전정보를 제공하고 있는데요. 충전가능여부는 알 수 있지만, 앞서 살펴본 것처럼 실제 차량이 아직 머물러 있는지 등을 알 수 없어요. 이 경우 충전가능 상태만 보고 일단 방문을 했는데, 차량이 주차된 경우를 뒤늦게 알게 될 수 있습니다. 

3. 니콘내콘 : 1:1 채팅 상담

니콘내콘은 기프티콘을 구매하고 판매할 수 있는 서비스를 제공하고 있는데요. 최근 1:1 채팅 상담 화면이 개편되어 함께 살펴보고자 합니다.

채팅 상담 기능은 최근 여러 플랫폼에서 도입하고 있는 기능인데요. 채팅 상담 솔루션을 제공하는 서비스가 따로 있을 만큼 고객이 처한 상황을 해결하고 더 나은 서비스를 제공하기 위한 관문이라고 생각되는 중요한 기능입니다. 

(1) 업데이트 전 화면에서 고객센터 진입 후 노출되는 화면인데요. 눈여겨볼 부분은 FAQ를 상단에 배치해 둔 점입니다. 사실 고객센터와 FAQ를 별도로 구분해 둘 수도 있는데요. 그런 경우 사용자는 FAQ에서 본인이 궁금한 부분을 찾지 않고 바로 문의하는 경우가 발생해요. 니콘내콘은 FAQ 를 먼저 보여줘 상단에서 하단으로 사용자의 시선이 이동하며 질문 리스트를 자연스레 접할 수 있도록 하고 있어요.

(2) 다음은 1:1 채팅 상담인데요. 최근 전화 상담을 줄이고 채팅이나 이메일 상담을 늘리는 플랫폼이 늘어나면서 고객센터 기능이나 상담 문의 기능을 찾기 어려운 UI를 종종 접했었는데, 니콘내콘의 사례처럼 고객이 인지하기 쉬운 형태로 제공하는 점도 인상 깊었어요. (3) 1:1 채팅 상담 버튼 터치 후 노출되는 하단 시트도 살펴보겠습니다. 상담 시간을 안내하는 점은 좋았으나 판구매 상담 문의를 각각 나눠서 해야 하는지에 대해선 다소 불편하게 느껴졌어요. 판구매가 아닌 서비스 이용에 대한 문의를 하려면 어디서 해야 할지 애매하고 판매 관련 내용을 문의하다가 구매 관련 문의를 하려는 경우엔 뒤로 가기 후 재선택해야 하는 건지 등등 기준이 다소 모호하게 구분되어 있는 것 같았습니다. 

마지막으로 채팅 상세 진입 후 화면입니다. (4) 상단에선 상담 시간을 한 번 더 노출하고 있는데요. 좋았던 점은 운영 시간뿐만 아니라 업무가 종료되었다는 문구도 함께 노출해 준 점이에요. 시간만 명시할 경우 사용자가 인지하는 데에 시간이 필요하기 때문에 업무 종료 문구를 통해 바로 인지할 수 있도록 제공하고 있어요. 또한, (5) 업무 중이 아닌 경우 아예 문의할 수 없도록 해두었는데요. 이런 경우 사용자는 업무 중인 시간에 맞춰 다시 문의해야 하는 불편함이 있기 때문에 문의하지 못하도록 하기보다는 운영시간 외 문의 시 답변이 느려질 수 있다는 방향으로 제공된다면 좀 더 나은 사용자 경험을 제공할 수 있을 것 같습니다.

업데이트 후에도 사용자가 문의 유형을 선택한 후 1:1 문의에 진입할 수 있었는데요. 판구매자 여부를 진입 전 꼭 선택해야 하는 이유에 대해선 아직도 이해하기 어려웠어요. (1) 업데이트 후에는 상담 가능 시간을 마치 토스트 형태로 고정 노출해 주고 있는데요. 사용자가 텍스트를 입력하려는 경우 운영 시간을 바로 확인하고 채팅 불가능한 시간대임을 알게 하려는 목적으로 보이는데, 업데이트 전보다 나아졌다고 느끼기 어려웠습니다. 운영 시간을 고정 노출하는데 채팅 메시지가 가려져 가독성이 떨어져 보였고 화면 내 노출되는 정보들의 중요도에 따른 위계도 눈에 들어오지 않았어요.

(2) 다음은 운영 시간에 문의하는 경우인데요. 아쉬웠던 부분은 운영시간에 문의한 경우엔 운영시간이 비노출되는 점이에요. 니콘내콘의 사례처럼 운영 시간 외 문의일 경우 문의할 수 없는 정책이라면 사용자가 운영 시간 정보를 앱 내에서 간편하게 인지할 수 있도록 상세 화면 내에서 노출해 줄 수 있어야 해요. 또한, 사용자가 직접 텍스트로 문의해야 하는 점도 아쉽게 느껴졌는데요. 일부 사용자의 경우 어떤 내용을 어떤 식으로 문의해야 할지 모르는 경우가 있기 때문에 판매 상담하는 사용자가 가장 많이 문의하는 내용에 대한 선택지를 리스트로 제공해 주어도 훨씬 편하게 문의할 수 있을 것 같습니다. 

*카카오 메이커스가 자주 묻는 질문을 활용하는 방법 : http://www.icunow.co.kr/mobileapps135/

3-1. 11번가 : 1:1 채팅 상담

11번가에선 다양한 형태로 고객상담을 받을 수 있는데요. 눈에 띄었던 점은 (1) 실시간 상담인 채팅과 전화 상담의 경우 문의 상황을 텍스트와 이모지를 통해 확인할 수 있도록 제공하는 점이에요. 이는 다양한 수단의 고객상담을 제공하면서 사용자가 문의량을 참고해 수단을 선택할 수 있도록 하고, 문의 전 문의량을 확인해 대기가 길어지는 경우 감안하고 서비스를 이용할 수 있도록 하기 위함으로 보입니다.

(2) 다음은 채팅상담 상세 화면인데요. 화면 상단에 상담 진행 또는 종료 여부와 운영 시간을 노출해 사용자가 현재 상태를 바로 확인할 수 있도록 제공하고 있습니다. 또한 문의 유형별 선택지를 제공하는 점도 인상 깊었는데요. 문의 유형이 범주화되지 않은 상태에선 사용자와 상담사의 의사소통이 불필요하게 길어질 수 있기 때문에 사용자에게 선택지를 제공해 주고 있었습니다. (3) 채팅 상담 상세 화면 내에서 모든 선택을 할 수 있도록 제공하는 점도 눈에 띄었는데요. 사용자의 주문 내역이나 찜, 최근 본 상품 등을 채팅 상담에 활용해 바로 상담원에게 공유할 수 있도록 하여 사용자가 직접 상품 또는 주문 정보를 알고 있어야 하는 불편함을 덜어주고 있습니다.

3-2. 문의 기능 관련 읽어보면 좋은 글

라이브 채팅 기능의 이점과 적용 시 고려해야하는 점, 활용 시 중요하게 생각해야 하는 내용들이 잘 정리되어 있어요.

4. 캐치테이블 : 연락처 연결

캐치테이블 서비스에는 다른 사용자를 팔로우하고 팔로잉 할 수 있는 기능이 제공되고 있었는데요. 최근 연락처 연동을 통한 친구 추가 기능이 업데이트되어 함께 살펴보고자 합니다.

(1) 이번 업데이트에서 인상 깊었던 부분은 관련 범위에 있는 다른 화면에 신규 기능 사용을 유도하고 있다는 점인데요. 알림 내 활동 탭에서 연락처 연결을 통해 친구를 팔로우하고 레스토랑 예약과 같은 캐치테이블 내 서비스를 이용하도록 노출하고 있어요. 활성 유저 여부에 따라 신규 기능에 대해 인지하고 있는 범위가 다를 수 있는데요. 이런 경우 관련 화면 내에 신규 기능에 대한 안내가 사용자의 참여도를 높일 수 있는 좋은 수단이 될 수 있을 것 같습니다.

(2) 다음은 연락처 연결 상세 화면인데요. 눈에 띄는 점은 개별 기능의 타이틀 하단에 기능 소개를 간략하게 노출하고 있는 점입니다. 확인해 보니 모든 영역에서 이런 방식으로 노출되고 있는 건 아니었는데요. 앱을 사용하는 데에 필요한 기본적인 기능인 경우 별도 설명이 없더라도 사용자가 인지할 수 있지만 개별 플랫폼에서 제공하는 특정 기능인 경우 이런 간단한 소개를 보고 기능에 대해 대략적으로 이해하고 활용할 수 있도록 유도하는 점이 인상 깊었어요.

(3) 마지막으로 친구 연결 후 화면입니다. 캐치테이블 앱 가입자인 친구와 미가입자인 친구를 구분해 보여주고 있는데요. 아쉬웠던 점은 화면 내에서 팔로우 기능만 제공하고 이외 프로필 이동과 같은 사용자 확인을 위한 기능은 별도로 제공하고 있지 않다는 점이에요. 때문에 등록되어 있는 전화번호가 실제 지인이 맞는지 대략적으로 확인하기 어려웠어요. 또 친구 추가하기 화면에서 팔로우한 사용자의 프로필을 확인하려면 다시 마이페이지로 이동해 팔로잉 친구 리스트에서 확인해야 하는 불편함도 있었어요.

4-1. 커리어리 : 이력 연동

플랫폼 내에서 사용자의 정보를 연동하는 기능과 관련해 커리어리의 경우엔 특별한 연동 기능을 제공하고 있었는데요. (1) 바로 이력 연동 기능입니다. 커리어리가 개발자 커뮤니티에 특화된 기능을 제공하면서 재직 중인 회사나 개인의 이력을 공개하고 활동하는 사람들이 많아지면서 내 프로필 화면에서 이력 연동 기능을 제공하고 있어요. (2) 이력 연동의 경우 이력서 파일을 불러오는 등의 여러 방법이 있을 수 있는데요. 그중에서도 커리어리가 선택한 방법은 URL 링크를 활용한 방법입니다. 크게 링크드인 주소 또는 다른 곳의 링크를 커리어리로 불러올 수 있는데요. (3) 링크드인의 경우 ‘내 링크드인 주소 불러오기>’ 버튼을 터치하면 링크드인 앱으로 넘어가 바로 불러올 수 있던 점은 편리하게 느껴졌어요. 다만 아쉬웠던 부분은 상세 화면에 진입하고 나면 다른 URL 링크를 추가할 때 뒤로 가기 해야 하는 점인데요. 한 화면 내에서 탭 형식으로 구분하면 좀 더 빠른 선택이 가능하지 않을까 하는 생각이 들었습니다.

🗞 서비스 소식 큐레이션 

전하고 싶은 업데이트 소식이 있으신가요? 아래 링크를 통해 알려주세요!

💬 이번 업데이트 소식은 어땠나요?

이번 업데이트 소식은 어땠나요? 뉴스레터에 대한 의견을 더해주세요!

의견 등록하기

📤 지난 업데이트 소식 살펴보기

팁스터 뉴스레터의 공식 오픈채팅방에 참여해보세요!

팁스터 뉴스레터에서는 프로덕트와 관련된 다양한 주제의 콘텐츠를 발행하고 있어요!

멤버십 콘텐츠 중 '캠핑'편은 무료로 체험하실 수 있어요!