Share
Sign In
디자인 프로세스
Pinned
반응형 AI 여행 가이드 웹앱 UI/UX 기획 및 디자인
J
John
👍
💬
LLM 기반 AI 여행 테마 가이드 스토어의 웹 UIUX를 설계하고,
프로토타이핑 및 설문조사를 진행했습니다. 설문조사 결과, 구매의향률 800% 향상시켰습니다.
프로젝트 배경
LLM 기반 여행 AI 가이드 "리라"는 다양한 여행지를 추천해 주는 서비스로, 사용자의 질문에 범용적인 여행 장소와 정보를 제공합니다. 하지만, MVP 출시후 사용자 인터뷰로부터 얻은 초기 피드백에서 서비스에 실제 금액을 지불할 의향이 있는 사용자는 12%에 불과했어요.

'금액 지불 의향'을 중점적으로 본 이유는 해당 서비스는 GPT 토큰비용이 들어가기에 BM도 해당 토큰비용을 생각할 수 밖에 없었어요.

이에 따라 고객의 니즈를 파악할 수 있는 UX설계와 설문을 통한 PMF를 검증을 제안했어요.
문제
MVP 제품 UT 후, 인터뷰를 통해 실제 금액 지불 의향을 파악했습니다. 그 결과 '지불 의향이 있다.' 라고 답변한 사용자가 12%에 불과했어요.
주요 사용자 인터뷰 내용
UT에서 얻은 사용자의 주요 의견은 '개인화된 장소 추천의 부재'였어요. 추천해주는 여행 장소들이 범용적이고, 사용자의 개인적인 취향과 요구를 충분히 반영하지 못하여 사용자를 만족시키지 못했어요.
목표 설정
우리팀은 이번 스프린트 목표를 아래와 같이 설정했어요.
STEP 01. 여행 추천 개인화 강화할 수 있는 기능 도출.
STEP 02. 사용자 구매 의향률 향상을 검증.
STEP 03. 결과에 따라 서비스 방향성 재설정.
그리고 이를 달성하기 위해 아래와 같은 사항을 고려했어요.
초기 시장 진입을 위한 마케팅까지 고려한 기능 이어야한다.
우리팀은 초기 시장 진입을 고민하지 않은 디자인으로 MVP출시 후 홍보에 어려움을 겪었었어요.
따라서, 이번 스프린트를 기획할 때 어떻게 초기 시장에 진입하고, 사용자들에게 자연스럽게 바이럴될 수 있을까를 고민했어요.
가설 도출과정
가설을 도출하기 위해 우리 팀이 현재 가지고 있는 능력, 현재 여행 트렌드를 리서치했어요.
우리팀의 능력
페르소나를 가진 AI 프롬프팅 및 빠른 장소 수집 기술을 활용할 수 있다.
여행 트렌드
개인별로 다양한 여행 요구가 증가하고, 희망하는 여행지는 더욱 개인화되고 있다.
-출처 : 한국문화관광연구원 (2022)
가설
다양한 개인의 여행 목적에 맞게 장소를 수집하고, 이를 페르소나를 가진 개인 맞춤 '여행 가이드'를 제공할 수 있다면?
해결
여행 테마에 맞는 장소를 학습한 다양한 AI를 제공한다면 'AI 여행 테마 가이드 스토어'를 제공하여, 사용자들의 개성과 취향을 고려한 맞춤형 장소 정보를 제공할 수 있다면 '개인화된 장소 추천 부재' 문제를 해결할 수 있을거라 생각했어요.
AI 여행 테마 가이드 스토어로 UX 컨셉을 세운 이유는 다음과 같아요.
1. 결정 피로도를 줄여줘요.
다양한 선택지에서 선택을 하는 것은 인지적 피로를 유발할 수 있어요. 특정 테마를 선택함으로써 선택지를 줄이고, 결정 과정을 단순화하여 인지적 부담을 줄여 불필요한 장소 정보를 추천받지 않도록했어요.
2. 행동 동기 부여해요.
개인화된 추천은 사용자의 동기를 높여요. 자신이 관심 있는 테마에 맞춘 정보를 제공받으면, 더 적극적으로 여행 계획을 세우고 행동하게 될 것이라 생각했어요.
3. 초기 시장 진입에 용이해요.
애니메이션 투어 가이드는 애니메이션 팬들에게, 인스타 핫플 가이드는 사진 촬영을 좋아하는 사람들에게 맞춤형 장소 정보를 제공해요. 이를 통해 마케팅 타겟을 좁힐 수 있을거라 예상했어요.
해결
웹으로 만드는게 접근성이 낮아 초기 유저 유입을 높이는데 용이하다고 판단했어요. 개발팀에 문의시 MVP앱을 플러터로 개발됐기에 웹으로도 빠르게 구축할 수 있다는 답을 전달받았어요.
따라서 개발 시간을 최대한 단축시키기 위해 기존 앱의 컴포넌트를 최대한 활용하여 반응형으로 웹을 디자인했어요.


AI 여행 테마 가이드 스토어
자신의 여행 스타일에 맞는 다양한 AI 가이드를 이용할 수 있도록하기 위해서, 가이드들을 채팅방에 추가할 수 있도록 디자인했어요.

따라서 애니메이션 혹은 SNS를 좋아하는 사용자는 해당 투어 가이드를 자신의 채팅방에 추가하여 이에 맞는 정보만 추천받을 수 있어요.

여행 테마 가이드에게 추천받기
여행 테마 가이드는 특정 장소를 학습하여 개인화된 정보를 제공해요.
예를 들어, 도쿄 애니메이션 테마 가이드는 애니메이션 관련 장소들에 대한 전문 지식을
바탕으로, 해당 테마에 부합하는 심층적인 정보를 제공하게 되는거죠.

1. 여행 가이드에 맞춘 AI 어드바이저 제공
사용자에게 질문 방법에 대한 안내를 제공함으로써, 효과적인 온보딩 역할을 부여했어요.
2. 여행 계획과 북마크는 어디서든 볼 수 있게
계획 및 북마크 기능을 포함한 네비게이션을 우측에 고정함으로써, 추가한 장소들을 언제든지 쉽게 확인할 수 있도록 했어요.

1. 채팅과 장소 정보를 동시에 볼 수 있도록
사용자기 채팅을 하면서 얻은 장소들을 화면 이동없이 볼 수 있다면 장소 비교가 편할거라 생각했어요. 이를 위해, 화면을 스플릿 뷰로 설계하여 사용자가 AI와 대화하며 장소 정보를 볼 수 있도록 디자인했어요.


1. 최소한의 입력으로 최대한의 효율을 위한 여행 코스 생성
AI 여행 앱을 사용하는 주요 니즈는 시간과 노력을 절약하는 것이라고 생각했어요.
따라서 사용자가 2가지 질문을 했을 때 여행 코스를 구성할 수 있는 어드바이저가 보이게 설계했어요.
결과
프로토타입을 제작하여 132명을 대상으로 설문조사를 진행한 결과,
이러한 결과들을 얻을 수 있었어요.
설정한 가설인 '여행 가이드' 서비스 기능으로 인해 구매 의향률이 기존 12%에서 81%로 약 800% 대폭 상승했어요.



여행 AI 서비스의 적정 가격을 결정하기 위한 질문을 통해,고객이 서비스에 지불하기 위한 적정 가격을 파악할 수 있었어요.



서비스에 대한 사용자의 솔직한 목소리를 들을 수 있었고, 앞으로의 서비스 방향성을 설정할 수 있었어요.

배운 것
빠르게 고객이 원하는 제품을
검증해보기
사용자와 맞춰나가기
빠른 검증 과정의 중요성을 인지했으며, 고객의 요구에 중점을 두는 것의 필요성을 깨달았어요.
초기 가설에 얽매이지 않고, 사용자 중심에서 생각하며 제품과 사용자 사이의 간극을 조금씩 맞춰나가며 사용자를 위한 프로덕트를 만들고자 생각했습니다.
답을 모를때는 빠르게 물어보기
아이디어 제시 후, 2일 이내에 궁금한 답을 얻기 위한 설문조사를 기획하고 기획/디자인과 프로토 타이핑을 통한 검증을 목표로 설정했습니다. 이를 통해 빠르게 고객에게 우리가 만들고자 하는 제품을 보여줄 수 있었고. 그에 따른 답을 얻음으로 인해서 의사결정 시간을 효율적으로 단축시킬 수 있었습니다.
사용자 중심의 팀으로 바꾸기
초기에 팀은 사용자 의견에 지나치게 의존할 수 있다는 우려를 표현했습니다. 그러나, 사용자 중심 디자인의 중요성을 강조하고 이를 실행함으로써, 정량적 데이터의 시각화를 통해 팀의 공감을 얻었고, 결국 사용자 중심의 디자인 문화를 팀 내에 정착시킬 수 있었습니다.
Jo
Subscribe to 'john'
Welcome to 'john'!
By subscribing to my site, you'll be the first to receive notifications and emails about the latest updates, including new posts.
Join SlashPage and subscribe to 'john'!
Subscribe
👍
John
블라인드 화상채팅 Haze
블라인드 화상채팅 Haze를 기획 & 디자인했어요. 1차 MVP 개발 완료하여 플레이스토어 배포했어요. 재미로 했던 화상채팅에서 불쾌했던 경험이 있으셨나요? 이 문제를 해결하기 위해, 바로 얼굴이 공개되는 기존 화상채팅과는 달리, 먼저 블라인드로 대화를 나눈 후 서로의 얼굴을 공개함으로써 낯선 사람과도 편안한 소통이 가능하게 하는 헤이즈를 기획하고 디자인했어요. 프로젝트 배경 '화상 API를 사용한 앱' 이라는 주제로 사이드 프로젝트를 진행했어요. 우리는 화상채팅 서비스를 만들기로 결정했고, 이 것으로 어떤 문제를 해결할 수 있을까를 고민했어요. 설문조사 화상채팅 서비스를 경험해본 적 있는 21명을 대상으로 설문조사를 진행했어요. 누구를 만날지 기대됨과 동시에 모르는 타인에게 내 얼굴을 공개하는 것이 꺼려진다는 의견이 대다수였어요. 문제 설문조사 내용을 토대로 3명과 인터뷰를 진행하고 주요 문제점 2가지를 정의했어요. 가설 처음에는 얼굴을 가리고 이야기하다가 신뢰가 쌓이면 상호 동의 하에 얼굴을 공개하는 건 어떨까? 해결 화상채팅에 블라인드 기능과 연락 여부 선택권을 제공함으로써, 사용자가 기대감을 갖고 편안하게 소통할 수 있을 거라고 예상했어요. 서비스의 안전감과 신뢰를 강조함과 동시에 상대방과 연결된다는 느낌이 들 수 있도록 인터랙션 및 UI를 구성했어요. 안전감을 느낄 수 있도록 안전한 환경과 동시에 새로운 만남과 관계 형성에 대한 기대감을 줄 수 있는 경험을 고민했어요.
John
멀티모달 LLM 기술로 강화된 온라인 CS상담
기존 콜센터 상담 방식의 주요 문제를 LLM AI, 모티모달 기술을 적용해 디자인 솔루션으로 도출하고, 사용자 테스트를 통해 긍정적 피드백을 받았습니다. 쇼핑몰에서 네이버톡이나 채널톡 같은 편리한 온라인 CS가 일상화되었어요. 하지만, 전자제품과 같이 복잡한 기술 지식이 필요한 상황에서는 기존의 서비스에는 한계가 있어요. 콜센터 근무 경험에서 발견한 문제를 해결하기 위해, 기술을 활용하여 전통적 CS의 한계를 뛰어넘는 새로운 서비스를 디자인했어요. 프로젝트 배경 콜센터를 근무하며 제가 느꼈던 가장 큰 문제점은, AS 접수나 고장 문의에 필요한 제품 모델명을 대다수 고객들이 어디에서 찾는지 모른다는 것이었어요. 고객에게 제품 사진을 찍어 보내달라 요청한 후 모델명을 파악하고, 다시 전화를 걸어 문제를 해결하는 단순한 작업을 반복했어요. 이러다보니 문제 해결에 시간이 오래 걸렸고, 쌓이다 보니 업무가 과부하됐어요. 저는 이를 AI 기술로 해결할 수 있지 않을까? 생각했어요. 문제 결국, 두 가지 큰 문제가 보였어요. 이 문제를 어떻게 해결할 수 있을까 고민해봤어요. 가설 멀티모달 LLM 기술을 CS상담 서비스에 적용시켜, 다양한 사용자 문의를 즉각적이고 정확한 답변을 제공하면, 고객이 원하는 정보를 더욱 쉽고 빠르게 얻을 수 있지 않을까? *멀티모달 LLM : 텍스트, 이미지, 소리 등 다양한 형태의 데이터를 이해하고 처리할 수 있는 AI 기술 해결 직접 경험했던 고객과 상담원 간의 상담 과정에서 발생할 수 있는 주요 대화 흐름에 집중했어요. 이를 AI 기반 서비스로 해결하기 위한 UX 전략을 도출했어요. 디지털 소외계층을 주 사용자로 고려하여 접근성을 높이고, 인터랙티브한 응답 시각화를 통해 사용자에게 명확하고 이해하기 쉬운 UI를 제공하는 것을 최종 디자인 방향으로 설정했어요.
Pinned
John
여행 장소 추천 AI UX개선 프로젝트
여행 장소 추천 AI UX 개선 프로젝트를 통해, AI 여행 큐레이터라는 새로운 UX를 도입하여, ‘AI 에게 질문하는 것의 막막함’과 ‘정보의 부재’ 등의 주요 문제를 개선했습니다. 리라는 사용자의 질문과 맥락에 기반해 여행 장소를 추천하는 생성형 AI 서비스입니다. 원하는 여행 장소를 AI로 쉽게 찾아줘 사용자의 시간을 아껴줄 수 있게 하는것이 서비스 목표입니다. 하지만 첫 UT 진행 시, 많은 문제점이 있었어요. 프로젝트 배경 AS-IS는 사용자가 찾은 장소를 가로스크롤 카드로 보여주고, 해당 장소 정보를 숏폼 영상 형식으로 제공되는 형태로 디자인되었어요. 문제 개발된 프로토타입으로 사용자 10명을 대상으로 UT를 진행했고, UT에서 얻은 주요 문제는 다음과 같아요. 처음 앱을 실행하고 AI에게 어떻게 물어봐야할지 고민하던 사용자가 많았어요. 사용자 질문에 따라 장소 3개가 추천되는데, 원하는 장소가 안나와서 몇 번이고 질문을 반복하는 경우가 생겼어요. 장소 소개글은 수집한 장소 정보를 조합해서 AI가 자동으로 작서앻요. 하지만 정보가 부족하고 리뷰를 볼 수 없어서 다시 한번 따로 검색해볼 것 같다는 의견이 있었어요. 또한 가장 큰 문제는 앱의 '차별점'이 없다는것이였어요. 단순 '검색'과는 다른 우리 서비스만의 사용자 경험을 만드는게 필요했어요. 우리팀의 제약사항 개선 사항을 모두 이상적으로 반영하면 좋았겠지만, 제약 사항이 몇 가지 있었어요. 추가 개발 및 구글이나 유튜브에서 제공하는 API를 이용할 수도 있었지만 초기 스타트업의 부족한 자본, 시간, 인력 리소스 등 모두를 고려할 수 밖에 없었어요. 따라서 해당 제약사항들을 염두하면서, 최소한의 효율로 빠르게 실행할 수 있는 방법을 고민이 필요했어요. 목표 설정 우리 팀은 이번 프로젝트의 목표를 아래와 같이 설정했어요. AI에게 질문을 쉽게할 수 있는 온보딩.