본문 바로가기

카테고리 없음

[1-2]소프트웨어설계 - 화면 설계

[종류]

와이어 프레임 > 뼈대만 대충

목업  > 동작이 안되는  정적인 화면 

스토리 보드 > 와이어 프레임에 설명 및 화면 흐름등 기재

프로토타입  > 실제로 흐름이 있는 모형

UseCase    >  실제 흐름을 작성 ( 도서 빌릴때 화면 타고들어가는 순서 등 )

 

 

[품질요구사항]

기능성 (요구사항과 만족하는 기능제공)

신뢰성 (일관되게 오류없이)

사용성

효율성

유지보수성

이식성 ( 다른 브라우저및 디바이스에서도 잘돌아가는지)

 

--- 프로토타입 제작 ---

테스트가가능한 실제 작동하는 모형

요구사항 만족할 때 까지 프로토타입 개선 보안

 

--- UI 설계서 ---

 기획자,개발자,디자이너 대화를위해 작성

 <사이트맵> 

  - Nav를 짠다고 보면됨.

 <프로세스 정의서>

  - 실제 동작 진행

 

 

--- UI 상세 설계 ---

  <시나리오 문서>

 -  상세 설계시 시나리오 문서 작성 필수. 실제 설계 및 구현을 위해 모든 화면 자세히 설계

 -  인터렉션의 흐름 정의

   ` 화면간 순서, 분기, 반복 등 정의

   ` 대표화면, 기능들 정의

   ` 공통 기능을 규칙으로 정함

- 주요키 위치, 공통UI  인터렉션들, Task 흐름

 

 < 템플릿 > 

  - 기본적인 레이아웃 형태