List

스토리보드(화면설계서)에 들어가야 할 항목

#웹가이드

Web Guide화면설계서스토리보드제작 산출물
스토리보드(화면설계서)에 들어가야 할 항목
화면설계서는 그림이 아니라 '이렇게 만들겠다'는 약속입니다.
여기 적힌 것만 만들어지고, 안 적힌 것은 추가 요청이 됩니다. 검토를 대충 하면 대가는 개발 단계에서 치릅니다.
스토리보드(화면설계서)에 들어가야 할 항목 관련 사진
01화면 그림만으로는 부족하다
화면설계서에 레이아웃만 있으면 개발자는 동작을 추측하게 됩니다. 버튼을 눌렀을 때 무엇이 일어나는지, 오류가 나면 어떻게 되는지가 적혀 있어야 합니다.
특히 '보이지 않는 동작'이 중요합니다. 메일이 발송되는지, 관리자에게 알림이 가는지, 데이터가 어디에 저장되는지 같은 것들입니다.
화면 레이아웃
요소의 배치. 와이어프레임에서 확정된 구조.
요소 설명
각 영역이 무엇인지. 번호를 붙여 설명을 답니다.
동작 정의
클릭·입력·제출 시 무엇이 일어나는가.
예외 처리
입력 오류, 검색 결과 없음, 로딩 실패 시 화면.
관리자 연동
이 화면의 내용을 관리자에서 수정할 수 있는가.
발송·알림
메일·문자 발송 여부와 내용.
반응형
모바일에서 어떻게 바뀌는가.
02'관리 가능 여부'를 반드시 확인한다
오픈 후에 가장 많이 나오는 불만이 '이걸 왜 우리가 못 고치냐'입니다. 화면설계서 검토 단계에서 각 영역이 관리자에서 수정 가능한지 표시하게 하세요.
고정 텍스트로 만들면 개발비가 싸지만, 나중에 한 글자 바꾸는 데도 제작사에 요청해야 합니다. 자주 바뀔 내용은 반드시 관리 가능하게 해야 합니다.
고정으로 만들 것
약관, 법적 고지, 거의 바뀌지 않는 회사 정보 · 개발비 절감 · 수정 시 제작사 요청 필요
관리 가능하게 할 것
메인 문구, 배너, 공지, 제품 정보, 사례, 연락처 · 사무실에서 직접 수정 · 운영 비용 절감
03예외 상황이 실제 품질을 만든다
정상적으로 동작하는 화면은 누구나 만듭니다. 차이가 나는 것은 잘못된 상황입니다. 검색 결과가 없을 때, 목록이 비었을 때, 입력이 틀렸을 때 어떻게 보이는지가 정의되어 있어야 합니다.
이것이 빠지면 개발자가 임의로 처리하고, 오픈 후에 '이런 화면이 나오네요'라는 발견이 이어집니다.
1
빈 목록
게시물이 하나도 없을 때. 무엇을 보여줄지 정합니다.
2
검색 결과 없음
안내 문구와 다음 행동 제안.
3
입력 오류
어느 항목이 왜 잘못됐는지 알려주는 방식.
4
권한 없음
로그인이 필요한 페이지에 접근했을 때.
5
없는 페이지
404 화면. 돌아갈 경로를 제공합니다.
6
로딩·처리 중
시간이 걸리는 작업의 진행 표시.
04검토할 때 확인할 것
화면설계서는 분량이 많아 끝까지 읽기 어렵습니다. 그래도 최소한 아래 항목은 확인해야 합니다. 여기서 놓친 것은 전부 추가 비용이 됩니다.
특히 '이 기능은 포함인가요'라는 질문을 문서에 적어 두고 회신을 받아 두세요. 구두 확인은 나중에 기억이 엇갈립니다.
우리가 요청한 기능이 다 있는가
요구사항 목록과 화면설계서를 하나씩 대조합니다.
관리 가능 영역이 충분한가
자주 바뀔 내용이 고정으로 되어 있지 않은지 봅니다.
예외 화면이 정의되어 있는가
빈 목록, 오류, 404가 빠지지 않았는지.
모바일 화면이 있는가
PC만 그려져 있으면 모바일은 개발자 판단이 됩니다.
질문과 회신을 문서로
구두 확인은 남지 않습니다.
CHECK POINT
□  화면마다 동작 정의가 적혀 있는가
□  각 영역의 관리자 수정 가능 여부가 표시되어 있는가
□  자주 바뀔 내용이 관리 가능하게 되어 있는가
□  예외 화면(빈 목록·오류·404)이 정의되어 있는가
□  모바일 화면이 함께 있는가
□  요구사항 목록과 하나씩 대조했는가
□  질문과 회신을 문서로 남겼는가
화면설계서에 없는 것은 만들어지지 않고, 나중에 요청하면 추가 비용입니다.
'이걸 왜 우리가 못 고치냐'는 불만은 이 단계에서 예방합니다.
#화면설계서#스토리보드#제작 산출물#기능정의서#관리자 기능#예외 처리#요구사항 검토#프로젝트 관리#웹비스타#홈페이지 제작
목록보기