Considerations of Media Service UX and A.UX:Clip Introduction

Dahye Hyoung

Team Lead/Design Dept., Altimedia Corp.

Recently, TV Service UX has added many features in addition to viewing content. In Korea, media services through AI speakers from three IPTV companies are provided on a basic basis, and various living information such as personal schedule and weather can also be found on STB. Changes in the media market and competition among operators due to leaps of OTT services are also behind the increasingly complex STB UX.

Despite the obvious limitations at a TV(STB) to provide a variety of services, it is often compared to applications on easy-to-access smartphones. As a result, services running on smartphones or PC are forced to be applied to STB rather than to the context of users using a TV. There are also convenient functions such as Voice UI and AI technology, but not many users perceive its necessity while most users even don’t know its existence. Besides, while various services are available, STB's performance is not improving easily with the addition of technologies based on good specifications and high capacity. After all, these STB environments give users a sense of fatigue about utilization and learning. So we have studied new UX to make the user's media service light and intuitive. Points below are reflected while Altimedia had developed the new UI/UX package A.UX:Clip.

•   Point 1. Again Lean Back
It is natural to watch videos of personal preference on their mobile devices rather than on TV. In the meantime, one of the reasons why users turn on the TV is to watch it on a big screen, and some recent services have forced users to give Lean forward.

To make it available in simple and intuitive navigation, we suggest a design that reduces elements at different levels and reads easily within one screen as much as possible.

A.UX:Clip main screen : showing bunches of content per popularity and personal

•   Point 2. Browse Less, Discover More
The required process to reach content playback is navigation or search. For users who habitually turn on the TV, navigation should be easy, and voice/text search accessibility should be easy if they have content or actors they want to find. While this flow is provided by default, most services often place operators' promotions or event banners in the middle of the route.

If personalization and recommendation algorithms are further strengthened, we will be able to plant meaningful advertisements and promotions than now. But it needs preceding investments on platform establishment and viewing data gathering/analyzing. It will be difficult for the time being for most operators, therefore, focusing on the content list would be more effective to develop a new UX as of today.

The contents were categorized by listing only three types of real-time channels, VOD, and characters, and arranged to follow the relevant recommendation path according to the starting point.

Content list according to the keyword on the top: VOD, channel, and characters

In particular, we would like to emphasize the simplification of navigation, which is characterized by the fact that the same level of content can be checked in the horizontal direction, and that the lower depths are carried out on a focus basis according to the starting point.

When navigation starts down from the starting point, the list of related content continues. It leads to the path of content that you want to watch along with a similar atmosphere and genre, not the usual category or menu tailored to the framework of the operator.

Search appears at the extreme right of content list

Recommended keyword offering on search: based on recent watches and popularity

If you have content, people, or keywords you want to find right away, run a voice/text search to connect you to the results. In the real-time channel schedule, channels and programs can be searched as a priority.

Additionally, for users who abandon their quest while searching, the last right-hand point in the landscape direction supports the user with a choice of keywords. Based on the content you've watched, you can suggest a starting point for finding a new path by presenting people, keywords, etc.

•   Point 3. Focused
As the services offered on TV have increased, menu structures and screen configurations have become more complex, and complex screens have made users need more time to learn. The idea is that more than 50% of users still do not press the "menu" key of the remote control and that they should not miss the easy and simple way of using a TV in the current situation where profits such as VOD can be generated only by entering the menu.

The layout is composed of screens that can focus on content from a large screen. In the square brackets, when loading is complete, some information on the content can be viewed before entering the detailed screen by playing the video. Intuitive implementation of entry and departure is made through natural interaction when choosing square bracket contents.

VOD detail: metadata is shown up while the preview video is playing

In addition to VOD contents, the screen displaying information is organized by separating the main and sub-information focusing on the main contents. The channel schedule provides information and PIP(Picture-in-Picture) of focused channels in fixed areas and allows user setup in simple structures in My Menu and Set Menu.

Program guide :
focused channel’s video/audio showing via PIP(or PIG)

My menu and setting screen

You can watch the ‘A.UX:Clip’ video at the link below.

미디어 서비스 UX 고찰 및 A.UX:Clip 소개

최근 TV 서비스 UX는 콘텐츠 시청 외에도 많은 기능이 추가되고 있다. 한국에서는 IPTV 3사에서 AI 스피커를 통한 미디어 서비스를 기본으로 제공하며, 개인 스케줄, 날씨 등의 다양한 생활 정보도 STB를 통해 확인할 수 있다. 미디어 시장의 변화와 OTT 서비스 약진에 따른 사업자들간의 경쟁 또한 복잡해지는 TV 서비스 UX의 배경이라 할 수 있다.

TV(STB)에서 다양한 서비스를 제공하기에 STB에서의 한계가 분명함에도 불구하고, 쉽게 접근할 수 있는 스마트폰의 어플리케이션과 비교가 되는 경우가 많다. 그렇다 보니, TV를 이용하는 사용자의 컨텍스트보다는 스마트폰이나 웹에서 인정 받은 서비스들이 강제로 STB에 접목되기도 한다. Voice UI, AI 기술 등으로 편리한 기능들도 있지만, 일부 기능들은 사용자에게 불필요한 기능들도 많다. 또한 다양한 서비스가 제공되는 반면에, 좋은 스펙과 많은 용량을 기반하는 기술들이 추가되면서 STB의 반응속도는 쉽게 개선되지 못하고 있는 상황이다. 결국 이러한 STB 환경은 사용자에게 이용 및 학습에 대한 피로감을 준다. 그래서 우리는 복잡해지는 사용자의 미디어 서비스 UX를 최대한 가볍고 직관적으로 처리할 수 있는 UI를 연구개발 하고있다. 알티미디어는 UX 신제품인 ‘A.UX:Clip’의 개발 과정에서 아래의 사항들을 고찰해 보았다.

•   Point 1. Again Lean Back
TV보다는 각자의 모바일에서 개인 취향의 영상을 시청하는 것이 당연한 시대이다. 그 와중에 사용자들이 TV를 켜는 이유 중 하나는 큰 화면으로 시청하기 위함인데, 최근의 일부 서비스들은 너무 많은 기능들로 사용자에게 Lean forward를 강요하기도 한다. 단순하고 직관적인 네비게이션으로 이용할 수 있도록 최대한 한 화면 내에 여러 레벨의 요소를 줄이고 쉽게 읽히는 디자인을 고려해야 한다.

•   Point 2. Browse Less, Discover More
콘텐츠 재생에 도달하기 위해 거치는 필수 과정은 탐색 또는 검색이다. 습관적으로 TV를 켜는 사용자를 위해서는 탐색이 쉬워야 하고, 꼭 찾고 싶은 콘텐츠나 배우가 있는 경우 음성/텍스트 검색의 접근성이 쉬워야 한다. 이 플로우가 기본으로 제공되지만, 대부분 서비스들은 그 경로의 중간에 사업자의 프로모션이나 이벤트 배너들을 배치하는 경우가 많다.

개인화 및 추천 알고리즘이 더 강화된다면, 현재보다는 유의미한 광고와 각종 프로모션들을 심어둘 수 있다. 하지만 이를 위해서는 일정 수준 이상의 플랫폼 구축 투자와 방대한 시청 데이터에 대한 수집 및 분석이 필요하다. 현시점에서 보다 범용적으로 적용할 수 있는 UX를 개발하기 위해서는 우선 콘텐츠 리스트에 집중하는 것이 효율적인 접근 방안이다. 콘텐츠는 실시간 채널, VOD, 인물 3가지 종류로만 나열하여 분류 했고, 시작점에 따라 연관된 추천의 길을 따라갈 수 있게 정리되었다.

특히, 네비게이션의 간소화를 강조하고 싶은데, 가로 방향으로는 동일한 레벨의 컨텐츠를 확인할 수 있고, 세로 방향은 시작점에 따라 포커스 기준으로 하위 뎁스가 진행된다는 것이 특징이다. 출발점부터 아래 방향으로 탐색이 시작되면, 연관된 콘텐츠로의 목록이 끊임없이 이어지게 된다. 사업자의 틀에 맞춰진 통상적인 카테고리나 메뉴가 아닌, 유사한 분위기 및 장르를 따라 시청하고 싶은 콘텐츠의 길로 연결된다. 바로 찾고자 하는 콘텐츠, 인물, 키워드가 있다면 음성/텍스트 검색을 실행하여 해당 결과로 접근하는 길을 연결해준다. 실시간 채널 편성표에서는 채널과 프로그램을 우선순위로 검색할 수 있다. 또한, 탐색을 하다가 탐색을 포기하는 사용자를 위해 가로 방향의 마지막 우측 지점에서는 선택할 수 있는 키워드를 제공하여 사용자를 지원한다. 시청한 콘텐츠를 기준으로 인물, 키워드 등을 제시하여 새로운 길을 찾을 수 있는 출발점을 제안한다.

•   Point 3. Focused
TV에서 제공되는 서비스가 증가하면서 메뉴 구조와 화면 구성이 복잡함을 피할 수 없게 되었고, 복잡한 화면 때문에 사용자의 학습 시간도 증가하게 되었다. 아직까지도 리모컨의 ‘메뉴’키를 누르지 않는 사용자들이 50% 이상이고, 메뉴를 진입해야만 VOD 등의 수익이 발생할 수 있는 현 상황을 고려하면 쉽고 심플한 TV 이용 방식을 놓쳐선 안된다고 생각한다.

큰 화면에서도 콘텐츠에 집중할 수 있는 디자인과 레이아웃을 구성하였다. 대괄호 포커스로 콘텐츠가 슬라이딩되면 해당 콘텐츠 이미지 컬러를 배경 컬러에 매핑시켜 일관된 이용 흐름을 이어갈 수 있게 하였다. 포커스 로딩이 완료되면 프리뷰 영상을 재생하여 상세화면 진입하기 전에 콘텐츠의 정보 일부를 확인할 수 있다. 대괄호 콘텐츠를 선택하게 되면 콘텐츠 이미지가 확대되어 자연스럽게 이어지는 인터랙션으로 진입과 이탈을 직관적으로 구현하였다.

VOD 콘텐츠 외에 정보를 표시하는 화면에서도 주요 내용을 중심으로 메인과 서브 정보를 구분하여 구성하였다. 채널 편성표에서는 고정된 영역에서 포커스된 채널의 정보와 PIP를 제공하며, 마이메뉴 및 설정메뉴에서도 단순한 구조에서 사용자 설정을 진행할 수 있게 하였다.

‘A.UX:Clip’의 영상은 아래 링크에서 확인하시면 됩니다.