[사용자 친화 웹] 와이어프레임

허북이_·2022년 8월 24일
0

UI, UX

목록 보기
3/6
post-thumbnail

와이어프레임(Wireframe)

: 와이어(선)으로 프레임(틀)을 짠다고 하여 웹이나 앱 서비스를 개발하할 때에 처음 기획하는 단계에서 구조, 즉 정적인 요소를 구현하기 위한 목적으로 만들 수 있습니다.

프로토타입(Prototype)

: 개발 단계에 들어가기 직전 기획된 서비스와 매우 흡사하게 만들어진 목업을 말합니다. 페이지 이동이나 애니메이션같은 인터랙션, 즉 동적인 요소들을 구현 합니다.

와이어프레임과 프로토타입은 완성도에 따라 다음과 같은 fidelity로 나뉩니다.
Low - Middle - High 정도로 간단하게 정리 할 수 있으며,
보통 Middle fidelity정도면 페이지가 어떻게 작동할지 예상 할 수 있습니다.
따라서 시간이 많이 소요되는 High fidelity는 작성되는 경우가 거의 없습니다.

profile
인간 거북이 허북이

0개의 댓글