화면설계서 살펴보기 (Story board)

 

 

화면설계서

- 기능, 정책 등 화면을 구성하기 위해 기획 과정에서 나오는 모든 산출물

 

- 구현 단계에서 디자이너, 개발자 등 협업부서에서 업무를 하는 데 있어 참고 가능해야 함

 

- 문서를 보는 모든 담당자들이 화면과 설명에 대해 일관성 있게 이해가 가능해야 함

 

- 디자인 영역 침범하지 않기

 

 

 

 

화면설계서 주요 내용

1. 수정 이력 관리

 : 표 형태로 수정된 날짜와 버전명, 수정 내용, 수정자 기록

 

2. 기획의도/KPI

 : 기획한 서비스의 의도와 목표, 측정가능한 과업목표 작성

 

3. 프로세스 플로우 차트

 : 서비스의 사용자별/케이스별 프로세스 플로우 작성, 화면적인 구분뿐 아니라 기능/데이터적인 로직도 볼 수 있으면 좋음

 

4. 수정 및 신규 화면 목록, 화면 외 개발 대상

 : 해당 프로젝트에 포함되어 수정되거나 신규로 개발되는 화면 목록, api 등 작성

 

5. 와이어프레임 또는 목업 인터렉션

 : 와이어프레임을 상황에 따른 노출 케이스별 세분화하여 작성

 

6. 디스크립션

 : 해당 설명이나 로직, 디자인, 솔루션 사용 등 설명

반응형

 

 

 

 

 

 

 

 

예외처리, 분기처리, 정합성 체크를 고려하면 디스크립션의 완성도를 높일 수 있다.

728x90

 

 

 

예외처리 Exception Handling

정상적이지 않은 예외적인 상황에 대해 대응할수 있도록 처리하는 것

 

회원정보에 등록된 배송지 정보를 불러와서 주문서에 보여주는 것으로 화면을 설계했다면,
배송지가 없는 회원의 경우 주문서에서 "배송지를 등록해주세요."라는 문구가 나오는 케이스를 분리하여 처리할 수 있다.

 

 

 

 

분기처리 Divergence

애초에 유형이 여러가지가 있어 한 개의 페이지가 유형마다 다르게 나오는 경우 처리 

 

같은 상품이어도 회원 등급별로 상품 할인 가격이 다르게 보여져야 할 경우,
실버 회원은 10,000원에서 5% 할인된 9,500원을
골드 회원은 10,000원에서 10% 할인된 9,000원을 보여줄 수 있다.

 

 

 

 

정합성 체크 Validation Check

데이터 처리에서 규칙에 맞는지를 보는 것으로 실수로 인한 오류가 생기지 않기 위해 사용

 

비밀번호에 영어, 숫자, 특수문자가 모두 들어가야 하는데 들어가지 않았다면,
안내 문구를 노출할 수 있다.