[정보처리기사 필기 오답] UI 설계 도구 - 와이어프레임, 목업, 스토리보드, 프로토타입, 유스케이스

1과목: 소프트웨어 설계 - UI 설계 도구 

와이어프레임(Wireframe)

: 페이지에 대한 개략적인 레이아웃이나 UI 요소 등에 대한 뼈대를 설계하는 단계

 

목업(Mockup)

: 와이어프레임보다 좀 더 실제 화면과 유사하게 만든 정적인 형태의 모형

• 디자인, 사용방법 설명, 평가 등을 위해 실제 화면과 유사하게 만든 정적인 형태의 모형
• 시각적으로만 구성 요소를 배치하는 것으로 일반적으로 실제로 구현되지는 않음 

 

스토리보드(Story Board)

: 와이어프레임에 콘텐츠에 대한 설명, 페이지 간 이동 흐름 등을 추가한 문서

• 디자이너와 개발자가 최종적으로 참고하는 작업지침서
• 상단이나 우측에 제목,작성자등을 입력하고 좌측에는 UI화면,우측엔 디스크립션을 기입한다.

 

프로토타입(Prototyle)

: 와이어프레임이나 스토리보드등에 인터랙션을 적용함으로써 실제 구현된 것처럼 테스트가 가능한 동적인 형태의 모형 

 

유스케이스(Use Case)

: 사용자 측면에서의 요구사항으로, 사용자가 원하는 목표를 달성하기 위해 수행할 내용을 기술한다.

 

 

---

2022년 03월 05일 기출문제

 

9. 다음 내용이 설명하는 UI설계 도구는?

 

- 디자인, 사용방법 설명, 평가 등을 위해 실제 화면과 유사하게 만든 정적인 형태의 모형 - 시각적으로만 구성 요소를 배치하는 것으로 일반적으로 실제로 구현되지는 않음

 

① 스토리보드(Storyboard)

② 목업(Mockup)

③ 프로토타입(Prototype)

④ 유스케이스(Usecase)

 

ㄴ '디자인, 사용방법 설명, 평가 등을 위해 실제 화면과 유사하게 만든' 까지만 보면 스토리보드, 목업 모두 해당하지만 '정적인 형태의 모형'이므로 목업이 맞는 정답!

 

(정답률 77% 문제)

 

 

흥달쌤 - 정보처리기사 필기 2022년 1회 - 소프트웨어 설계

9번문제 해설 35:57부터