UX 기획자 성장일지: 스토리보드 작성법 - 03

신입 교육과제로 앱 클론디자인과 역기획을 해보며 나름 스토리보드를 작성하는 규칙이 생겼다.

 

1. 상태를 정의한다.

화면 내에 있는 모든 요소들의 상태를 먼저 정의해야한다. 가변적인 요소인지, 항상 고정되어 있는 요소인지 기술하고, 단일요소가 아닌 경우 몇 개까지 화면에 나타나는지 개수를 정의한다.

ex) 오늘을 제외하고 연도.월.날짜(NNNN.MM.LL)로 표시

ex) 지난 시간에 따라 "N분 전", "N시간 전" 단위로 표시

ex) 최대 3개, 시간에 따라 누적

 

2. 조건을 정한다.

가변적인 요소라면 어떤 조건에 따라 변하는지 기술한다. 그리고 여러가지 요소가 화면상에 나타나는 순서와 케이스도 함께 정해야한다. 케이스의 경우 표로 정리한다.

ex) 유효한 이메일 입력 시, 특정 버튼 활성화

ex) 정렬: 최신 순(업데이트 시간 기준)

ex) 날짜 표기 case - 과거 날짜를 표기하는 경우, 미래 날짜를 표기하는 경우, 과거 날짜 중, 출석한 날짜를 표기하는 경우 ...

 

3. 기능을 적는다.

사용자와 인터랙션하는 요소의 경우 액션을 기술한다. 이후에 CRUD를 이용해 요소들을 확인한다.

ex) 활성화된 버튼 선택 시, [OO]로 이동

ex) 내용 확인 시, 삭제

 

4. 이외 특이사항을 적는다.

앞의 3가지를 따라 스토리보드를 작성하면, 화면 내 움직이는 요소와 움직이지 않는 요소, 사용자와 인터랙션을 하는 요소와 그렇지 않은 요소들에 대해 대부분 기술할 수 있다. 이후에 개발적으로 이슈가 있는 부분은 강조해서 다시 한 번 기술한다.