목차
01. UX 기획 첫 단추 : 문제 정의 및 가설 수립
02. UX 기획 구체화 : 유저 사용 맥락 반영
03. UX 기획 구체화 : 논리적인 흐름 설계
04. UX 기획 문서화 : 화면 설계서 및 QA 문서
유저 사용 맥락을 반영할 수 있는 방법론
1️⃣ 유저 시나리오 User Scenario
2️⃣ 고객 여정 지도 Customer Journey Map
3️⃣ 유저 스토리 User Story
1) 유저 시나리오 (User Scenario)
제품 또는 서비스에 대한 유저 경험을 스토리텔링으로 기술하는 방법
- 디자인 초기 단계에서 유저에 대한 공감을 바탕으로 유저 중심의 솔루션을 찾을 때 활용한다.
- 유저 페르소나와 결합하여 작성하면 유저의 동기와 목표를 감성적으로 이해하는 데 도움이 된다.
유저 시나리오의 구성 요소
✅ 유저 : 유저 페르소나
✅ 목표 : 무엇을 달성하려고 하는지?
✅ 동기 : 왜 달성하려고 하는지?
✅외부 요소 : 어떤 것에 영향을 받는지? ex) 사용 상황, 사용 시간 등
☘️ 유저 시나리오 예시
버티컬 커머스 서비스를 사용하는 유저의 시나리오
- 버티컬 커머스 : 특정 카테고리를 중점적으로 다루는 온라인 쇼핑 전문몰. 예를 들어, 무신사는 패션 전문 버티컬 커머스다.
유저 : 홈트를 즐기고 건강에 관심 있는 30대 직장인 여성 클레어
목표 : 건강과 관련된 제품을 효율적으로 온라인으로 구매하고, 홈트 공간을 더욱 효과적으로 꾸미기
동기 : 품질높은 건강 제품과 홈트를 위한 트렌디하고 기능적인 아이템을 갖고 싶다.
외부 요소 : 평소 때는 구매를 하지 않지만, 오늘 블랙프라이데이 할인 쿠폰을 받았다. 눈독 들이고 있던 요가블럭이 마침 78% 할인된 가격에 판매되고 있어서 얼른 쿠폰까지 적용하여 저렴하게 구매한다.
2) 고객 여정 지도 (Customer Journey Map)
제품 또는 서비스를 유저가 이용하는 흐름을 시각화하여 분석하는 방법.
- 타임라인에 따른 유저의 여정을 시각적으로 표현하여 특정 시점에서의 경험을 파악하고 개선점을 찾을 때 활용.
- 전체 유저 경험을 한눈에 파악할 수 있다.
- 고객 여정 지도의 구성 요소
Zone A : 관점
1. 유저 페르소나 : 여정을 체험하는 유저
예시- 야근을 자주하는 20대 회사원 유진
2. 유저 시나리오 : 여정 지도가 다루는 상황 묘사, 유저의 목표와 기대치와 연결
예시 - 카카오T로 택시를 호출하여 편리하게 집에 돌아가고 싶어요. 얼른 빨리 집에 돌아가서 쉬고 싶은 마음 뿐이에요. 그런데 시간대가 밤이라서 편리한 호출과 안전한 운행을 기대하고 있어요.
Zone B : 경험
3. 여정 단계 : 타임라인 기반으로 분류
예시 - 호출 및 대기 단계, 픽업 단계, 이동 단계, 도착 및 결제 단계
4. 행동 : 유저가 특정 단계에서 취하는 행동
예시 - 호출 시 앱을 열어 목적지를 입력하고 택시를 호출해요. 이동 중 휴대폰이나 업무에 전념하거나 휴식을 취해요. 결제 시 앱을 통해 간편하게 결제를 진행하고 리뷰를 남겨요.
5. 생각 : 유저의 생각, 질문, 동기, 정보에 대한 니즈
예시 - 호출 시 택시가 빨리왔으면 좋겠다고 생각해요. 이동 중 길이 많이 안 막히길 바라면서 끝내지 못한 업무를 계속 생각해요. 결제 시 등록된 카드에 잔액이 남아있는지 잠시 생각해요.
6. 감정 : 단계에 걸쳐 단일 선으로 표현
예시 - 호출 시 근거리라 배차 거부를 하는 몇몇 택시 때문에 조급해져요. 이동 중에 괜히 길을 빙 둘러가지 않을까 불안해요. 결제 시 할증으로 비싼 택시비 때문에 잠시 당황해요.
Zone C : 인사이트
7. 기회 : 유저의 경험을 어떻게 최적화할 수 있는지에 대한 인사이트
예시 - 할증에 대한 투명성과 다양한 결제 옵션을 제공하면 유진이 더 편리한 결제 경험을 할 수 있을 거예요. 근거리 배차 거부를 최소화한다면 야근하는 유진이 퇴근하기 더 편리할 거예요.
8. 담당 팀이나 부서 : 해당 인사이트를 적용해볼 수 있는 협업자 코멘트
예시 - 결제 팀에서 요금 구조를 전달하는 방식과 결제 옵션 다양화를 고려할 수 있어요. 운영 및 품질 담당 팀에서 근거리 운행 거절에 대한 패널티 시스템을 고려할 수 있어요.
3) 유저 스토리 (User Story)
특정 기능을 실제 개발 구현 가능한 작은 단위로 기술하는 방법
- 주로 애자일(Agile) 방법론에서 사용. 특히 엔지니어가 개발 작업 시 기능을 이해하고 구현하는 데 유용하게 활용.
- 문서에서 일일이 모든 내용을 정의하기에는 한계가 있기 때문에 유저 스토리를 통해 구현할 사항에 대한 구성원 간 합의를 도출.
- ✅ 실무에서는 협업 시 유저 시나리오, 유저 저니맵보다 빈번하게 활용.
유저 스토리의 구성요소 :
★ As a {user} : 유저
★ I want {goal} : 유저가 원하는 기능 또는 행동
★ So that {benefit} : 이를 통해 유저가 얻을 수 있는 이득
☘️ 유저 스토리 예시
커머스 서비스에서의 유저 스토리
★ As a - 로그인한 유저
★ I want - 장바구니에 상품을 추가
★ So that - 나중에 담긴 상품들을 확인하고 구매하기 위해서
★ As a - 로그인한 유저
★ I want - 네이버페이와 카카오페이를 통한 간편 결제
★ So that - 편의성을 누리고 포인트 혜택을 받기 위해서
(심화)
걸킨 문법을 활용하여 테스트 케이스에 활용하기 좋은 구조로 유저 스토리를 구체화할 수 있다.
걸킨 문법 활용하여 유저 스토리 구체화하기
- 걸킨 문법(Gherkin Syntax)은 유저의 행동에 중점을 맞추어 개발하는 행동 주도 개발(Behavior-Driven Development) 환경에서 널리 활용되는 특수한 문법.
- As a, I want, So that만으로는 기능 구현 여부를 명확히 판단하기 어려워서 테스트 케이스를 구체적으로 정의하기 위한 용도로 활용하기도 한다.
- 걸킨 문법을 활용한 유저 스토리 구체화 요소
★ Given (주어진 상황) - 유저에게 주어진 상황
★ When (조건 및 행동) - 유저의 특정 액션 또는 이벤트
★Then (결과) - 특정 결과나 상태
☘️ 걸킨 문법을 활용한 유저 스토리 예시
- 유저의 추가 액션이 있을 경우 **And**와 **Or**을 활용하여 표현할 수 있다.
- 한 유저 스토리에 대한 구현에 대한 기준은 여러 개가 될 수 있다.
ex) 간편 결제 기능의 경우 결제 실패 케이스 등에 대한 내용도 포함될 수 있다.
'디자인 > UX UI' 카테고리의 다른 글
04. UX 기획 문서화 : 화면 설계서 및 QA 문서 (1) | 2024.07.11 |
---|---|
03. UX 기획 구체화 : 논리적인 흐름 설계 (1) | 2024.07.11 |
01. UX 기획 첫 단추 : 문제 정의 및 가설 수립 (1) | 2024.07.11 |
[UX/UI] 아티클 / 책 스터디 하는법 (0) | 2024.07.11 |
[UX/UI] 유저 페르소나 작성 이유 사용 방법 (0) | 2024.07.10 |