W6 과제_Part1 플로우 차트를 그려보자 - [코드스테이츠 PMB 18기]

W6 Weekly 과제 Part 1
프로덕트의 플로우 차트 그려보기

INDEX

1. 플로우 차트란 ?

2. 아프리카TV 플로우 차트
- 플로우 차트 구간 설정
- 플로우 차트 작성

3. 루티너리의 플로우 차트
- 루티너리 소개
- 루티너리 플로우 차트 작성

---

플로우 차트란

플로우 차트를 그리기 전 아직 제대로 된 개념이 적립되지 않아

플로우 차트에 대한 개념을 잡고 가기 위해 참고자료들을 살펴봤다.

 

플로우 차트에 대한 개념을 잡은 후 많은 연습이 필요할 것 같아.

플로우 차트 예시들을 살펴본 후

기존 위클리 과제에서 다루던 '아프리카TV'와 

노션을 통해 일정관리를 하는 도중, 새롭게 알게 된 '루티너리'라는 프로덕트의 플로우 차트를 그려보고자 마음먹었다.

 

출처 - UIUX : 앱 서비스 설계 - 플로우차트 작성법 (tistory.com)

 

참고 자료 -

1 )태스크 플로우, 유저 플로우, 플로우차트, 플로우 다이어그램, IA? Task (tistory.com)

2) UIUX : 앱 서비스 설계 - 플로우차트 작성법 (tistory.com)

---

아프리카TV 플로우 차트 작성

아프리카TV 개인화 서비스가 업데이트되고 난 후 메인페이지가 이에 따라 개선되었다.

처음으로 플로우 차트를 그려보는 만큼 첫 화면인 메인페이지에서 도달할 수 있는 플로우를 1-2 단계정도 씩의 플로우차트를 그렸다.

이 과정에 있어서 로그인이 필요한 기능이 많아 로그인 과정에 대해서도 작성을 해봤다.

(1- 11번까지)

 

아프리카TV (앱) 첫 화면

 

 

아프리카TV 플로우 차트

 

---

루티너리 플로우 차트 작성

- 루티너리 소개

 

새롭게 알게 된 루티너리는 루틴을 쉽게 만들 수 있도록 도와주는 프로덕트이다.

루틴을 내가 직접 만들 수 있으며, 타이머를 통해 루틴 관리를 도와준다.

무료 / 유료 버전으로 나뉘어 있으며 일정 개수 이상의 루틴을 생성하기 위해서는 유료버전으로 전환해야 한다.

 

- 루티너리 플로우 차트 작성

먼저 루티너리 앱을 설치하고 난 후, 첫 화면부터 루틴생성까지의 플로우 차트를 작성하려 한다.

 

루티너리(앱) 첫 화면

 

 

루티너리 플로우 차트