살아 숨 쉬는 웹 - 블루비 :: Web Developer

Label Placement in Forms 은
웹에서 폼의 라벨 위치에 따라 eyetracking(아이트래킹:시각추적)을 통해 사용자 시선의 동선을 줄일 수 있는 방법을 제시하고있다.

Figure 1?Testing left-aligned labels to the left of input fields
(입력창 왼쪽에 라벨 왼쪽 정렬)













Figure 2?Testing right-aligned labels to the left of input fields
(입력창 왼쪽에 라벨 오른쪽 정렬)













Figure 3?Testing left-aligned labels above input fields
(입력창 위에 라벨 왼쪽 정렬)















Figure 4?Testing bold labels above input fields
(입력창 위에 굵은 글씨 라벨)
















마지막 Figure 4 에서 보는 봐와 같이 폼라벨의 위치와 bold처리를 함으로 써 사용자 시선의 동선이 상당히 줄어 든것을 볼 수 있다.

단지 디자인을 위해서가 아닌 사용자 입장에서 본다면 당연히 Figure 4 처럼 폼 라벨의 위치를 바꿔야 하지 않을까???

발췌 : http://younghoe.info/153