News and PR

스포트라이트(Spotlight)를 밝혀라~! 공강시간을 빌어 캠퍼스를 어슬렁거리던 어느 햇볕 좋았던 오후, 도서관을 나오는 한 무리의 사람들 사이에서 유독 어느 한 곳에 세상의 모든 빛이 모이던 그 때를 기억하십니까? [아이파트너즈 마케팅부문 컨설팅실 과장 박현주] 첫사랑의 그 아련한 기억 누구에게나 첫 사랑의 기억은 있을 것이다. 그 첫사랑과의 연애 시절 중 상대방과 함께 보았던 영화 혹은 그 사람과 주고 받았던 선물보다 첫 눈에 반했던 그 순간은 평생 그 기억에 남게 된다. 그 순간을 평생 마음 속에 담아둘 수 있는 가장 큰 이유는 바로 그 빛이 모이던 그 때의 느낌, 그 때의 감성을 기억하는 것은 아닐까? 결혼 8년 차인 필자가 지금의 남편을 처음 만났던(10여 년이 훨씬 지난) 그 때의 그 느낌을 오래된 일기장에서 새삼스럽게 꺼내게 된 계기는 바로 얼마 전에 자료를 정리하던 차에 보게 된 어느 기업의 사이트 구축 제안서 때문이다. (물론 필자가 작업했던 제안서이다.) 시선 흐름의 규칙, 좌에서 우로의 횡운동 당시 우리는 벤치마킹과 내.외부적 상황을 분석하여 도출해낸 컨셉에 맞추어 설계된 정보설계안과 그에 따른 화면구성안을 설명함에 있어서 “일반적인 사용자의 시선 흐름”이라는 규칙을 바탕으로 “좌에서 우로의 횡 운동”이라는 전제 하에 가장 중요한 콘텐츠를 좌상단에 위치시키는 것을 제안했다. 이것은 누구나가 인정하는 일반적인 논리로 이러한 일반적인 시선의 흐름은 지금까지도 변하지 않았다. 다만 인터넷이 일상화되어 가고 있는 요즘 이러한 전제는 특히 사이트를 처음 방문하는 사용자에게 가장 적합한 논리라는 것이다. 즉, 새롭게 론칭하는 브랜드 사이트 혹은 브랜딩이 주 목적인 사이트의 경우, 브랜딩을 위하여 좌상단 영역 특히 우리가 Key Visual 영역이라고 일컫는 부분을 브랜드에 관한 이미지로 사용하는 경우가 많으며 브랜딩이 이미 어느 정도 이루어진 브랜드의 경우에는 수익창출을 위한 지원 방안으로 상품 소개 등과 같이 해당 영역을 마케팅 영역으로 활용하는 경우가 바로 그 예일 것이다. 그러나 특정 사이트에 자주 접속하는 사용자에게 이러한 논리는 얼마나 설득력이 있으며 더 나아가 얼마나 감동을 줄 수 있을까? 익숙한 것과 익숙하지 않은 것의 차이 이번 컬럼을 준비하면서 eBI 업계가 아닌 일반 회사에 다니는 필자의 남편을 대상으로 간단한 실험을 해 보았다. 어떠한 호기심에 부딪히게 되더라도 “나에겐 친절한 네이버씨가 있다”고 자신만만해 하는 남편에게 네이버의 메인 화면과 SKT 사용자로서 평소 가보지 않았던 사이트 중 얼마 전 좀더 강력한 온라인 마케팅의 역할을 위하여 새롭게 론칭한 KTF.COM의 메인 화면을 보여주고 가장 처음 시선이 가는 곳은 어디냐는 질문을 해 보았다. (네이버와 KTF.COM 모두 메인 화면에는 많은 콘텐츠들이 존재하는 포털 형태를 띄고 있는 사이트들이다.) [그림1] 뉴스홈을 선택하고 있다. (방문 빈번) [그림2] 이벤트를 선택하고 있다. (방문 처음) 빈번하게 방문을 하는 네이버의 경우, 평소 사용자의 정보 탐색 스타일에 따라 “뉴스 홈-요즘 뜨는 이야기”로 가장 먼저 시선이 가는 반면 처음 방문했던 KTF.COM의 경우, “좌에서 우로의 횡운동”법칙에 따라 가장 상단에 있는 이벤트 영역이 당첨되었다. 즉 자주 접속하는 사이트에 방문한 사용자의 경우, 본인이 원하는 정보를 바로 찾아가게 되는 시선의 흐름을 갖고 있다는 것이다. 네이버의 경우에도 뉴스 홈 상단에는 이벤트가 존재하며 그 위로는 검색영역과 마케팅 영역이 동시에 존재하고 있다. 이렇듯 사용자의 시선을 잡기 위하여 소위 말하는 웹 사이트에서의 알짜배기 땅에 유인 요소들을 배치하였으나 사용자들은 원하는 정보를 우선 살펴 본 후 그 주변을 보게 된다는 것이다. 첫 눈에 반했던 누군가를 만났을 때 스포트라이트가 그 한 명에게 집중이 되고 그 이후 그 주변 사람들이 눈에 보이듯이 말이다. 엉뚱한 상상력, 콘텐츠에 스포트라이트? 물론 웹 사이트는 처음 방문한 사용자와 자주 방문하는 사용자 모두의 니즈를 충족시킬 의무가 있다. 처음 방문한 사용자들 대상으로는 시선의 흐름 법칙을 활용하여 기업이 고객에게 전달하고자 하는 메시지를 정확하고 강력하게 표현해야 하며 처음 방문으로 인한 가이드 차원의 사이트 활용법에 관한 안내 콘텐츠와 같은 요소들을 배치하고 그 외 방문자들에게는 그들이 원하는 콘텐츠를 좀더 쉽게 편하게 볼 수 있는 장치를 동시에 마련해야 한다는 것이다. 이러한 발상의 시작에서 좀더 엉뚱한 상상력으로 발전시켜 보자. 사용자가 조작하는 마우스의 위치에 따라 그 영역에 위치하는 콘텐츠들에게 스포트라이트를 비춰주는 것은 어떨까? [그림3] 평상 시 네이버 메인 [그림4] 마우스가 뉴스홈 영역에 위치했을 경우 국내 웹 사이트에서 이러한 예를 찾아보자. 콘텐츠 영역에서 이와 같이 구현된 예는 아니지만 OK Cashbag의 상품몰 메뉴바를 통해서 살펴보고자 한다. 다음 그림에서 보는 바와 같이 OK Cashbag 상품몰의 메뉴영역에서 캐쉬백몰 기획전에 마우스를 위치시켰을 때 평소에는 동일한 폰트와 컬러로 나타내고 있지만 특정 메뉴(아래 그림에서는 캐쉬백몰 기획전)에 마우스를 위치시키면 특정 메뉴를 제외하고는 다른 모든 메뉴들은 암전된다. 이를 통해서 사용자가 보고자 하는 메뉴, 가고자 하는 메뉴에 대한 스포트라이트 효과를 통해 주목성을 배가시키고 있는 것이다. [그림 5] 평상 시 메뉴바의 모습. 사용자의 액션을 없을 경우에는 일반 메뉴바와 동일하다 [그림 6] 사용자가 온 마우스 했을 경우. 마우스가 위치한 곳을 제외한 모든 메뉴는 암전된다. 만약 위와 같이 스포트라이트 효과의 형태가 아닌 [그림7]와 같이 일반적인 방식인 폰트의 크기 및 또 다른 컬러를 사용하여 사용자가 선택한 메뉴를 활성화 시켰다면 [그림6]에 비하여 그 주목성은 감소했을 것이다. [그림 7] 일반적인 방식으로 메뉴 활성화 방법을 택했다면 아마 이렇지 않았을까? 첫 사랑의 기억과 웹, 그 상관관계 전혀 상관관계가 없는 것들로부터 시작된 이 엉뚱한 발상에 대하여 이제 결론을 내릴까 한다. 물론 앞서서 이야기했던 것들은 어찌 보면 서로 상관관계가 없어 보일 수도 있다. 그러나 웹이라는 것이 불특정 다수의 사람들에게 어떻게 효과적으로 기업의 활동을 어필할 것이며 호감을 갖게 할 것인가라는 측면에서 생각해 보면 어쩌면 연애하는 것과 비슷하다고 볼 수도 있을 것이다. 상대방을 내 사람으로 만들기 위해서 그 사람에게 지속적인 관심을 보여주고 좋은 모습을 보여주려 노력하는 것들이 우리가 웹 사이트를 구축하고 운영하면서 사용자의 반응에 따라 전략 방향을 수립하는 것과 비슷한 과정이라는 생각이 든다. 이러한 과정에서 상대방이 원하는 것들을 스포트라이트 효과를 통해 좀더 부각시켜서 그들이 나를 좀더 편하게 생각하고 남들과 다르게 나를 바라봐 준다면 첫사랑을 이루어지지 않는다는 징크스 또한 깨지지 않을까?