홈페이지에 대하여 정보를 공유하고 이야기 할 수 있는 공간입니다.

반응형웹의 단점과 현실

  • LV 2 퓨리티진
  • 비추천 0
  • 추천 0
  • 조회 2025
  • 2014.10.02 09:06
1. 미국과 한국의 웹사이트에 대한 인식의 차이


반응형웹이란 미국에서 시작된 것이며 당연히 미국의 실정에 맞는 기술이겠죠.
미국의 웹사이트와 한국의 웹사이트를 비교/분석해보신 분들이라면 보통 미국의 웹사이트들은 페이지 구성이 상당히 구조적이며 메인화면에서 많은 내용을 보여주지 않는다는 것을 아실 것입니다.
또한 접속자 개개인이 스스로 필요한 정보에 접근하도록 유도하는 방법이 많이 사용됩니다.


1.jpg

 
하지만 한국의 홈페이지는 처음 접속하는 메인 화면에 최대한 많은 정보를 넣는 것을 좋아합니다.
다시 말해 접속자에게 생각할 시간을 주지 않고 최대한 많은 내용을 보여주려고 하는 경향이 강합니다.
 
2.jpg

이것은 생각보다 커다란 문화의 차이라고 생각됩니다.
이런 문화의 차이를 배제하고 기술자의 입장에 서서 기술을 먼저 생각하게 된다면 분명 좋지 못한 사이트가 개발될 것은 뻔합니다.
이런 시각으로 본다면 반응형웹은 그 성격상 한 페이지에 너무 많은 내용은 담을 수가 없다는 단점이 있습니다.
화면이 줄어들어 일부는 너비가 줄어들고 일부는 아예 감춰진다고 하더라도 그것 또한 한계가 있고, 또 레이아웃이 복잡해지면 반응형웹 사이트를 만드는데 큰 어려움이 따르기 때문이죠.
반응형웹 사이트는 단순하고 간단하고 심플해야 합니다.
 
3.jpg

혹자는 이렇게 말할 수 있습니다.
"그럼 반응형웹 적용이 가능한 기획과 디자인을 하면 되지 않겠느냐"
그렇게까지 해서 반응형웹 사이트를 만들어야 되는 이유가 무엇이며, 발주처(혹은 직장상사)에게 허전한 메인화면에 대해 충분히 납득할 수 있도록 설명할 수 있을까요.
반응형웹은 필요에 의한 하나의 기술일뿐 그 자체가 목적이 되어서는 안됩니다.
 
 
2. 전문 인력 부족

당연한 말이지만 무언가를 만들려면 그에 맞는 충분한 기술을 보유해야 합니다.
애석하게도 우리나라에는 이런 반응형웹과 그에 필요한 기술을 충분히 갖춘 인력이 많지 않은것 같고, 또한 그것을 제대로 이해하고 기획서를 쓸 수 있는 기획자는 더욱 없는듯 합니다.
만약 이것을 맡게 되는 기술자 본인도 자신의 약점을 감추려고 어떻게든 만들겠지만 이것은 또다른 커다른 문제를 야기하게 됩니다.
 
4.jpg

웹사이트의 모든 컨텐츠가 유기적으로 반응해야 하는 반응형웹은 일반 웹사이트에 비해 처음부터 제대로 만들지 않으면 나중에는 겉잡을 수 없는 문제들이 발생할 수 있기 때문입니다.
이것은 자칫 피씨와 모바일을 따로 만드는 것보다 더 많은 시간이 허비될 수 있습니다.

3. 유지보수의 한계

홈페이지를 한번이라도 만들어 보신 분이라면 발주자의 무한 수정요청과 뒤집어 엎기에 진절머리를 내본 경험이 있을 것입니다.
웹사이트를 오픈한 후에도 당연히 유지보수는 필요할 수밖에 없는 것이지만 반응형웹사이트는 일반 웹사이트에 비해 처음 잡았던 레이아웃과 컨셉을 바꾸는건 상당히 어려운 일입니다.
5.jpg

그것이 왜 어려운지에 대해 비전문가에게 설명하고 납득시키는 것은 더욱 어려운 것이고, 최악의 상황에는 처음부터 송두리째 뒤집어 엎는 상황이 올 수 있습니다.
항상 오더앞에서 작아질 수밖에 없는 우리 웹디자이너의 비애입니다.

4. 각각의 환경에 대한 장점을 살리는 것이 좋다.

최근 웹 접근 환경이 피씨보다 모바일 접속이 더 많아졌다고는 하지만 피씨 또한 중요한 접근 수단입니다.
사이트를 반응형웹으로 제작할 경우 모바일은 모바일 나름대로 빠르고 심플한 화면을 제공해야 하나 자칫 불필요한 요소들때문에 무거워질 수도 있고 피씨는 모바일에 맞추려다 보니 화려한 디자인과 넓은 화면을 활용할 수 있는 장점을 포기해야될지도 모릅니다.
반응형웹은 이렇게 각각의 장점을 제대로 취하지 못한채 이도 저도 아닌 사이트가 될 수도 있습니다.

5. 마치며..

이번 포스트는 반응형웹에 대해 우리의 현실적인 상황과 단점을 늘어놓았는데요.
N스크린 환경이란 것 자체도 아직은 걸음마 단계이고 앞으로도 발전해 나갈 수 있는 여지가 많은 만큼 충분히 기대해도 좋을 것이라 생각합니다.
다만 기술이 현실을 앞서나가는 것은 위험하다는 것을 말하고 싶었구요, 반응형웹사이트를 운영하고 있거나 앞으로 만들어 보실 분들에게 도움이 되었다면 좋겠습니다.
 

추천 0 비추천 0

트위터 페이스북 구글플러스 싸이공감 네이트온 쪽지 구글 북마크 네이버 북마크
추천수 베스트
게시물이 없습니다.
조회수 베스트
게시물이 없습니다.
댓글수 베스트
게시물이 없습니다.
홈페이지 이야기 게시판 게시물 목록
번호 제   목 이름 날짜 조회
52 블로그 상단노출법 LV 7 제리 11-18 853
51 Wordpress와 우리나라 현실 1 LV 10 꽃사슴 11-09 781
50 키워드 광고 안할수도 없고 , 하기도 그렇고! LV 10 꽃사슴 11-09 648
49 홈페이지 방문객과 실시간 상담 하는 방법 LV 10 꽃사슴 11-09 689
48 무료홈페이지 Best 3 1 LV 10 꽃사슴 11-09 675
47 카페 만들기 - 이왕 할거면 제대로 만들자! LV 10 꽃사슴 11-09 625
46 홈페이지제작-기본은 알자! (필요성,개발단계,바이럴) 시리즈 1편 LV 9 꽃사슴 11-08 728
45 블로그 활성화 , 정말 어떻게 해야 할까요? LV 9 꽃사슴 11-08 689
44 카페 활성화 - 왜 힘든걸까? LV 9 꽃사슴 11-08 695
43 홈페이지 구축 - 기본 개념은 알고 만들자! LV 9 꽃사슴 11-08 812
42 똑똑한 회사 홈페이지 구축 방법 LV 9 꽃사슴 11-08 677
41 홈페이지 제작 시 고려사항 1 LV 9 xoxo 10-31 795
40 ios & Android 디자인 할 때 참고할만한 자료 LV 5 퓨리티진 10-28 762
39 무료 고퀄리티 사진 웹사이트 10개 LV 4 퓨리티진 10-21 846
38 에이전시 산업의 과거, 현재, 그리고… 미래[퓨즈 허재남대표] LV 3 퓨리티진 10-16 1518
37 33가지 신선하고 아름다운 포트폴리오 디자인 LV 3 퓨리티진 10-16 1155
36 polygon background tutorial - using triangulator LV 3 퓨리티진 10-16 2014
35 아이콘 디자인 레퍼런스하기 좋은 웹사이트 LV 3 퓨리티진 10-16 8862
34 웹디자인을 위한 이미지 소스 관련 웹사이트 모음 LV 5 망고ㅇ 10-16 909
33 윈도우 탐색기 레이아웃 변경하기 LV 5 망고ㅇ 10-16 1446
32 추천하는 디지털 메모장 LV 5 망고ㅇ 10-16 823
31 140만개가 넘는 벡터(vector) 파일 무료 다운로드 LV 5 망고ㅇ 10-16 2411
30 구글이 만든 iOS용 프레젠테이션 툴 LV 5 망고ㅇ 10-16 854
29 멋진 음식점 웹디자인 22개 LV 3 퓨리티진 10-13 1127
28 qr 코드로 홈페이지 홍보 LV 4 제리 10-10 1075
27 수채화 느낌에 웹사이트 25개 LV 3 퓨리티진 10-08 1517
26 워드프레스로 홈페이지를 제작할때 도움이 될 서비스를 소개합니다. LV 3 퓨리티진 10-08 1026
25 패럴렉스 스크롤링 웹사이트 베스트 20 LV 2 퓨리티진 10-07 3220
24 반응형 웹사이트 50개 LV 2 퓨리티진 10-06 1288
23 반응형웹의 단점과 현실 LV 2 퓨리티진 10-02 2026
22 홈페이지 만드실수 있으신분 계십니까? LV 3 김또취 10-01 1056
21 이미지와 텍스트의 조화를 위한 디자인 팁 10가지 LV 2 퓨리티진 10-01 1748
20 모바일 홈페이지 LV 2 제리 09-29 1214
19 홈페이지제작 : 리복 무브 + LV 3 옹옹옹222 09-27 1466
18 디지털 콘텐츠 플랫폼 : 블로그 서비스별 비교 총정리 LV 4 꽃사슴 09-23 1411