본문 바로가기
Report/디자인&기획(UX ,UI,Service)

Report_014. "반응형 웹" 이란?

by '오지연' 2017. 4. 4.
반응형

 

 

"반응형 웹" 이란,

구축하는 하나의 사이트를 사용자가 원하는 다양한 해상도에 맞게

기획/디자인/개발하며 이를통해 사용자가 접근하는 모든 기기에서 가장 최적화된 화면으로

사이트를 이용할 수 있게 하는 기술입니다.

 

 

 

ex) '몰스토리'에서 반응형 웹을 기반으로 구축한 홈페이지인 "Whola" 쇼핑몰 & "KT Sat"

 

1. "Whola" 쇼핑몰의 반응형 웹.

; PC, 태블릿, 모바일에 따라 각각 다른 해상도로 보여진다.

 

ⓐ PC 화면 or 비율

 

 

 

 

 

ⓑ 태블릿 화면 or 비율

 

 

 

 

 

ⓒ 모바일 화면 or 비율

 

 

 

 

2. "몰스토리"에서 만든 반응형 웹을 기반으로 구축된 "KT Sat" 홈페이지.

; 화면크기에 맞게 바뀌는 걸 확인할 수 있다.

 

ⓐ PC 화면 or 비율

 

 

 

ⓑ 태블릿 화면 or 비율

 

 

 

ⓒ 모바일 화면 or 비율

 

 

 

반응형 웹의 장점으로는, 

 

PC / 태블릿 / 모바일 등 사용자가 접근하는 다양한 기기에 따라 그 해상도에 최적화되어 보여지게 됨으로, 사이트를 접속하는 사용자의 접근성이 보다 높아진다.​

 

어떤 기기를 사용하든 비슷한 환경을 제공 해 줌으로써 좀 더 쉽게 접근 할 수 있는 방법이여서 사용자가 거부감 없이 접속 할 수 있다는 장점을 가지고 있다.

 

또한, 한 사이트이기 때문에 *사이트 트래픽 이나, *이용자 통계 를 쉽게 관리 할 수 있어서 검색엔진 최적화도 쉽게 할 수 있다는 장점이 있다.

 

 

 

내용 출처 : http://blog.naver.com/mallstory/150188841749

원본 포스팅 된 시기 : 2014. 04. 05.

 

 

 

반응형