Fidelity - 충실도, 묘사/표현의 정도를 나타냄

Low Fidelity : 최소한의 구성요소는 다 갖추고 있는 정도

High Fidelity : 완성에 거의 가까운 형태


와이어프레임 - 기획단계에서 주로 제작되며, 각 페이지들의 정보와 UI 요소등에 대한 배치를 표현한다. 

와이어프레임에 시나리오, 컨텐츠 설명 등이 첨부되면 스토리보드가 된다.(Low Fidelity)


실무에 필요한 UX UI 용어


Fidelity - 충실도, 묘사/표현의 정도를 나타냄

Low Fidelity : 최소한의 구성요소는 다 갖추고 있는 정도

High Fidelity : 완성에 거의 가까운 형태





와이어프레임 - 기획단계에서 주로 제작되며, 각 페이지들의 정보와 UI 요소등에 대한 배치를 표현한다. 

와이어프레임에 시나리오, 컨텐츠 설명 등이 첨부되면 스토리보드가 된다.(Low Fidelity)






Storyboard - 서비스의 각 페이지 구성요소나 콘텐츠의 설명 및 페이지간의 이동 흐름, 로직 등을 기술한 문서를 말한다.

= 화면 설계서, UI문서, 스펙문서, 기획서, MMI(Man Machine Interface), Wireframe




Mockup - 디자인, 데모 시연 및 평가를 위한 서비스/제품의 디자인.


Prototype - 서비스에 대한 기능 및 사용성 등의 테스트를 위해 제작되는 동적인 모형. 개발자 디자이너 사이의 시각적인

커뮤니케이션 툴이 되기도 하고 사용성 테스트에 종종 사용되기도 한다. 

(Medium to High fidelity)


Affordance - 사용자가 제품 또는 서비스를 인지했을 때 어떻게 사용해야 하는지 알거나 디자이너의 의도대로 사용자의

행동을 유도하는 것을 의미


예시로 처음에 아이폰 6에서 화면을 UNLOCK하기 위해 디자인이 된 화면 설계가 필요했다. 하지만 지금은 그러한 설계없이

자연스럽게 사용자들이 UNLOCK을 할 수 있다.


IA(Information Archintecture) - 제품, 서비스를 구성하는 정보의 구조와 우선순위, 흐름의 설계 등을 포함.







+ Recent posts