[4주차 Weekly] 핏펫 MVP 기획문서 작성하기 - 코드스테이츠 PMB 11기

첨부한 이미지의 텍스트가 잘 보이지 않는 경우 이미지를 한번 클릭하시면 크게 보실 수 있습니다 :)

기능 정의 (백로그 작성)

이전 과제에서 정의한 솔루션을 한마디로 정의하면 다음과 같습니다.

핏펫: 반려동물을 위한 의료 비서 서비스

 

핏펫 앱 기능

 

우선적으로 핏펫이 제공하고 있는 기능들을 나열한 후 컬러를 통해 비슷한 기능들을 그룹핑했습니다.

크게 쇼핑몰(노랑), 병원 검색 기능(초록), 예약 기능(빨강), 리뷰 작성 기능(파랑), 비서 기능(분홍)으로 나눌 수 있습니다.

 

세부적인 기능 그룹핑을 위하여 실제 핏펫이 제공하고 있지는 않지만

스스로 정의한 '의료 비서 서비스'를 위해 제가 기획한 기능인 비서 기능(분홍)에 초점을 맞춰

새로이 기능을 나열하고 그룹핑하였습니다.

 

세부 기능 그룹핑

 

새로 기획한 기능들을 나열하면 위의 이미지와 같습니다.

그룹핑한 기능들을 토대로

요구사항 정의서의 템플릿에 맞춰 기능 설명을 추가하였습니다.

 

요구사항정의서

 

정보(계층)구조도 (IA, Information Architecture) 설계

새로 디자인 될 병원찾기 홈 화면을 기준으로 IA를 작성하였습니다.

상단 메뉴에는 챗봇과 캘린더로 이동할 버튼을 추가할 것이며

화면 우측 가운데에는 플러스(+) 모양의 플로팅 메뉴가 위치할 것이고

해당 플로팅 메뉴를 터치 시 육아 일기, 진료 수첩, 리뷰 관리 화면으로 이동 가능합니다.

또한 하단 바는 현재 핏펫 홈 화면과 동일한 디자인으로 유지하였습니다.

 

 

화면 디자인 (Wireframe)

 

디자인 툴을 사용하기 전 1차적으로 낮은 퀄리티의 와이어프레임을 손으로 그려 제작하였습니다.

 

 

그 후 위 내용을 토대로 Figma를 사용하여 와이어프레임을 디자인하고

화면의 흐름을 프로토타이핑 기능을 사용하여 표시하였습니다.

 

 

스토리보드 (기능명세서) 작성

병원찾기 홈 스토리보드

 

쳇봇 스토리보드

 

캘린더 스토리보드

진료 수첩 스토리보드

 

리뷰 관리 스토리보드

 

육아일기 스토리보드