터치친화적 반응형 웹으로 변신한 MSN에 대한 무관심

MSN(Microsoft Network)은 마이크로소프트가 만든 포털 서비스다. 국내에서는 네이버, 다음에 가려 존재감은 거의 없고 미국과 캐나다를 비롯해 일부 국가를 제외하면 서비스를 닫는 것으로 알려졌는데도 4억8천만명이 등록되어 있다. 우리나라에선 독자적으로 운영하다 2010년 10월 조인스닷컴(joins.com) 과 합병한 뒤 특정 매체와 뉴스를 공급하는 조인스MSN이라는 이름의 포털이 되었다.

그랬던 MSN(http://kr.msn.com )이 변했다. 두 가지가 달라졌다. 터치 친화적이면서 상황에 따라 레이아웃을 바꾸는 반응형 웹으로. 지난 7월 1일자로 MSN은 윈도 8 스타일로 개편하면서 PC 친화적이었던 포털의 껍질을 버리고 아예 터치에 좀더 친화적인 웹사이트로 바꿨다. 터치 기반의 윈도8 장치를 이용하는 이용자에게 좀더 쉽게 이용할 수 있는 서비스로 개편한 것이다. 조인스닷컴과도 다시 분리되어 온전한 MSN으로 거듭났다.

하지만 터치 환경의 최적화와 아울러 반응형 웹을 도입한 것도 함께 봐야 한다. 반응형 웹은 HTML5 미디어 쿼리를 이용, 이용자의 장치 해상도와 브라우저 설정에 따라 웹 환경을 동적으로 바꿔주는 기법이다. 지금 다음이나 네이버처럼 고정된 페이지는 웹브라우저의 창 크기를 늘이고 줄여도 레이아웃에 변화가 없는 반면 반응형 웹은 창 크기에 맞춰 레이아웃을 변경되기 때문에 좀더 다양한 장치에 유연하게 대응할 수 있다. 이번에 변경된 MSN은 이러한 반응형 웹 기법이 도입되어 있다.

반응형 웹의 적용은 단말과 소프트웨어 환경에 따라 레이아웃을 손쉽게 바꾸기 위한 것이고, 여기에 MSN은 윈도8과 연계해서 쉽게 쓸 수 있는 터치형 레이아웃도 고려한 것이다. 윈도 8의 타일 UI와 비슷하게 화면을 꾸민 덕분에 손가락으로도 가볍게 링크를 누를 수 있고, 창의 크기를 조절해도 터치를 위한 레이아웃은 유지된다. 뉴스를비롯해 날씨와 아웃룩, 스카이드라이브 등 윈도 서비스를 손쉽게 접속할 수 있도록 타일 형태로 메뉴를 만들었다. MSN 메인 화면 뿐만 아니라 각 항목별 뉴스에 들어가도 그에 터치로 다루기 쉬운 공간적인 여유를 가진 타일 레이아웃으로 통일했다. 다만 터치 환경의 조건을 만족하지 않는 상황에서는 종전 마우스 친화적인 레이아웃을 그대로 보여준다.

MSN 뿐만 아니라 이보다 앞서 바뀐 다음 뷰(http://v.daum.net )도 반응형 웹과 터치 환경에 맞춰 잘 개편한 사례다. 다음 뷰 역시 브라우저의 크기에 따라 레이아웃을 변형하고 터치에 알맞게 공간적인 여유를 잘 살려 놓고 있다. 터치 환경에 최적화된 것은 아니지만 구글 플러스(http://plus.google.com ) 도 반응형 웹으로 서비스되고 있는 것 중 하나다.