Archives of Design Research

Citation: Lee, J., Gwark, K., & Roh, J. (2012). CCTV DVR User Interface Design based on user experience. Archives of Design Research, 25(1), 323-327.

일반적인 DVR사용자 중, PC 사용 환경에 익숙하지 않은 사용자를 위한 디자인을 진행하기 위해 기존제품을 분석하고 사용자 리서치를 통해 디자인 전략을 세우는 방법을 사용하였다. 디자인 전략과 컨셉 중심으로 메뉴 구조와 디자인 스키매틱을 구축하고 UI와이어 프레임을 생성한 다음 비쥬얼 디자인을 구현하는 과정을 통해 DVR사용성에 적합한 디자인 도출을 유도하였다.

2.2 디자인 리서치

2.2.1 기존 및 타사 DVR UI 분석

새로운 제품 UI를 만들기에 앞서, 기존 링벨사(아래그림)제품 UI에 대해 분석을 진행한 결과 크게 다양한 입력방식에 대한 이해도 부족과 CCTV 사용자 환경에 적합하지 않은 인터페이스 제공에 대한 문제점으로 분류되었다.

[그림 2] 기존 Ringbell社 DVDR UI

• 다양한 입력 디바이스에 의한 UI의 혼재

링벨사의 DVR시스템 대부분은 다양한 사용자 환경을 대응하기 위해 multimodal interaction을 제공하고 있다. 예를 들어, 큰 대형 Display와 연결을 하는 사용자를 위해 리모콘으로 조작이 가능하게 했을 뿐만 아니라, PC와 같이 쓸 수 있게 마우스 조작도 가능케 했다. 하지만 마우스와 리모컨의 인터랙션이 동일하지 않아 사용자들이 다소 혼란을 겪거나 학습력을 부진하게 만드는 요인이 되기도 하였다.

• DVR 사용자 환경 이해도 부족

사용의 직관성을 제시해야하는 다양한 기능들에 대한 아이콘의 명시성 및 직관성이 많이 부족하였다. 또한 주요 기능들이 메뉴 초기 단계에 드러나 있지 않음으로써 전체 제품에 대한 이해도가 많이 떨어졌다. 또한 PC시스템에 익숙지 않은 사용자들에게는 익숙하지 않은 메뉴 구성 및 레이블링에 문제가 있었으며 깊이가 서로 다른 정보 구조로 인해 시스템에 대한 부담감과 혼란스러움이 증가되었다. 또한 다양한 기능들에 대한 아이콘의 명시성 및 직관성이 많이 부족하였다.

그 외에도 UI가 전체적으로 푸른 색 컬러 컨셉을 지니고 있어 다소 붉은색 계열의 제품 외관 디자인과 충돌을 보임과 동시에 애매한 정보디스플레이 창 위치로 하여금 화면에 거슬리는 장애요인으로 작동하고 있었다.

타 DVR은 PC와 동일한 환경 또는 PC안에서 제어하는 마우스와 키보드 인터랙션으로 이루어지는 PC기반 DVR이 대부분으로써, PC에 익숙한 사용자에게는 무리가 없는 UI구조를 지니고 있었다. 하지만 이는 마우스, 리모콘, 터치를 사용해야 하는 새로운 제품의 UI에는 적합지 않은 구조를 띄고 있었다.

2.2.2 다중 인터랙션 인터페이스가 지닌 특징 분석

기존 DVR UI 분석을 진행하기 전, 주요 DVR환경에서의 각각의 입력 방법에 대한 특징과 제한요소 이를 통한 공통요소들을 연구하였다.

[표 2]
각 입력방식에 따른 공통요소 및 제한요소

2.2.3 사용자 분석

2010년 4월 5일부터 12일간 서울 도시 내 다양한 소점포, 대점포, 식당, 빌딩관리, CCTV 개발 업체등 총 10명의 CCTV 사용자들 인터뷰를 진행하였다. 진행 한 결과 크게 실제 구매자로서의 사용자와 설치자로서의 사용자로 구분되었다.

• 설치자

간단한 메뉴 사용임에도 불구하고 사용자는 원하는 기능이 나오지 않았을 경우 스스로 해결하려는 의지보다는 설치자를 부르는 경우가 많았다. 이로 인해 설치 업체의 직원이 꼭 필요한 경우에 설치자가 파견되지 못하는 상황이 자주 발생하였고, 설치자의 입장에서는 사용자가 보다 쉽게 제품을 사용할 수 있도록 하고 설치자는 디테일한 컨트롤만을 원했다.

• 사용자

주 사용자층은 매장 및 건물 관리를 하는 사용자로써, 그들을 인터뷰한 결과 다음과 같은 의견들이 도출되었다.

[표 3]
사용자의 니즈

사용자의 인터뷰 내용들을 중심으로 정리된 페르소나에서의 사용자들의 Experience Goal(경험적 목표)와 DVR CCTV가 지닌 환경적 특성(다중 인터랙션 환경등)들을 중심으로 Affinity Diagram을 만들어 본 결과, 다음과 같은 콘셉트과 그에 대한 디자인 방향이 제안되었다.

• Suitability:멀티모달 인터랙션의 적합성

멀티모달 인터랙션을 효과적으로 구현하기 위해서 위하여 트치, 마우스, 리모컨 중 제약요소가 가장 많고 사용자들이 제일 편하다고 생각한 디바이스를 중심으로 리모콘>마우스>터치에 우선순위를 둔 인터랙션을 설계하였다. 리모컨 조작 시, 한 화면에서 메뉴 계층 간의 이동이 자유스럽고 익숙한 Depth 이동 방식(그림4)를 기본으로 하되 마우스와 터치스크린의 사용을 최대한 고려하였다. (닫기 버튼, 더블클릭, 스크롤등)

[그림 4] 좌우 depth 설정 화면

• Intuitive:초보 사용자들을 위한 직관성

대부분의 사용자들이 초보사용자임과 동시에 PC에 익숙지 않음을 고려하여 직관적인 메뉴 구조를 위해 제일 중요한 기능들을 중심으로 게이트웨이 적 성격의 홈 메뉴를 설정하였다. 사용 빈도성이 높은 주요기능들을 표면화하고 설정 등 사용빈도수가 낮은 기능에 대한 노출을 최소화하기 위해 카드소팅 작업으로 기존의 복잡한 내부 기능을 사용 행태와 환경에 적합한 직관성 있는 메뉴구조로 재구성 하였다.

[사진 2-2] card sorting 작업

• Seamless : CCTV환경에 간섭이 적은 UI의 연계성

DVR 작업 환경을 간섭하지 않는 이음새 없는 기능들의 조작을 위하여 하단에 배치함과 동시에, 메인 메뉴의 기능 개수를 계층화 작업을 통해 최소화 하였고, 상위 메뉴와 하위 메뉴간의 자연스러운 스위칭을 통해 각 메뉴에 대한 학습성과 시인성을 높이는 효과를 만들어냈다.

[그림 4] 낮은 진입과 게이트웨이적인 성격의 홈 메뉴

• DesignScheme

전체적인 디자인 고급화를 전략화하기 위해 포커스 컬러를 제품의 외관 색상과 통일성을 가질 수 있게 디자인하여 전체적인 디자인 완성도를 높였다. 그 외에도 Seamless한 환경을 만들기 위해 어두운 무색으로 투명 값을 주어 최대한 감시 화면에 간섭 현상이 최소화 되게 조정 하였다.

[그림 5] 디자인 Tone & Manner

본 연구는 CCTV DVR환경에 적합한 사용자 인터페이스 디자인을 하기 위해 사용자 경험 중심 디자인 리서치를 진행하여 PC 환경에 익숙하지 않은 CCTV 사용자의 특성, CCTV환경에 대한 고려 그리고 다양한 인터랙션 방법이 최우선적으로 고려해야하고 이에 대한 가이드라인 제시가 필요하다는 것에서 출발했다. 본 작품에서는 이를 위해 적합성, 직관성, 이음새 없는 자연스러움을 주 컨셉으로 제품 사용에 대한 진입로를 낮추는 방법과 게이터웨이 성격의 홈 메뉴, 좌우 Depth이동의 설정메뉴 등을 제안해봄으로써 디자인을 진행하였다. 본 디자인 연구를 통해 어느 누구도 쉽게 사용할 수 있는 사용자 인터페이스를 제공함으로써 다소 소외되어있는 CCTV DVR이 일반 사용자도 쉽게 활용할 수 있게 발전 될 수 있는 요인을 제공하였다고 사료된다.