주제 : UX개선/개발로 고객이 가진 기존의 문제를 개선할 MVP 기획 문서가 가시화하기 입니다.
해당 글은 [코드스테이츠 PMB 15기_Weekly 프로젝트 과제] #2 더 나은 내가 되는 곳, 뱅크샐러드 MVP 기획] 와 이어지는 글입니다.
안녕하세요!
벌써 한주가 빠르게 흘렀는데요~ 매일 과제를 진행하다보니 하루하루가 너무 빠르게 흘러가는 것 같네여
이번 글에서는 3주차 정의한 문제를 해결할 수 있는 최소 기능 제품(MVP)을 기획 문서로 가시화시키는 과정을 그려보고 결과물을 도출해보려고 합니다.
3주차 과제 그래서 뭐였다고?
본문으로 들어가기 전 3주차 과제에 대해서 짧게 가계부에 대한 문제 해결을 위한 핵심 기능를 위한 준비로 퍼소나와 고객여정지도를 그려보고 이후 문제 해결을 위해 CVC를 통해 핵심 기능을 정의해보았습니다.
다음으로 정의한 핵심기능에 대해 프로토타입을 제작하고 사용자 시나리오 설정과 비즈니스 모델 분석을 통해 BM를 강화해보았습니다.
많은 듯 안많은 듯.. 무튼 2주차 결론적으로 정의한 문제를 해결할 수 있는 최소 기능 제품 (MVP)을 기획해보았는데요
간단하게 3주차 과제를 알아보았습니다. 본격적으로 4주차 과제를 수행해보러 가겠습니다.
1. 기능 정의하기 (백로그 작성)
🤔 뱅크샐러드 가계부의 요구사항 정의서 작성해보겠습니다.
백로그는 개발해야 할 기능 또는 제품에서 요구하는 기능과 우선순위를 말합니다.
백로그에는 아래의 표와 같은 요소가 명시되어야 하는데요. 요소에 따라 내용을 기입하면 다음과 같습니다.
앗 참고로, 3주차 과제에서 문제 정의들 중에 핵심 기능 1~2가지로 추려서 기능 정의 및 이번 과제를 진행해보고자 합니다.
| 요소 | 내용 |
| 누가 문제를 겪고 있는지 | 뱅크샐러드 유저 |
| 어떤 문제를 겪고 있는지 | 고정지출 기능을 제대로 활용하지 못하고 있다. |
| 우리가 문제를 어떻게 해결할 수 있는지 | 고정 지출의 범위를 보험, 생활, 저축, 구독서비스로 나누고 고정 지출의 세부 지출 내역을 볼 수 있는 화면을 추가한다. |
| 그 문제를 해결함으로써 얻게되거나 기대하는 결과는 무엇인지 | 사용자는 고정지출 기능을 적극적으로 활용할 수 있다. |
이를 통해서 한눈에 개발해야할 기능에 대해 정리를 간단하게 해보았는데요.
이후에는 총 5단계 거쳐 요구사항 정의서를 작성해보았습니다.
사용자와 관리자의 관점에서 이번달 고정 지출, 상세 내역, 푸시알림의 서비스(메뉴)로 분류하였고
이에 따라 필요기능을 지난번에 그린 프로토타입을 기반으로 요구 사항들을 정의해보았습니다.
2. 정보(계층)구조도 (IA, Information Architecture) 설계
🤔 뱅크샐러드의 요구사항 정의서 작성해보겠습니다.
다음으로는 정보구조도(IA)를 설계해보도록 하겠습니다. 정보구조도(IA)는 웹·앱 구축 시 필요한 화면과 메뉴의 정보 구조를 설계 및 정의하는 문서입니다. 즉 이용자의 직업, 기능, 정책에 따라 이해하기 쉽게 분류하는 기초적인 작업으로 사용자가 화면을 마주하기까지 필요한 화면들의 흐름을 시각화하여 나타납니다. 정보구조도(IA)의 목표는 기획 과정에서 전체적인 설계를 정리하고 설계 결과에 대한 흐름을 검토하는 것인데요. 따라서 각 화면들의 연관성과 접근성을 업무별 필요한 기준으로 분류하여 웹·앱의 큰 틀을 파악할 수 있습니다.
3. 화면 디자인 (Wireframe)
🤔 뱅크샐러드 가계부의 낮은 퀄리티의 wireframe 부터 고퀄리티 wireframe 그려보기
1차적으로 낮은 퀄리티의 wireframe 을 그려보았습니다.
앞서 낮은 퀄리티의 wireframe 를 기반으로 높은 퀄리티의 wireframe 을 그려보았습니다.
4. 스토리보드 (기능명세서) 작성
아직 부족한 부분이 많은 글입니다. 추후 추가할 예정이므로 보시는 분들 놀라지마세용~~~
출처
https://yozm.wishket.com/magazine/detail/1606/
IA, 메뉴구조도, 화면목록이 헷갈린다면? | 요즘IT
회사에서 사용자를 위한 서비스가 정의되면, ‘서비스에 어떤 화면들이 필요한지’, ‘각 화면들의 정보(화면 간 관계, 속성, 기능 등)는 어떻게 되는지’ 등을 정리합니다. IA, 메뉴구조도, 화면
yozm.wishket.com
'PMB_15기 > WEEKLY' 카테고리의 다른 글
| [코드스테이츠 PMB 15기_Weekly 프로젝트 과제] #6 더 나은 내가 되는 곳, 뱅크샐러드 데이터 분석 (0) | 2022.11.28 |
|---|---|
| [코드스테이츠 PMB 15기_Weekly 프로젝트 과제] #3 더 나은 내가 되는 곳, 뱅크샐러드 MVP 기획 (0) | 2022.11.07 |
| [코드스테이츠 PMB 15기_Weekly 프로젝트 과제] #2 더 나은 내가 되는 곳, 뱅크샐러드 (0) | 2022.10.30 |
| [코드스테이츠 PMB 15기_Weekly 프로젝트 과제] #1 인트로 (0) | 2022.10.30 |
| [코드스테이츠 PMB 15기_W1D4] 주간회고 Week 1, 준비 운동 중 🏃🏻♀️ (0) | 2022.10.22 |