사이트 제작 구상, 메인 화면은 어떻게 구성할까?

저번 워드프레스 이야기 에서는 사이트의 기본 골격인 헤더, 메인, 푸터 이야기를 했었는데요.. 헤더나 푸터 영역의 경우에는 거의 고정인지라.. 별로 고민할 거리가 없죠.. 하지만, 메인 화면의 세부 구성은 사이트의 성격에 따라 다소 다른 접근이 필요합니다.

 

바로, 메뉴트리를 어느쪽에 배치하고 활용할지, 또한 메인화면으로 보여줄 첫번째 화면은 어떤 식으로 구성할지 등에 대한 의사결정을 해야 합니다.

 

이러한 부분은..

 

물론, 사이트 제작을 하는 사람의 취향과 성격에 따라서도 달라질 수 있는 부분이겠지만, 사이트 제작이라는 것이 결국.. 개인적 용도가 아닌 이상 사용자 중심의 인터페이스를 갖추어야 하는 것이겠죠.. 따라서, 메인화면의 구성과 인터페이스의 구축도 사이트의 성격에 맞도록 사용자 중심으로 접근하고 만들어갈 필요가 있다 하겠습니다.

 

통상, 블로그를 비롯한 일반적인 사이트에서는 사이드바가 존재를 하죠.. 본 블로그도 역시 우측에 사이드바를 만들어 본문 내용 이외의 추가적인 정보등을 제공하는 인터페이스를 갖추고 있습니다.

 

 

1. 왼쪽이냐 오른쪽이냐!

 

우리가 익숙한 사이드바의 위치는 본 블로그와는 다른 좌측에 구성하는 것이죠.. 일반적인 카페 등에서도 좌측에 사이드바가 있는 경우가 많습니다.

 

왼쪽과 오른쪽에 사이드바와 메뉴를 두는 차이는 매우 간단한 것이지만.. 독자의 입장에서는 다소 다른 측면이 있습니다. 일반적으로 글 자체에 집중도를 높이는 데에는 우측에 사이드바가 있는 것이 좋은 것으로 알려져 있습니다. 사람이 글을 읽을 때에는 왼쪽에서 오른쪽으로 읽게 되죠.. 이 경우 왼쪽에 사이드바가 있을 경우에는 본문 보다는 사이드바에 먼저 눈길이 가게 됩니다.

 

아래는, 워드프레스로 제작된 사이트인 연합뉴스 사이트의 메인화면 구성입니다. 우측에 사이드바가 있죠.. ^^

 

 

결과적으로 본문에 좀더 집중을 시킬 필요가 있는 경우, 사이드바는 사이트의 보조적인 역할로 우측에 위치하는게 좋습니다.

 

반면..

 

사이트 자체의 구조를 방문자에게 좀더 잘 인지시킬 필요가 있을 때에는 좌측에 사이드바를 위치시키는 것이 좋습니다. 이와더불어 스낵컨텐츠(짧게 보고 소비하는 컨텐츠)를 중심으로 사이트를 운영하는 경우에도 좌측에 사이드바를 위치시키는 것이 좋습니다.

 

그런데, 아예 사이드바를 없애는 경우도 있을 수 있죠..

 

 

2. 사이드바를 둘 것이냐 없앨 것이냐!

 

사이트나 블로그 등을 돌아다녀 보면 사이드바가 없는 경우도 심심치 않게 볼 수 있습니다. 이는 우측에 사이드바가 있는 경우처럼 글 자체에 집중시키는 효과가 있을 뿐 아니라 이와 더불어 더 많은 정보를 한꺼번에 게재할 때 적합한 방식입니다. 글쓰는 사람 입장에서 사이드바 만큼의 공간이 더 확보되는 것이니 말이죠..

 

이와 더불어, 사이드바가 없는 방식은 사진과 같은 이미지를 크게 보여줘야 하는 사이트에도 적합한 방식이기도 합니다. 아래는 네이버의 포토갤러리 입니다. 사이드바가 없죠..

 

 

추가로, 네이버 포토갤러리의 바탕이 검은색인 이유는 사진에 대한 집중도를 높여주기 위해 계산된 배경색 선택이기도 합니다. 갤러리와 같은 메뉴는 이처럼 주변 바탕색을 어둡게 해서 해당 사진 등에만 집중시키는 것도 좋은 방법이죠..

 

 

 

3. 첫화면을 어떤 것으로 보여줄 것이냐!

 

사이트 제작시에 또한 고민해 봐야 할 부분이 첫 화면을 어떤 식으로 보여줄 것이냐 입니다. 블로그와 같은 경우에는 첫 화면을 가장 최근 글로 해 두는 경우가 많죠.. 블로그라는 매체가 다양한 즐길거리 등이 있는 것이 아니라, 필자의 글을 위주로 사이트가 구성되는 방식이기 때문입니다.

 

하지만, 여러명의 작가가 있는 팀 블로그의 경우에는 첫 화면을 목록으로 보여 주면서 작가별로 구분해 주는 방식을 취하는 것이 적합합니다. 뉴스사이트의 경우에는 당연히, 주제별로 최근 뉴스들을 보여줄 수 있는 방식이 좋겠죠.. 아래는 연합뉴스 사이트의 첫번째 화면입니다.

 

 

오늘은, 간단하게 사이트 제작시 고민해 봐야 하는 메인 화면의 구성에 대한 이야기를 해 봤는데요.. 메인화면은 결국, 내가 제작하려는 사이트의 성격에 맞도록 사이드바, 메뉴를 구성해야 한다는게 핵심! 되겠습니다.

 

사이트를 제작하다보면 만드는 사람 위주로 인터페이스 등이 흘러가기 쉬운데 결국, 사이트를 이용하는 사람 입장에서 메인화면을 구성하는게 바른 방향일 것입니다.