[2021 정보처리기사 필기] UI 설계서

 

목차

 

 

[정보처리기사 1과목 필기 예상 키워드] 목록으로 돌아가기
과목: 1. 소프트웨어 설계 챕터: 2장 화면설계 키워드: UI설계서	#UI설계서 작성 7단계

 

 

 

UI 설계서 작성 7단계

UI 설계서 작성 7단계
표지	프로젝트나 시스템 명
개정이력	초안을 작성한 뒤로 내용이 변경될 때마다 이력을 적어두는 것(1.0을 시작으로 0.1씩 증가시켜서 버전을 기록)
요구사항 정의서	요구사항을 정의하고 각 요구사항의 반영 여부도 함께 기록해준다.
시스템 구조	사용자의 UI 요구사항이 전체 시스템에 어떻게 적용되는지 나타낸다.
사이트맵	시스템 구조를 바탕으로 콘텐츠를 메뉴별로 설계 > 상세내용은 표 형태로 작성
프로세스 정의서	요구사항의 작업 진행 순서 위주로 정리
화면설계	각 UI 화면별 표지와 스토리보드로 구분해서 작성한다.

 

 

UI 설계서 작성의 단계별 예시

아래사진은 UI 설계 단계를 주간컴공 유튜브에서 잘 정리해주신 부분으로, 각 단계별 작성예시를 이해하기 쉽다.

 

1. 표지

표지: 프로젝트나 시스템 명

2. 개정이력

개정이력: 초안을 작성한 뒤로 내용이 변경될 때마다 이력을 적어두는 것 (1.0을 시작으로 0.1씩 증가시켜서 버전을 기록)

3. 요구사항 정의서

요구사항정의서: 요구사항을 정의하고각 요구사항의 반영 여부도 함께 기록해준다. (확정 여부 및 비고 란)

4. 시스템 구조

시스템구조: 사용자의 UI 요구사항이 전체 시스템에 어떻게 적용되는지 나타낸다.

5. 사이트맵

사이트맵: 시스템 구조를 바탕으로 콘텐츠를 메뉴별로 설계 > 상세내용은 표 형태로 작성

6. 프로세스 정의서

프로세스 정의서: 요구사항의 작업 진행 순서 위주로 정리

7. 화면설계

화면설계: 각 UI 화면별 표지와 스토리보드로 구분해서 작성한다. (표지는 각 화면을 구분하기 위함이다)개요
- 사용자의 요구사항을 바탕으로 UI 설계를 구체화하여 작성하는 문서로, 상세 설계 전에 대표적인 화면들을 설계한다


UI 설계서 작성 7단계
표지 > 개정이력 > 요구사항 정의서 > 시스템구조 > 사이트맵 > 프로세스 정의서 > 화면설계

 

 

 

 

 

 

 

[2021 정보처리기사 키워드 정리] 1. 소프트웨어 설계 (상시업데이트)

참고: 시나공 정보처리기사 필기 (저자: 강윤석, 김용갑, 김우경, 김정준 | 출판사: 길벗), 유튜브 주간컴공TV