반응형웹이란? 반응형웹디자인이 중요한 이유는?

반응형웹이란? 반응형웹디자인이 중요한 이유는?

필자는 2010년부터 온라인 판매에 관심을 가졌다.

2010년부터 2012년 정도까지는 국내 최대 포털 사이트인 네이버 기준으로, PC 검색수가 모바일 검색수 보다 압도적으로 많았다.

그당시에는 모바일 쇼핑몰의 중요성을 인지 못하는 경우가 대부분이여서 보통 PC버전의 홈페이지만 구축하는 정도였다.

어느시점부터 유행이 지나가듯, 쇼핑몰 업계는 모바일웹의 중요성을 깨닫고 PC버전과 아울러 모바일 버전의 홈페이지들을 급속도로 만들어내기 시작했다.

이유인즉, IT의 발전으로 PC, 테블릿, 스마트폰 등의 사용 고객이 많아짐으로서 모바일 검색수가 PC에서 검색되는 수보다 2배 이상 많은 경우가 대부분이기 때문이다.

여기까지만 읽어보아도 PC형 홈페이지와 모바일용 홈페이지가 꼭 필요 하다는것을 인지 할 수 있을 것 이다.

2014년 현재 인터넷 사용자들은 다양한 기기들(PC,테블릿,스마트폰 등)로 인터넷을 사용 하고 있으며, 인터넷 브라우저도 익스플로로만 사용하던 예전과는 달리 크롬, 파이어폭스, 사파리, 익스플로러 기타 등등 많은 브라우저를 사용 하고있다.

요즘은 인터넷 조금만 하는 사람이면 익스플로러는 안쓴다는 말이 있다.

익스플로러의 단점을 보안한 브라우저들인 크롬, 파이어폭스, 사파리 등 의 사용자가 급증하면서 익스플로러만 사용하던 한국인들에 맞춰 코딩된 많은 홈페이지와 쇼핑몰들이 호환이 되지 않는 문제가 발생 한다.

디자인만 많이 고려한 한국 홈페이지 특성상 플레시와 이미지를 많이 사용하는 홈페이지가 많았으며, 이에 비해 미국(구글을 보면 알수 있음)에서는 한국인이 보기에는 홈페이지의 디자인이 다소 촌스러워 보일수 있으나 실용성 위주로 만들어진 홈페이지가 많은 것을 알수 있다. (플레시와 이미지로 디자인된 홈페이지는 웹페이지 번역이 불가능하나 테이블을 짜서 문자로 구성된 홈페이지는 웹페이지 번역이 가능하다)  

국내에서 반응형웹을 처음 도입한 시기는 2011년쯤인것으로 보인다.

요즘은 급속도로 많은 공공기관등이 반응형웹으로 바뀌어 가고 있다.

반응형웹이란?

디스플레이 종류에 따라 화면의 크기가 자동으로 최적화되도록 조절되는 웹페이지이다.

에이치티엠엘5(HTML5) 시대가 도래됨에 따라 기능 완성 형태의 새로운 마크업 언어의 등장으로 스마트한 웹페이지 구현이 가능하다.

반응형웹의 장점은.

1. PC용, 모바일용 홈페이지를 각각 개발하여 관리하는 비용을 줄 일 수 있다.

2. 사용자가 어떠한 환경에서 접속하던지(PC, 테블릿, 모바일등) 접속한 기기의 화면에 맞춰서 컨텐츠가 유동적으로 변화하여 사용자가 보기 편안한 환경을 제공 한다.

3. 메뉴와 디자인 요소들이 이미지나 플레시가 아닌 문자로 구성되어 있어 검색 노출에 유리하다.

필자가 반응형웹의 정의와 장점 외에 한국의 홈페이지들의 변화와 대응에 관해 서술한 이유는 시대에 뒤쳐지지 말고 빠르게 적응하라는 의미로 과거의 실수를 반복하지 말라는 깊은? 뜻이 숨겨있다.