UI 설계 도구

# 와이어프레임 (Wireframe)

 : 기획 단계의 초기에 제작하는 것으로, 페이지에 대한 개략적인 레이아웃이나 UI 요소 등에 대한 뼈대를 설계하는 단계

 : 와이어프레임을 제작할 때는 각 페이지의 영역 구분, 콘텐츠, 텍스트 배치 등을 화면 단위로 설계

 

# 목업 (Mockup)

 : 디자인, 사용 방법 설명, 평가 등을 위해 와이어프레임보다 좀 더 실제 화면과 유사하게 만든 정적인 형태의 모형

 : 시각적으로만 구성 요소를 배치하는 것으로 실제로 구현되지는 않음

 

# 스토리보드 (Story Board)

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

 : 스토리보드는 상단이나 우측에는 제목, 작성자 등을 입력하고, 좌측에는 UI화면, 우측에는 Description을 기입

 

# 프로토타입 (Prototype)

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

 : 프로토타입은 사용성 테스트나 작업자 간 서비스 이해를 위해 작성하는 샘플

 

# 유스케이스 (Use Case)

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

 : 사용자의 요구사항을 빠르게 파악함으로써 프로젝트 초기에 시스템의 기능적인 요구를 결정하고 그 결과를 문서화할 수 있음