구텐베르크 다이어그램

해당 다이어그램에 따르면 사람의 시선은 왼쪽 위에서 시작해 오른쪽으로 이동하며 글자를 읽고 중력을 따라 아래로 떨어져 오른쪽 아래에서 끝난다고 정의한다. 이때 시선의 이동 방향을 독서 중력이라고 부른다. 해당 다이어그램은 페이지나 화면 디자인에서 정보의 우선순위와 시선의 흐름을 고려해 레이아웃을 구성하는 데 유용한 도구이다.

 

 

대부분의 사용자는 웹페이지를 책처럼 상단 좌측부터 훑기 시작한다. 그래서 사이트마다 로고를 좌측 최상단에 위치한다. 따라서 중요한 기능(로그인, 검색 등)을 시선이 머무는 위치에 배치해야하기 때문에 좌측 상단에 놓는다.

네이버도 과거엔 로그인을 좌측 상단에 위치했다. 하지만 현재는 우측으로 옮겼다. 이유를 추측해보면 광고가 우측에 있을 경우 비교적 덜 주목 받는 공간이기에 광고효과가 떨어진다. 이로인해 전환이 낮으면 광고단가가 내려간다. 그래서 늘 사용하는 로그인 화면을 상대적으로 덜 주목받는 우측에 위치하고 광고를 좌측에 배치한 것으로 추측된다.

 

---

 

서점직원, 서점직원의 실전UI/UX 방법론 - 기초부터 로그인, 회원가입, 메뉴까지, 클래스101