와이어프레임을 그리며 페이북을 역기획 해보자

 

오늘 분석할 프로덕트는 페이북! 평소 ISP결제 때문에 유용하게 이용하다가, 비씨카드에서도 마이데이터 사업을 신성장동력으로 선정해 페이북을 금융 정보들을 제공하는 서비스로 탈바꿈시키고 있다는 인터뷰를 보고 선정해 보았다. 사실 그렇게 편하다는 토스도 귀찮아서 깔아놓고 사용하지 않았는데.. 이참에 좋으면 페이북을 써볼까 싶다. 먼저 어떤 플로우를 와이어프레임으로 나타낼 것인지 정하기 위해 유저 스토리를 정리해보자. 

 

User story

[사용자]는 [목적]을 위해 [활동/작업]하기를 원한다

 

• As a [type of user]
• I want to [action]
• so that [benefit]

 

진짜 문제를 찾기 위한 5whys

 

1. 페이북을 왜 사용하는가?

- 결제를 편하게 하기 위해서, 자산을 한 눈에 보기 위해서, 생활 속 할인 혜택을 확인하기 위해서

 

2. 왜 자산을 한 눈에 보고 싶은가?

- 예적금, 투자, 각종 포인트 등이 흩어져 있어서 내 자산의 정확한 규모를 측정하기 어렵다

 

3. 왜 자산의 규모를 측정하고 싶은가?

- 투자, 예적금 등 자산을 다양하게 운용할 계획을 세우기 위해서 현재 가진 자산을 파악하고 싶다

 

4. 왜 현재 가진 자산을 파악하고 싶은가?

- 지출과 소비 내역을 확인하고, 전체 흐름을 확인하고 싶어서

 

5. 왜 전체 흐름을 확인하고 싶은가?

- 나의 소비 패턴을 확인하고 절약하기 위해서

 

 

페이북의 유저 스토리는 아래와 같다. 

• 다양한 방법으로 자산 운용을 시도하고자 하는 페이북 사용자는
• 스스로의 소비 습관을 확인하기 위해서
• 여러곳에 흩어진 자산의 종류와 변동을 한 눈에 확인하고 싶다

 

 

핵심 기능과 Flow

 

1. 전체 자산 현황 리포트

 

먼저 페이북의 핵심 기능을 살펴보자. 홈 화면의 내 자산 탭과, 하단 GNB의 내자산을 클릭하면 금융 자산을 연결한 만큼 전체 자산의 규모와, 어떤 종류로 자산이 구성되어 있는지 구성비를 시각적으로 나타내는 내 자산 리포트를 볼 수 있다. 이 때 내 자산 리포트의 가장 오른쪽 캘린더 모양을 클릭하면, 수입 지출 캘린더를 확인할 수 있다.

 

 

2. 수입 지출 캘린더

 

수입 지출 캘린더는 매달 수입과 지출 금액을 캘린더 형태로 확인할 수 있도록 돕는 기능이다. 상단에서 전체 수입과 지출 금액을 확인할 수 있고, 수입은 보라색/지출은 검은색으로 캘린더의 각 일자 아래에 금액이 표시되어 있다. 금액이 커서 '저 날 뭘 했길래 저렇게 돈이 많이 나갔지' 하고 날짜를 클릭하면, 하단에 해당일의 상세 지출/입금 내역을 확인할 수 있다. 이 또한 금융 정보를 연동하는 만큼 확인할 수 있다. 예를 들어 카카오뱅크만 연동했다면 카카오뱅크의 수입/지출 금액만 확인이 가능하고, 카카오뱅크, 우리은행, 신한은행을 연동했다면 세 은행에 해당하는 정보를 볼 수 있다. 

 

 

3. 소비 리포트

 

많은 가계부 앱과 금융 앱들이 제공하는 소비 리포트 기능이 페이북에도 있다. 소비 리포트는 매달 소비한 금액과 지출처를 알기 쉽게 리포트 형태로 정리해주는 기능이다. 타임라인기능은 일자별로 전체 수입/지출 내역을 확인할 수 있고, 카테고리에서는 지출처의 비율을 확인할 수 있다. 마지막으로 고정소비기능은 사용자가 직접 등록해 사용할 수 있는 기능으로 매달 빠지는 고정 지출 자산을 입력할 수 있는 기능이다.

아쉬웠던 점은 내 계좌간의 송금 내역이 모두 "계좌"로 표시되어 소비리포트로 집계된다는 점이다. 사실 그렇게 계좌에서 돈을 많이 쓰지 않았는데  주식이나 적금을 위해 여러 계좌에서 돈을 옮기는 과정 중 '출금'에 해당하는 것이 모두 소비로 집계된 것 같다. 마이데이터를 활용한 프로덕트가 넘쳐나는 만큼 디테일한 부분까지 놓치지 않는 프로덕트가 살아남을 것 같다. 

 

주요 기능과 위에서 정리한 유저스토리로 핵심 플로우를 정리해 보자. 

 

1. 사용자는 메인 화면에서 내 자산 배너 / GNB의 내 자산 메뉴를 클릭해 내 자산 페이지로 이동한다.

2. 내 자산 페이지로 이동한 사용자는 전체 자산의 금액과 입출금 내역을 확인한다.

3. 소비 캘린더를 클릭해 월별 상세내역을 확인하고자 한다.

4. 월별 상세내역 중 특이점(한 번에 몇십만원 이상 결제 등)발견 시 해당 일자를 클릭해 일자별 상세 지출 내역을 확인한다.

 

 

 

Wireframe

Lo-fi

 

 

 

피그마를 활용해 핵심 플로우를 와이어프레임으로 나타내 보았다. 페이지 세 개니까 금방 끝내고 스토리보드까지 할 수 있을 거 같다~ 라고 생각했는데.. 스토리보드는 커녕 세 페이지 만들다가 하루가 다 갔다..

 

 

 

 

+) 스토리보드는.. 포기하겠습니다.. 위클리 과제에서 열심히 하도록 해보겠습니다..

 

 

-오늘의 과제 끝-