728x90
개요
IP-TV는 최근 각광받기 시작한 서비스로 초고속 인터넷 망을 기반으로 셋탑박스를 이용하여 TV를 통해 동영상은 물론 게임, 검색 등의 부가서비스를 즐길 수 있는 쌍방향 뉴미디어 서비스이다.
특히 기본적으로는 컴퓨터와 유사한 구성을 취하고 있으며 (모니터=TV, PC본체=셋탑박스, 키보드+마우스=리모컨) 입력도구(리모컨)의 제한과 PC나 스마트폰등의 모바일 기기에 비하여 출력장치(TV)와 조작자간의 거리가 가장 먼 서비스이기도 하다. 또한 PC의 키보드에 비해서 리모컨은 입력에 많은 제약이 따르게 되어 이를 극복할 수 있는 UI 디자인이 요구된다.
KT의 ‘USER INTERFACE GUIDE’에서 말하는 일관되고 편리한 서비스를 시청자에게 제공하기 위한 세부사항은 아래와 같다.
① 화면은 심플하게 구성되어야 합니다.
② 서비스 진입을 위한 뎁스가 최소화되어야 합니다.
③ Key는 일관되게 사용되어야 합니다.
④ Navigation이 직관적이고 예측 가능해야 합니다.
1. 입력기기(리모컨)와의 호환성과 일관성을 유지하라
1) 고유한 키값의 위치와 색상은 통일성을 유지
IP-TV를 이용하기 위한 리모컨의 경우 일반 리모컨과는 다르게 셋탑박스를 제어할 수 있는 기능버튼과 함께, PC의 Function 기능과 유사한 컬러버튼을 가지고 있다. 또한 리모컨이 개량되어도 이러한 기본적인 골격은 일관성을 유지하고 진행된다.
2) 컬러키의 활용 및 적용
IP-TV를 이용하기 위한 리모컨의 경우 일반 리모컨과는 다르게 셋탑박스를 제어할 수 있는 기능버튼과 함께, PC의 Function 기능과 유사한 컬러버튼을 가지고 있다. 또한 리모컨이 개량되어도 기본적인 골격은 일관성을 유지하고 진행된다.
KT 컬러키 정책 : KT QOOK TV, USER INTERFACE GUIDE / APPLICATION GUIDE
이러한 컬러키는 작은 리모컨에서 고정적으로 지정할 수 없는 다양한 기능들을 시청자가 보고 있는 화면의 성격에 맞추어 유연하게 운영이 가능하다.
지금부터는 컬러키 적용의 몇 가지 예를 보기로 한다.
(1) 바로보기 적용
영화소개 또는 상품소개 화면에서 해당 영화를 바로 보거나, 상품구입 페이지로 이동하는 핫키의 역할을 수행한다.
(2) 더이터 소팅(sorting)
일반적인 웹페이지의 게시판의 조건별 검색(추천순, 조회순 등)기능이나 쇼핑몰 사이트에서 제품 검색시 볼 수 있는 간단한 소팅기능을 생각하면 된다. (신제품-중고제품,배송무료 등)
아래와 같이 실시간 방송을 제공하는 900여개의 채널을 ‘전체’ ‘오픈’ ‘오디로’로 구분하여 검색의 폭을 축소할 수 있도록 제공되며, 간략하게 볼 수 있는 사이트맵 (채널안내) 기능까지 수행한다.
(3) 북마크 등의 개인화 기능
(4) 컬리키의 가변기능
아래와 같이 서비스를 이용하면서 노출되는 공지사항 컬러키 (오른쪽 하단 노란색 ‘공지목록 보기’)의 경우 이용자가 노란색 컬러키를 클릭하여 공지사항 페이지로 이동하였을 경우, 해당 키의 기능은 ‘공지목록 닫기’로 기능이 전환된다.
이러한 일관된 키의 기능부여는 이용자가 간단하게 공지사항을 확인하고 키의 이동이나 추가적인 학습 없이 바로 이전 페이지로의 이동이 가능하게 지원한다.
728x90
'인터넷 & 모바일 > 뉴미디어디자인 & UX' 카테고리의 다른 글
(2/3) New Media User Interface의 디자인 사례 - 스마트폰 (아이폰을 중심으로) 2 (0) | 2011.01.06 |
---|---|
(3/3) New Media User Interface의 디자인 사례 - 스마트폰 (안드로이드폰을 중심으로) (0) | 2011.01.06 |
(1/2) New Media User Interface의 디자인 사례 - 태블릿 PC 1 (1) | 2011.01.06 |
(2/2) New Media User Interface의 디자인 사례 - 태블릿 PC 2 (0) | 2011.01.06 |
(2/3) New Media User Interface의 디자인 사례 - IPTV 2 (0) | 2011.01.06 |
(3/3) New Media User Interface의 디자인 사례 - IPTV 3 (0) | 2011.01.06 |
(1/6) New Media User Interface의 디자인 사례 - Web : 이용자에게 친절하라 1 (0) | 2011.01.06 |
(2/6) New Media User Interface의 디자인 사례 - Web : 이용자에게 친절하라 2 (0) | 2011.01.06 |