디자이너라면 한 번쯤 이런 생각을 해봤을 거예요.
“헤더를 꼭 위에 둘 필요가 있을까?”
더 새롭고 독특한 레이아웃을 만들기 위해, 익숙한 위치를 벗어나고 싶을 때가 있죠. 하지만 사람들은 생각보다 익숙한 패턴에 많은 것을 맡기고 있어요.
메뉴가 보이지 않는 게 아니라, 예상한 곳에 없는 것뿐인데도 잠시 길을 잃게 되죠.
사람의 눈은 왼쪽 위에서 시작한다
페이지를 처음 열면, 시선은 본능적으로 왼쪽 위를 먼저 봐요. 책을 읽는 방식을 생각해 보면 돼요. 어릴 때부터 해온 읽기의 방향이 몸에 배어 있기 때문이에요.
그래서 로고가 왼쪽 위에 있는 거예요.
“여기가 어디인지”를 가장 먼저, 자연스럽게 알려줄 수 있는 자리가 거기니까요.
로고가 오른쪽 아래에 있다면? 사람들은 한참 페이지를 돌아다닌 다음에야 “아, 이게 이 사이트였구나”를 확인하게 됩니다.
중요한 정보를 어색한 타이밍에 만나게 되는 거예요.
헤더는 단순한 디자인 요소가 아니에요. 보는 사람에게 “지금 어디 있는지”를 가장 먼저 알려주는 이정표입니다. 그 이정표가 없거나, 엉뚱한 곳에 있으면 사람들은 길을 잃은 것처럼 느끼게 돼요.
버튼은 버튼처럼 생겨야 한다
웹사이트에서 누를 수 있는 요소들은 대부분 비슷하게 생겼어요. 테두리가 있거나, 배경색이 채워져 있거나, 마우스를 올리면 색이 바뀌거나. 그 생김새가 “이건 누를 수 있어요”라는 신호를 주는 거예요.
만약 버튼이 일반 텍스트처럼 생겼다면 어떨까요?
사람들은 그게 클릭 가능한 건지 모르고 그냥 지나칠 거예요. 반대로 일반 텍스트가 버튼처럼 생겼다면? 눌러봤다가 아무 반응이 없어서 당황하게 되겠죠.
버튼이 버튼처럼 생긴 건 취향의 문제가 아니에요. 사람들이 수십 년간 웹을 쓰면서 학습한 약속입니다.
그 약속을 깨면, 디자인은 새로워 보일 수 있지만 사람들은 더 많이 헤매게 돼요.
맨 아래에 있는 건 다 이유가 있다
반대로, 사이트 아래쪽에 있는 것들도 다 이유가 있어요.
푸터에는 회사 정보, 개인정보처리방침, 고객센터 링크 같은 것들이 들어가 있죠. 아래에 있는 이유가 중요하지 않아서가 아니에요.
끝까지 읽은 사람에게 필요한 정보이기 때문에 아래에 있는 거예요.
헤더가 “여기가 어디인지”를 알려주는 곳이라면, 푸터는 “다음에 어디로 갈지”를 알려주는 곳입니다. 시작과 끝이 각자의 자리에 있는 거죠.
스크롤을 내리다 보면 오른쪽 하단에 보이는 ‘맨 위로 가기’ 화살표 버튼도 마찬가지예요. 페이지를 한참 내려온 사람에게만 필요한 기능이니까, 한참 내려왔을 때 보이는 자리에 있는 거죠. 처음부터 눈에 띄면 오히려 이상하게 느껴져요.
필요한 사람에게, 필요한 순간에 있는 것. 그게 배치의 기준이에요.
이 모든 건 규칙이 아닌 약속
헤더는 위에, 로고는 왼쪽에, 버튼은 버튼처럼. 이것들은 누군가 회의실에 모여 정한 규칙이 아니에요.
오랜 시간 수많은 사용자의 행동이 쌓이며 자연스럽게 만들어진 결과입니다. 사람들이 어디를 먼저 보는지, 무엇을 기대하는지, 어떤 자리에서 어떤 정보를 원하는지가 쌓이고 쌓여서 지금의 배치가 된 거예요.
그래서 좋은 웹 디자인은 특별히 설명하지 않아도 편합니다. 사용자는 “사용하기 편하다”라고 느끼죠. 반대로 이 약속을 무시한 디자인은 이유를 설명하기 어려워도 어딘가 낯설고 불편하게 느껴집니다.
디자인이 눈에 띄어야 한다고 생각할 수 있어요. 하지만 정말 잘 만든 디자인은 편해야해요.
사람들이 아무것도 의식하지 않고 자연스럽게 원하는 곳으로 가게 만드는 것. 그것이 수많은 사용자의 경험이 만들어낸 웹 디자인의 가장 조용하고, 가장 강력한 규칙입니다.
written by 디자이너 이솔
