원페이지와 반응형 인터페이스의 열풍

마우스 클릭에서 휴먼터치로
‘마우스 족(族)’이 ‘엄지 족’으로 변신하고 있다

예전부터 네이버 검색서비스에 대해 ‘가두리 양식장’이라는 말이 있을 정도로 곱지 않은 시선과 비판이 있어왔으나 수준 이하의 검색 결과와 광고로 도배된 검색서비스 정책은 계속 제자리 걸음처럼 보여왔다.
그러다 작년말 공정거래위원회가 네이버 및 다음 검색서비스에 대해 위법 판단을 내린 이후 검색환경이 조금씩 변화하고 있는 것 같다.
광고로 도배되었던 검색엔진 결과 페이지도 조금씩 바뀌면서 기업들의 검색엔진 최적화에 대한 관심과 함께 홈페이지 리뉴얼도 많아지고 있다.

최근 국내에서도 홈페이지 개편시 반응형 홈페이지로 제작하는 사례가 부쩍 많아졌는데, 반응형 인터페이스 외에도 원페이지 형태의 인터페이스도 부각되고 있다.
이하 ‘원페이지형 인터페이스’와 ‘반응형 인터페이스’ 열풍에 대한 배경을 정리 해 본다.

터치 & 스크롤의 거부감 감소

스마트폰과 태플릿이 소비자에게 빠른 속도로 침투되면서 터치형 UI에 대한 컨트롤 우려가 감소하였다.
(현재도 미묘한 상호작용이 계속 탐구되고는 있지만)
윈도우8과 크롬도 터치명령이 시작페이지에 채용되고 있다.
이러한 현상은 홈페이지 UI에 대한 의사결정에 매우 지대한 영향을 미치게 되었고
그결과 과거 마우스 클릭 중심의 UI에서 새로운 휴먼터치형 UI로의 전환을 손쉽게 만들었다.

플랫폼(기술)의 영향

대부분의 프로그램이나 디자인은 실행되는 플랫폼에 갇혀 제한을 받게 된다.
지속적인 모바일 장치의 증가는 필연적으로 화면 크기와 픽셀수를 고려하게 만들고
이로인해 평평하고 심플한 디자인만이 사용자 편의성을 만족시킬 수 있게 되었다.
데스크탑에서 난립하던 배너와 같이 복잡한 요소들은 모바일로 넘어가면서 설자리를 잃은것이다.

사용자 행동의 영향

모바일은 이동중이라는 특성을 갖는다.
사용자는 커다란 폰트와 굵은 서체를 원하고 이미지는 제한된 그리드 안에서 디자인되기를 요구하게 되었다.
설명적이거나 오버 디자인된 인터페이스 보다는 직관적이고 매우 심플한 흐름을 가진 인터페이스가 이동중에도 우수한 편의성을 준다.
이제 복잡한 디자인은 사용자에게 불편함을 넘어서 불쾌감을 주기에 다다른 것이다.

정보의 과부하

모든 유저는 넘쳐나는 정보의 홍수 속에서 피곤함을 느끼고 있다.
거대한 컨텐츠의 검색결과에 압도된 유저는 피로감이 더욱 악화되고 있다. 따라서 컨텐츠 제작에 있어서 필터링는 필수가 되었고
사용자 인터페이스에서도 이러한 혼잡을 줄이기 위한 시각적인 노력이 중요하게 되었다.

디바이스 호환에 대한 요구

다양한 크기로 확산된 디바이스는 디자이너와 개발자에게 더 유연한 사용자 인터페이스를 요구하게 되었다.
그 결과 반응형 홈페이지가 주는 유연성은 홈페이지 리뉴얼시 반드시 고려해야 하는 이슈가 되었다.
기능의 과잉 없이 심플한 그리드를 가진 원페이지 UI는 이러한 유연성 측면에서 열풍을 일으키며 디자인보다 컨텐츠를 다시 왕의 자리에 올려놓고 있는 것이다.

원페이지 UI사례

특징

중요한 정보가 첫페이지에 다 나온다.
페이지 이동이 없다.
세로로 스크롤되는 휴먼터치형 구조.
폰트, 버튼, 행간 등이 크다.
설명적 요소가 적은 심플한 구조
기기별 해상도에 유연하게 반응하도록 설계되어 있다.

국내 원페이지형 워드프레스 테마사이트

아이비즈커뮤니케이션은 워드프레스 기반의 한국형 원페이지 웹사이트 테마를 제작하여 무료로 제공하고 있습니다.

* WonpageFree 데모사이트 바로가기

* WonpageProduct 데모사이트 바로가기