2022년 1회 정보처리기사 기출문제 9번

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

① 스토리보드(Storyboard)   ❷ 목업(Mockup)

③ 프로토타입(Prototype)     ④ 유스케이스(Usecase)

 

 

---

📖 문제 분석

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

이 문제는 UI/UX 설계 단계에서 사용하는 도구의 개념을 정확히 아는지를 묻는 문제입니다.

---

📌 정답과 해설

✅ 정답: ② 목업(Mockup)

📚 해설

**목업(Mockup)**은 다음과 같은 특징을 가집니다.

• UI 설계 과정에서 실제 화면과 유사하게 디자인한 정적인 형태의 모형.
• 기능은 작동하지 않고, 화면 레이아웃이나 구성 요소 배치 등을 시각적으로 확인할 수 있는 도구.
• 디자인이 어느 정도 완성된 상태로, 색상, 이미지, 텍스트 등의 요소가 포함됨.
• 사용자는 화면 구성을 보면서 피드백을 줄 수 있음.

---

❌ 오답 해설

① 스토리보드(Storyboard)

• UI 화면 구성과 흐름을 한눈에 볼 수 있게 도식화한 문서.
• 화면 간 전환, 버튼 클릭 시 이동 경로 등을 표현.
• 기능 흐름과 레이아웃 구성 정보가 담겨 있음.
• 화면과 기능 흐름을 한꺼번에 표현한 "설계 문서"에 가깝다.
• 디자인 요소가 들어가지는 않고, 주로 흐름도 중심으로 구성됨.

➡️ 스토리보드는 기능 흐름 설명이 핵심이므로 목업과 다름.

---

③ 프로토타입(Prototype)

• 실제 동작하는 형태로 만든 시제품(모형 프로그램).
• 목업보다 한 단계 진화된 형태로, 실제로 클릭하면 페이지 전환이 되는 등 일부 기능 구현 가능.
• 사용자 테스트나 실제 기능 검증 용도로 사용.

➡️ 프로토타입은 동적 기능을 가진다는 점에서 정적인 목업과 구분됨.

---

④ 유스케이스(Usecase)

• 사용자와 시스템의 상호작용을 시나리오 형태로 정의한 분석 도구.
• 사용자 역할별로 어떤 기능을 어떻게 사용할지를 설명.
• 화면 설계 자체보다는 기능 요구사항 분석에 초점.

➡️ 유스케이스는 기능 정의와 시나리오 작성 도구로, UI 설계 도구로 보기는 어려움.

---

📦 정리표

도구명 주요 목적 형태 특징

스토리보드	화면 흐름 정의	문서	화면 간 이동 흐름 중심
목업	시각적 디자인 확인	정적 이미지	색상/디자인/배치 확인
프로토타입	기능 테스트	동적 시제품	일부 기능 동작
유스케이스	기능 시나리오 작성	문서/다이어그램	사용자-시스템 상호작용 설명

---