"반응형 웹" 이란,
구축하는 하나의 사이트를 사용자가 원하는 다양한 해상도에 맞게
기획/디자인/개발하며 이를통해 사용자가 접근하는 모든 기기에서 가장 최적화된 화면으로
사이트를 이용할 수 있게 하는 기술입니다.
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.
'Report > 디자인&기획(UX ,UI,Service)' 카테고리의 다른 글
Report_017. 확인 누르려다 잘못 누른 취소 버튼, 내 실수였을까? (0) | 2017.04.29 |
---|---|
Report_016. IT업계 UX/UI디자이너 등의 역할정의_설문조사 결과 (0) | 2017.04.29 |
Report_013. 스마트폰 어플리케이션 종류_네이티브 앱, 모바일 웹, 웹 앱, 하이브리드 앱 (0) | 2017.04.04 |
Report_010. 서울시 공공 디자인 사업 '디자인 거버넌스' _ 5개 분야 사업에 대한 디자인 결과물 (0) | 2017.03.17 |
Report_009. 소셜멘토링 '잇다' _ 서비스 디자인 관련 멘토링 (0) | 2017.03.16 |