[연구] 컨트롤의 배치와 시선의 이동

좋은 화면 구성이란 어떤 요소를 고려해야 하는가? 설명 라벨(Label)을 읽고 입력란(EditBox)으로 시선이 이동할 때 왼쪽 끝에서 오른쪽으로 이동하기 위해서는 좌우로 움직임이 크게 된다. 더구나 드롭다운(ComboBox)을 선택하려고 한다면 오른쪽 끝까지 시선이 이동해야 한다. 이에 따른 배치를 연구하여 최적의 배치를 고찰하고자 한다.

라벨과 입력란의 배치

Left-Left Justified

(L-L: 이것은 흔해 빠진 디자인이어서 설명을 필요로 하지 않는다. 그러나 과연 좋은 디자인인가?)

Right-Right Justified

(R-R: 한눈에 보아도 충격적이다. 이렇게 불편할 수가!)

Left-Right Justified

(L-R: 양쪽으로 벌어진 것이 꼭 앞니 빠진 느낌이라고나 할까?)

Right-Left Justified

(R-L: 익숙하지 않을 지는 모르나 쉽게 친해지는 배치다. 헐리우드 영화들의 마지막 제작자 자막에 흔히 보는 배치라고 하면 더 금새 익숙해질 것이다.)

한편 중앙 정렬이라고도 할 수 있는 R-L정렬은 시선의 이동이 짧게 된다. 여러 행에 걸쳐서 입력을 해야할 경우 중앙정렬이 GUI로써 쓰기 쉬운 이점이 있다. 입력을 필요로하지 않는 라벨의 정렬은 단순 좌정렬이 사전식 배열로써 읽기 쉽다.