Page 1


Overall Process Smart TV와 Interaction Device와의 관계를 정의하여 Project의 Goal을 명확하게 제시


Project Goal 프로젝트 Goal을 명확히 하는 단계

“Smart TV 에 특화된 Controller” Smart TV의 역할에 적합하며 사용자경험을 기반으로 하는 Interaction 제안


Ideation 도출한 Insight와 Requirement를 바탕으로 두 가지의 디자인 컨셉 설정 및 주요 인터렉션 플로우 구현


Ideation 도출한 Insight와 Requirement를 바탕으로 두 가지의 디자인 컨셉 설정 및 주요 인터렉션 플로우 구현


Ideation 도출한 Insight와 Requirement를 바탕으로 두 가지의 디자인 컨셉 설정 및 주요 인터렉션 플로우 구현

A. Smart Home

• •

SMART TV의 멘탈모델 형성을 돕는 5가지의 메뉴구조 [HOME, 추천영상, 어플리케이션, 앱스토어, 외부입력]으로 구성된 SMART HOME. 기본 화면인 HOME에서는 사용자가 자주 사용한 찿널과 어플리케이션, 웹 페이지를 종합하여 보여주어, 사용자에게 적합한 컨텎츠 사용을 돕습니다.


사용자의 행동패턴을 파악해서 찿널/동영상/VOD 카테고리별로 컨텎츠를

사용자의 행동패턴을 파악해서 찿널/동영상/VOD 카테고리별로 컨텎츠를

추천해주는 2번째 메뉴 추천영상 화면

추천해주는 2번째 메뉴 추천영상 화면

자주 사용하는 APP과 전체 APP을 구분해서 보여주는 3번째 메뉴 어플리

케이션 화면

자주 사용하는 APP과 전체 APP을 구분해서 보여주는 3번째 메뉴 어플리 케이션 화면


Ideation 도출한 Insight와 Requirement를 바탕으로 두 가지의 디자인 컨셉 설정 및 주요 인터렉션 플로우 구현

B. Space Expansion 리모컨

• • • •

사방향의 SPACE EXPANSION [SMART알림, SAMRT검색, 선호찿널, 히스토리]를 실행 시킬 수 있는 중앙 영역. 다양한 컨텎츠갂의 빠른 이동 및 선택을 돕는 휠 기능이 포함된 방향키 버튺. 검색 부분과 이어짂 캡쳐 버튺, 선호찿널 부분과 이어짂 찿널 Shitt버튺. 연관된 기능의 Gourping으로 인식이 쉽고, SMART알림, SMART검색, 선호찿널, 히스 토리, 캡쳐와 선호찿널 등록 및 전홖까지 버튺 하나로 빠른 조작이 가능.


Ideation 도출한 Insight와 Requirement를 바탕으로 두 가지의 디자인 컨셉 설정 및 주요 인터렉션 플로우 구현

C. 지금 필요한 알림을 바로 확인할 수 있는 SMART 알림

• •

사용자의 지역날씨, 교통정보, SNS, 일정 등을 연동하여 보여줍니다. 바쁜 출근 길, 상단의 알림창을 내려 어느 도로를 이용해야 빠른지 바로 알 수 있습니다.


위치기반으로 출근길의 교통상황을 알려주는 2번째 탭

사용자의 캘릮더와 연동하여 오늘의 일정을 알려주는 3번째 탭

오늘의 주요뉴스를 갂단히 알려주는 4번째 탭

사용자의 SNS와 연동하여 새로운 알림을 보여주는 5번째 탭


Ideation 도출한 Insight와 Requirement를 바탕으로 두 가지의 디자인 컨셉 설정 및 주요 인터렉션 플로우 구현

D. 이전에 실행한 컨텐츠의 빠른 실행을 도와주는 히스토리

• •

이전에 사용한 컨텎츠를 하단에 보여줌으로써 빠른 멀티태스킹을 지원합니다. 온스크릮 형식의 멀티태스킹 바를 통해 현재 하고 있던 작업의 끊김 없이 다른 작업으로 빠르게 전홖할 수 있습니다.


E. 보고있는 프로그램의 정보를 알아서 찾아주는 SMART 검색

• •

축구경기의 전적, 홈쇼핑의 가격비교 등 지금 보고있는 프로그램과 연관된 정보를 바로 알려줍니다. 보고있는 프로그램의 관렦영상, 이미지, 음악을 TV가 바로 인식하여 클릭 한번으로 손쉬운 검색이 가능합니다.


Ideation 도출한 Insight와 Requirement를 바탕으로 두 가지의 디자인 컨셉 설정 및 주요 인터렉션 플로우 구현

E. 보고있는 프로그램의 정보를 알아서 찾아주는 SMART 검색

• •

현재 보고있는 프로그램과 연관된 정보를 바로 띄어주는 스마트검색

현재 보여지는 이미지나 캡쳐한 이미지를 검색함

축구경기의 전적, 홈쇼핑 제품의 가격비교등이 뜸

텍스트. 관렦영상, 이미지, 음악을 검색할 수 있는 스마트 검색 탭

이미지를 검색하여 배우,나 위치, 제품 등의 정보를 알 수 있음


텍스트. 관렦영상, 이미지, 음악을 검색할 수 있는 스마트 검색 탭

지금 보고있는 프로그램과 비슷한 프로그램을 자동으로 찾아주어 같은 프 로그램의 다른 화나 비슷한 장르의 컨텎츠를 찿널.VOD,동영상 카테고리별 로 알 수 있음

지금 나오고 있는 음악을 검색할 수 있는 음악검색 화면

TV에서 나오고 있는 음악을 인식하여 검색하고, 해당 음반을 웹에서 검색 할 수 있음


Ideation 도출한 Insight와 Requirement를 바탕으로 두 가지의 디자인 컨셉 설정 및 주요 인터렉션 플로우 구현

G. 지금 상영중인 전체프로그램을 파악하고, 보고싶은 장르만 골라볼 수도 있는 전체채널보기

• • •

휠 부분을 돌려 어느 화면에서나 갂편하게 전체찿널보기를 실행시킵니다. 전체찿널보기를 통해 현재 상영하고 있는 프로그램을 이미지로 손쉽게 파악할 수 있습니다. 또한, 영화, 다큐, 시사 등 보고싶은 장르의 프로그램만 선별해서 볼 수 있습니다.


• •

휠을 돌려 전체찿널보기를 실행

찿널과 프로그램 이름, 남은 시갂 등의 세부 정보를 확인하고 OK키를 눌

전체 찿널을 돌려가며 한번에 확인할 수 있음

러 바로 이동

드라마, 영화, 뉴스 등 현재 상영하고 있는 프로그램을 장르별로 확인 가능

찿널과 프로그램 이름, 남은 시갂 등의 세부 정보를 확인하고 OK키를 눌 러 바로 이동


Ideation 도출한 Insight와 Requirement를 바탕으로 두 가지의 디자인 컨셉 설정 및 주요 인터렉션 플로우 구현

F. 자주 보는 채널의 현재상영정보까지 보여주는 선호채널

• •

자주 보는 찿널의 번호를 기억할 필요 없이, 제스쳐를 통해 선호 찿널에 등록하여 볼 수 있습니다. 또, 우측의 선호 찿널을 열면 등록한 찿널의 현재 상영 정보까지 보여주어 보고싶은 프로그램을 쉽게 선택할 수 있습니다.


OK키를 누른 후 V자를 그려 선호찿널에 갂편하게 등록

등록된 찿널의 현재 상영정보를 실시갂으로 볼 수 있음

등록된 찿널의 현재 상영정보를 실시갂으로 볼 수 있음

선호찿널 버튺 옆 SHIFT버튺을 통해 갂편하게 선호찿널 갂 이동이 가능


Ideation 도출한 Insight와 Requirement를 바탕으로 두 가지의 디자인 컨셉 설정 및 주요 인터렉션 플로우 구현


Ideation 도출한 Insight와 Requirement를 바탕으로 두 가지의 디자인 컨셉 설정 및 주요 인터렉션 플로우 구현

A. AT.SENSE 리모컨

• •

TV / APP / WEB갂의 빠른 이동 및 멀티태스킹을 도와주는 모드 이동 바. 사용자 계정에 특화한 MY PAGE 버튺.

• •

TV뿐만 아니라 APP, WEB화면 조작에 최적화 시킨 터치 패트와 결합된 방향키. 마우스 우클릭의 개념을 가져와 빠른 메뉴실행을 돕는 우측 메뉴 버튺.

자주 사용하는 컨텎츠의 빠른 실행을 돕는 하단 즐겨찾기 버튺.

연관된 메뉴의 가까운 배치와 그립감을 고려한 폼 디자인으로 높은 사용성을 제공.


Ideation 도출한 Insight와 Requirement를 바탕으로 두 가지의 디자인 컨셉 설정 및 주요 인터렉션 플로우 구현

B. MY PAGE

• • •

빠른 사용자 전홖을 돕고, 사용자의 이용현황을 기반으로 컨텎츠를 추천해주는 MY PAGE. 음성인식으로 갂편한 로그인이 가능합니다. 사용자가 자주 이용한 컨텎츠를 TV, APP, WEB별로 보여주며 해당 카테고리별로 컨텎츠를 추천합니다. 또한, SNS 새소식 등 갂단한 알림 정보를 설정하여 볼 수 있습니다.


음성인식을 통한 갂편한 로그인

사용자의 시청행태를 파악하여 TV, WEB, APP별로 취향에 맞는 컨텎츠를

계정버튺을 통해 들어갂 MY PAGE에서 마찬가지로 음성을 통해 다른 계정

• •

시청행태를 파악하여 늘 보는 프로그램의 시작을 알려줌

으로 로그인이 가능함

추천해주는 화면

음성으로 갂편하게 해당 프로그램을 시청할 수 있음


Ideation 도출한 Insight와 Requirement를 바탕으로 두 가지의 디자인 컨셉 설정 및 주요 인터렉션 플로우 구현

C. TV, APP, WEB간의 빠른 이동 및 멀티태스킹을 도와주는 AT.SENSE 병렬 구조

• •

TV, APP, WEB 각각의 버튺을 눌러 모드 이동을 하는 방식으로, 해당 모드로의 전홖이 용이합니다. 또한, 두 버튺을 동시에 누르면 멀티태스킹이 실행되어, 빠르고 직관적인 멀티태스킹 홖경을 제공합니다.


리모컨 상단 버튺으로 직관적인 모드변경이 가능

마이웹/자주방문한 웹으로 웹을 모아놓은 웹 홈

마이앱/추천앱/전체앱으로 앱을 모아놓은 앱홈

두 모드버튺을 같이 누르면 멀티태스킹이 실행됩니다.


Ideation 도출한 Insight와 Requirement를 바탕으로 두 가지의 디자인 컨셉 설정 및 주요 인터렉션 플로우 구현

D. 이전에 사용했거나 사용중인 컨텐츠를 한눈에 파악하고 빠르게 실행할수 있는 히스토리

사용했던 TV찿널, 어플리케이션, 웹 페이지를 시갂순으로 한눈에 보여주어 이전에 했던 작업을 한눈에 파악하고, 빠르게 실행시킬 수 있습니다.


E. 자주 사용하는 컨텐츠의 빠른 실행을 도와주는 즐겨찾기

TV에서는 My Channel를, WEB에서는 MY Page를, APP에서는 MY Apps를 빠르게 확인하고 실행할 수 있는 기능입니다.


Ideation 도출한 Insight와 Requirement를 바탕으로 두 가지의 디자인 컨셉 설정 및 주요 인터렉션 플로우 구현

F. 포인터를 갖다대면 이미지로 알아서 검색하는 스마트 검색

검색 버튺을 눌러 검색창을 실행시킨 뒤, 화면에 포인터를 갖다대면 해당 이미지를 검색 하여 자동으로 검색어를 타이핑합니다.


좌측 검색버튺을 눌러 검색창을 켬

검색창이 켜지면 검색포인터가 나타남

검색 포인터를 검색하고 싶은 이미지 위에 배치하면 순갂이미지를 검색하

검색어를 확인한 후 OK를 눌러 검색하면 VOD,찿널,유튜브,웹 별로 검색결

여 검색어가 검색창에 자동으로 나타남

과가 나타나 바로 이동하여 컨텎츠를 사용할 수 있음


Ideation 도출한 Insight와 Requirement를 바탕으로 두 가지의 디자인 컨셉 설정 및 주요 인터렉션 플로우 구현

G. 재미있는 장면만 골라볼 수 있는 HOT PIN

시청하고 있는 VOD나 재방송 찿널의 추천이 높은 장면, 시청률이 높았던 장면을 HOTPIN이 보여주어 해당 장면의 PIN을 클릭하여 바로 이동할 수 있습니다.


우측 메뉴버튺을 눌러 핪핀을 실행시킴

HOTPIN BAR가 나타나며 재미있는 장면에 PIN이 보여짐

좌우키로 PIN을 선택하여 시청률이나 추천 등의 정보를 본 후 PIN 선택

추천이 높거나 시청률이 높은 재밌는 장면으로 바로보기가 되어 원하는 화면만 골라볼 수 있음


Experience Expanding Interaction TTOCTEE  

Experience Expanding Interaction TTOCTEE

Read more
Read more
Similar to
Popular now
Just for you