1주에 1번이라는 ‘이보다 더 널널할 수 없는’계획을 짜 놓고도 결국 사이트분석 연재라는 병자군 자신에게 부과한 숙제를 재대로 수행하지 못하고 있군요. 이것저것 많은 일이 있었다…라고 변명을 늘어놓아 보지만, 이 ‘참을 수 없는 존재의 게으름’은 언제쯤 극복할 수 있는 것일지…

아무튼, 아직까지 기다려주시는 분들이 있는지는 전혀 알 수 없긴 하지만, 정신병자군의 사이트분석이 다시 시작되었습니다. 계속 봐 주신 분들이라면 잘 알고 계시겠지만, 병자군조차도 얼마나 길어질지 전혀 짐작을 못한답니다. 자 심호흡 한번~ 마음을 가다듬으시고~ 자 준비되셨나요? 그럼 “빠져어~ 봅시드아~!”

‘TIME’ 온라인판 새단장 – NYTIMES의 개정판?

병자군의 과거 포스트를 계속 보아 주신 분들이라면 눈치채실 수 있겠지만, 전체적인 느낌은 뉴욕타임즈와 상당히 비슷하다. 특히 편집/배치가 부각되는 메인콘텐트영역과 목록이 부각되는 카테고리별 기사목록영역으로 크게 나누고, 그 구분점에 프레임을 살짝 비틀고 가로로 확장되는 주요기사목록영역을 두었다는 점은 타임과 뉴욕타임즈 홈페이지가 기본적으로 같은 디자인컨셉을 공유하고 있다는 느낌을 강하게 받게 한다.

(물론, 타임 쪽이 더욱 ‘깔끔해’보이는 것은 분명한 사실이지만, 다루어야 하는 정보의 절대량의 차이가 큰 일간지와 주간지라는 매체의 특성에 기인한 것이라고 판단된다.)

자, 언제나 그랬듯이, 타임 역시 하나하나 뜯어서 살펴보도록 하자.

1. 헤더부분

로고는 전통적인 좌 상단위치에 두고, 중앙부분에는 검색창을 두고 있다. 우하단에는 오늘 날짜와 텍스트로 된 자사광고가 실려있다.

분석의 편이를 위해서 해더부분만 이렇게 잘라서 보여주고 있지만, 타임의 경우에는 이러한 접근방법은 맞지 않다. 전체 웹사이트를 감싸고 있는 붉은 부분을 위 전체화면에서 다시 확인해 보자. 이러한 디자인요소는 전통적인 타임 잡지의 인장이다. (타임지의 표지는 모든 경우 이와 같은 디자인을 가지고 있다.) 뉴욕타임즈가 전통적인 신문의 레이아웃방식을 응용해서 “이곳은 신문사 웹페이지입니다.”라고 말하고, 중앙에 위치하며 해더부분 전부를 지배하는 힘있는 로고를 통해 “그 신문의 이름은 뉴욕타임즈입니다.”라고 말하고 있듯이, 타임지는 수십년의 전통을 통해 확립한 타임지를 타 잡지와 한번에 구별할 수 있는 표지디자인언어를 사용해서 한번에 “이곳은 타임 홈페이지입니다.”라고 말하고 있다.

매뉴구성에 대해서는, U.S이면서 ENTERTAINMENT인 글은 어떻게 처리하는지, 뭐 이런 사소한 궁금증이 있긴 하다. 그래서 U.S와 WORLD는 디자인적인 구분이 필요하지 않나, 정도의 생각은 있다. 지역과 분야라는 등가라고 볼 수 없는 정보가 같은 위상을 차지하고 있는 것은… 좀 이상하지 않나?

또하나 아쉬운 부분은 검색부분인데, 메뉴 바, 배치영역, 목록영역, 주요기사영역을 모두 나눈 다음 다른데 특별히 둘 곳이 없으니까 그냥 헤더부분에 던져놓은 듯 보인다. 물론 헤더의 중앙 역시 대단히 중요한 부분인 것은 사실이지만, 타임 온라인의 헤더는 그 디자인요소로 인해 온전히 사이트 정체성의 확립을 위해서만 기능하는 곳이다. (그렇게 기능하게 해 주는 것이 맞다고 병자군은 생각한다.) 병자군이 보기에 지금의 검색은 완전히 ‘나이는 서른이 넘어서 마흔을 향해 달려가고 있는데, 나름 일류대 나왔다고 하면서 눈만 높아져서 취직도 못하고 누나 집에 얹혀 살면서 누나 가족 눈치밥 먹으며 살고 있는 불쌍한 삼촌’의 느낌이다. 독립시켜 주었으면 충분히 자기 능력 발휘할 수 있을 것이고, 또 사회 전체적으로 봐서 놀려두기 아까운 인력임에 분명한데, 어떻게 안되겠니?

(또 하나, 사소한 부분이지만 현재 검색창의 위치는 전체적으로는 완벽한 중앙이지만 해더 양쪽의 디자인요소로 인해 한쪽으로 치우쳐 있는 듯 보인다. 보다 세심한 디자인이 아쉬운 부분이다.)

2. 메인컨텐트 배치부분

3단 구성을 기본으로 하고 있지만 약간 비틀어줌으로 시야의 흐름에 적당한 긴장감을 부여하고 있다. (화살표는 시야의 흐름)

외국 언론사이트의 경우, 시야의 흐름을 어떻게 가져갈 것인가에 대한 고민이 국내 언론사이트에 비해 월등히 뛰어나다. (라고 병자군은 생각한다.) 타임지의 경우 좁은 통로를 흘러나온 시야가 한순간에 확장되는 듯한 느낌을 가지게 해 주는데, 뉴욕타임즈의 S자형 시선유도와 한번 비교해 보자.

뉴욕타임즈는 기본 6단 구성으로, 2개 단을 동시에 사용하는 이미지를 통해 시선을 S형으로 유도한다. 타임지는 약간 어긋난 3단 구성을 통해 시야가 사방으로 확장되는 경험을 유도한다.

타임의 '확장하는 시선'은 최초 출발점인 해드라인기사 부분의 시야의 흐름이 빨라질 수밖에 없고, 그럼으로 해당 부분의 기사 집중도를 해치게 될 위험이 있다. 이것은 텍스트기사에 대한 집중도를 감소시키더라도 사진기사에 대한 집중도를 더욱 높이고, 해드라인보다는 오히려 아랫쪽의 BLOGS, THE AG, QUOTES OF THE DAY 등의 섹션에 보다 힘을 싣겠다는 의지의 표현으로 보인다. (병자군은 텍스트기사가 더욱 중요하게 배치되었으면 하는 바램이 있지만, 그건 그야말로 병자군의 개인 취향에 따른 “사적인” 요구일 수 있다.)

역으로, 오히려 강한 느낌의 이미지가 양쪽에 배치됨으로 상대적으로 깔끔해 보이는 중앙 해드라인기사 부분에 시선이 집중된다는 느낌 역시 있을 수 있다. 전반적으로는 전통적인 잡지의 표지디자인 문법을 계승하고자 하는 의도가 아닐까 하는데, 큰 이미지로 시선을 유도하고 주요 기사는 표제만 배치하는 잡지표지의 문법을 웹 페이지에서 어떠한 방식으로 구현할 것인가에 대한 고민의 산물로 보인다.

사진기사의 강화와 더불어 사진기사와 같은 정도의 크기를 가지는 이미지광고를 사용하여 해드라인 부분의 폭을 더욱 좁게 하고, 그럼으로써 '확장하는 시선'을 더욱 강화하는 전략을 취하고 있다. 뉴욕타임즈의 경우에서도 보여지지만, 잘 배치된 광고는 전체 사이트의 디자인컨셉을 더욱 강화시켜주는 역할을 할 수 있다.

3, 주요기사 목록과 카테고리별 기사목록

메인컨텐츠배치영역과 카테고리별 기사목록영역을 구분하는 구분자의 역할을 수행하는 주요기사목록부분

전통적인 정보나열형 웹사이트의 문법을 계승하는 카테고리별 기사목록부분, 전반적인 디자인어법은 뉴욕타임즈의 카테고리별기사목록부분과 같다.

이 부분은 거의 모든 부분에서 과거 뉴욕타임즈 분석 때 했던 얘기와 중복이 될 것이기 때문에 다시 얘기하지는 않겠다. (원래 병자군은 목에 칼이 들어와도 리바이벌은 안 한다.) 꼭 병자군의 생각을 알아내야겠다라고 하는 사람은… 으음… 밥 한끼만 사주세요, 배고파요…-_-;;;

5. 총평

사이트 전체를 자사의 정체성을 상징하는 디자인요소로 둘러놓음으로써 방문자에게 강력한 인상을 심어준다. 이미지가 보다 강조되는 전통적인 주간지의 표지디자인 어법을 웹 상에서 어떻게 구현할 것인가에 대한 고민이 엿보이는 디자인.