지난주 Go Multi-Screen 2부에서는 여러분의 사이트에 사용자들이 어떤 기기를 통해 접속하고 있고, 그 증가추세는 어떤지를 살펴보는 방법을 알려드렸습니다. 여러분은 또한 사용자가 데스크톱, 휴대기기 및 태블릿을 통해 접속하는 콘텐츠를 비교해 살펴봄으로써 여러분의 비즈니스에 가장 적합한 구현 방식이 무엇인지 파악할 수 있습니다. 오늘은 이와 같은 분석을 토대로 멀티스크린을 고려한 웹사이트를 구현할 때 고려하는 세가지 방법에 대해 알아보겠습니다.


반응형 웹디자인(Responsive Web Design, RWD):
반응형으로 구축된 웹사이트는 사용자들이 사이트에 접속시 사용하는 기기의 스크린 사이즈에 맞춰 자동으로 콘텐츠를 재배치하고 크기를 조정합니다. 따라서 다양한 기기 사이즈에 맞추어 별도의 페이지를 만들 필요가 없고, 리디렉션을 만들 필요도 없게 됩니다. 이를 통해 사용자 입장에서는 보다 원활한 사이트 탐색이 가능하며, 콘텐츠 관리자 입장에서는 콘텐츠를 한 번만 업데이트하면 됩니다. 개발자 입장에서 보면 반응형 웹디자인(RWD)은 유연한 템플릿, 그리드, 스타일 시트 및 자바스크립트로 사이트 프레임워크를 재구축하는 작업을 필요로 하지만, 상당히 보람 있는 결과를 얻을 수 있습니다. TowerGate사례(영문)을 통해 반응형웹을 통해 모바일과 태블릿 사용자수를 200% 이상 증가시킨 이야기를 읽어보세요.

동적 게재방식(Dynamic Serving of Content):
또 다른 솔루션은 콘텐츠를 동적으로 게재하는 것입니다. 이 접근 방식에서는 반응형 웹디자인과 비슷하게 방문자가 사용 중인 기기의 유형을 웹 서버가 감지하여 동일한 URL에서 맞춤화된 페이지를 보여 줍니다. 이 방식은 기기에 최상으로 맞춤화된 사용자 경험을 제공할 수 있지만, 기기별로 콘텐츠를 관리하는 노력이 들어갑니다. 사용자가 원활한 탐색을 경험할 수 있도록 하려면 사용자가 휴대기기를 통해 액세스하는 가장 인기 있는 페이지에 대해 동적 콘텐츠를 만드는 것에 우선순위를 두고, 태블릿에 대해서도 같은 전략을 적용합니다.

별도의 모바일 사이트 (Separate Mobile Site):
마지막으로 고려해 볼 수 있는 구현 방법은 별도의 모바일 사이트를 만드는 것이며, 이 경우 스마트폰 사용자를 모바일에 최적화된 버전의 사이트로 연결합니다. 이 구현 방법은 대체로 독립적으로 호스팅되는 솔루션이기 때문에 모바일 잠재고객을 위해 콘텐츠를 완벽하게 맞춤설정할 수 있습니다. 동적으로 게재되는 콘텐츠를 만드는 것과 마찬가지로 이 방법은 원활한 사용자 환경을 위해 콘텐츠 또는 사이트의 스타일을 별도로 업데이트하는 작업이 필요합니다. Adidas사례(영문)를 통해 전용 모바일 솔루션을 통해 어떻게 잠재고객의 마음을 사로잡는 방법을 발견했는지 알아보세요.

4부에서는 반응형 웹디자인으로 전환하여 사용자 경험뿐만 아니라 애드센스 수익을 10배 이상 증가시킨 게시자의 사례를 소개드릴 예정입니다. 또한 11월 말에 한국 게시자분들을 위한 행아웃 온에서 교육세션도 준비중이니, 기다려 주세요!

게시자: 한국 애드센스팀 Kelly