시각적 인터페이스 중 '레이아웃'

레이아웃layout은 시각적 인터페이스의 관점에서 디자인 요소들에 대한 화면상의 전반적인 배열을 뜻한다.

 

정보의 양: 얼마나 많은 양의 정보를 하나의 화면에 보여줄 것인지에 대한 고민이다. 꼭 보여주어야 하는 정보만 제공하고, 그보다 많거나 적을 경우 이를 사용하는 사람이 불편하게 한다는 것이 일반적이다.

정보의 그룹핑: 얼마나 많은 범주를 얼마나 많이 제공할 것인지에 대한 고민이다. 그룹핑의 방법은 여백이나 색상 또는 윤곽선같이 시각적인 경계를 만들어 주는 것이 일반적이다.

정보의 정렬: 정보를 어떤 순서로 제공할 것인지에 대한 고민이다. 정보를 정렬하는 기준은 크게 다섯가지이다. 첫번째, 정보를 먼저 사용하는 것을 왼쪽 상단에, 나중에 사용하는 정보를 오른쪽 하단에 정렬한다. 둘째, 정보의 일반적인 순서에 따라 정렬한다. 대분류에서 중분류를 거쳐 소분류로 들어가는 것이 예시일 수 있따. 셋째, 중요도에 따라 정렬한다. 넷째, 사용하는 빈도에 따라 정렬한다. 다섯째, 일반적인 자료를 특수한 자료보다 먼저 정렬한다.

정보 간의 공간적 관계: 공간적 관계는 수평보다 수직적으로 배열한다. 숫자 정보는 오른쪽 정렬이며, 문자 정보는 왼쪽 정렬이 일반적이다. 반면 순차적인 구조를 가질 경우에는 수평적인 정렬을 주로 사용하는 것이 일반적이다.