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 선택
•
추천이 높거나 시청률이 높은 재밌는 장면으로 바로보기가 되어 원하는 화면만 골라볼 수 있음