잡다한기술블로그

이전 포스팅에서 플로우차트 작성을 완료하였다.

[AI 서비스]플로우 차트

이번에는 이전 작업물(요구사항 정의서, 플로우 차트 등)을 기반으로 다음과 같이 화면 정의서를를 작성하도록 한다.

메인 페이지에서 서비스 예시를 보여주며 사용자가 결과를 예상할 수 있게 한다. 입력 페이지에서는 안내문구로 일기를 어디에 입력해야할지 안내하고, 사용자에게 글자 수 제한을 보여주며 스스로 제한에 맞게 작성하도록 유도한다.

마지막으로 결과 페이지에서 다운로드는 사용자에게 익숙한 아이콘으로 익숙한 위치(오른쪽 상단)에 제공하며, 공유는 보다 쉽게 선택지를 고를 수 있게 제공한다.

위와 같이 화면 정의서를 작성하며 서비스의 UI, UX를 쉽게 이해할 수 있었다. 다음에는 화면 정의서를 기반으로 디자인을 입히도록 한다.

이전 포스팅에서 요구사항 정의서 작성을 완료하였다.

[AI 서비스]요구사항 정의서

이번에는 요구사항 정의서를 바탕으로 다음과 같이 플로우 차트를 작성해보도록 한다.

사용자가 서비스에 진입하면 메인페이지에서 시작 버튼을 눌러 일기를 입력할 수 있는 페이지로 진입한다. 일기를 입력 후 텍스트 수가 조건에 만족하는지 체크하고 조건이 충족되면 그림일기 생성 버튼을 눌러 결과 페이지로 넘어간다. 결과 페이지에서 결과물을 다운로드할지 공유할지 선택하고 완료되면 서비스를 종료한다.

위와 같이 플로우 차트를 작성하며 서비스의 플로우를 쉽게 이해할 수 있었다. 다음에는 마지막으로 화면 정의서를 작성하며 기획 부분을 마무리하도록 한다.