반응형 웹사이트 이해하기(Responsive Websites)

 

• 반응형 디자인이란?
• 웹사이트를 반응형으로 만들어야 하는 이유

 

반응형 디자인이란?

반응형 웹 디자인을 사용하면 장치의 크기에 따라 웹 사이트가 자동으로 변경될 수 있다. 즉, 휴대폰과 같이 작은 화면에는 그에 맞게 작게 표시가 되고 데스크톱 컴퓨터와 같이 큰 화면에는 그에 맞게 크게 표시가 된다는 뜻이다. 웹 사이트를 디자인할 때 UX 디자이너는 각 페이지의 요소들이 다양한 화면 크기에 어떻게 반응해야 할지 고려해야 한다. 장치의 크기가 작아질 수록 화면에 담을 수 있는 공간이 작아지기 때문에 웹 사이트에서 표시되는 요소의 위치가 변경될 수 있기 때문이다.

스타벅스의 반응형 웹 사이트

예를 들어, 데스크톱 버전은 더 많은 페이지를 화면 상단에 나열할 수 있다면, 이 사이트의 모바일 버전은 상단에 공간이 많지가 않기 때문에 햄버거 메뉴를 만들어 그 안에 그룹화 시킬 수 있다. 동일한 웹 사이트를 여러 버전으로 디자인하면 시간이 더 걸릴 수 있지만 사람들이 다양한 장치에서 웹 사이트를 사용할 수 있게 한다는 장점이 있다.

 

2019년 Pew Research Center의 연구에 따르면, 미국 성인의 74%가 데스크톱 또는 노트북 컴퓨터를 소유하고 있으며 81%는 스마트폰을 소유하고 있다고 한다. 이 데이터는 웹 사이트 이용자가 다양한 장치에서 접속할 가능성이 있다고 가정하기에 충분하다.

 

많은 기업들이 반응형 웹사이트를 필요로 한다. 반응형 사이트는 다양한 장치를 이용하는 사람들이 기업의 사이트에 접속할 수 있도록 하는 좋은 방법이기 때문이다. 따라서 각 장치 유형에 따라 콘텐츠와 요소들도 그에 맞게 조정해서 사람들이 보다 편리하게 볼 수 있도록 해야 한다.