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

[목차(도우미)]
좋은 화면 구성이란 어떤 요소를 고려해야 하는가? 설명 라벨(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로써 쓰기 쉬운 이점이 있다. 입력을 필요로하지 않는 라벨의 정렬은 단순 좌정렬이 사전식 배열로써 읽기 쉽다.

저작자 표시 비영리 변경 금지
신고
by 금메달.아빠 on 2012.07.15 06:00 주요 단어: , , , ,
  • BlogIcon 회색도서관 2012.07.16 14:45 신고 주소 수정/삭제 답글

    서른 살이 넘어서야 윈도우가 아닌 다른 운영체제인 MAC OS(Lion)를 접하게 되었습니다. 오랫 세월동안 윈도우에 적응되어서 몰랐는데 맥의 환경 설정 메뉴들을 보고 뭔가 편하다는 느낌을 받았습니다. 이 블로그를 우연히 알게 되어 글을 읽고나니, 그 이유를 알겠습니다. 좋은 글 잘 읽었습니다.

체크하면 비공개 댓글이 됩니다