0
Google TV 용 디자인은 태블릿과 다릅니다. Google TV의 UI를 디자인 할 때 유의해야 할 사항은 무엇입니까?Google TV 디자인 UI
A
답변
3
https://developers.google.com/tv/web/docs/design_for_tv
설계 고려 사항
TV 시청자가 화면에서 비교적 멀리 앉아 화면에서
뷰어의 거리. 이 거리는 전통적인 웹 페이지를 읽고, 복잡하게 만들고, 메뉴 탐색과 버튼 선택과 같은 기본 작업을 수행하기가 더 어려워집니다.
TV 용 웹 페이지를 디자인 할 때 볼 수있는 영역은 전체적으로 적은 정보를 표시해야하며 제한된 작업에만 집중해야합니다. 원하는 작업을 자동으로 수행하거나 기본적으로 선택하는 것도 고려해야합니다. 아래로 스크롤하지 않고 모든 콘텐츠를 "스크롤없이 볼 수있는 부분"위에 놓고 화면에서 완전히 볼 수있게하십시오.
사이트의 글꼴과 그래픽은보기 거리를 고려하여 커야합니다. 사람들은 같은 크기의 컴퓨터 모니터보다 TV에서 비례하여 멀리 앉아 있습니다. TV에 어수선한 모양이 나타나지 않게하려면 페이지의 요소 사이에 공백이 있어야합니다. 이것은 일반적으로 공백 (또는 패딩)이라고하며 웹 컨텐츠를 식별하고 탐색하기 쉽도록 만드는 기본 요소입니다. 와이드 스크린 디스플레이는 데스크톱 모니터보다 사용하기에 더 유용한 가로 영역을 가지고 있으므로 네비게이션이 측면에서 더 잘 처리되어 (내용물에 대한 중요한 수직 공간을 보존) 또는 오버레이로 처리하는 것이 좋습니다. 성능 대 시각적 호감
압도적 인 연구 결과는 사용자가 빠른 사이트를 선호한다는 것을 보여줍니다. 따라서 멋진 시각적 호소와 성능 고려 사항의 균형을 유지하는 것이 가장 좋습니다. 또한 Google TV는 워크 스테이션만큼 빨리 페이지를 렌더링하지 못할 수도 있습니다. 페이지에서 렌더링 할 여러 복잡한 애니메이션을 요구하기 전에 사용자 만족도에 미치는 영향을 테스트/고려하십시오. code.google.com/speed에서 간단한 프런트 엔드 성능 향상 (예 : 상단에 장소 스타일 시트, 하단에 스크립트)이 있습니다.
수직 스크롤
을 스크롤수직 데스크톱 브라우저에 기본 동안 TV의 UI에 호소로하지 않을 수 있습니다. 스크롤이 덜 매끄럽게 나타날 수 있으며 사용자가 화면 밖에서 더 많은 콘텐츠가 있다는 것을 인식하지 못하면 스크롤해야 볼 수있는 부분에 중요한 정보가 숨겨 질 수 있습니다. 더 나은 방법은 가로 레이아웃과 콘텐츠 페이지 간의 시각적 전환을 이용하는 것입니다. 브라우저
휴먼 인터페이스
구글 TV는 커서의 움직임에 대한 포인팅 장치와 키보드로 구성되어있는 "원격"이 포함되어 있습니다. 많은 사용자가이 리모콘을 소파에두고 커서의 정확한 위치 지정에 어려움을 겪을 수 있습니다 (예 : 비디오 게임을하는 초보자). 단, 그들은 처음으로 게이머처럼 인내심을 가지지 않을 수도 있습니다 (그들은 단지 비디오를보고 싶어합니다!). 이 사용자를 행복하게 유지하십시오. 페이지의 요소에는 마우스 사용자를위한 선택 영역이 커야합니다. 사용자가 요소 위로 마우스를 가져갈 때 서페이스를 확장하면 사용자가 페이지에서 올바른 항목을 더 쉽게 선택할 수 있습니다. 끌어서 놓기 동작이나 드롭 다운 메뉴 선택과 같이 마우스로 복잡하거나 정밀한 동작은 좌절감을 유발할 확률이 높습니다.
Google TV의 기본 인터페이스는 리모컨의 D 패드를 사용하여 화면에서 선택하도록 권장합니다. 사용자가 웹에서도이 습관을 유지할 가능성이 높습니다. 웹 페이지에서는 D- 패드에서 모든 기본 활동을 수행 할 수 있습니다 : 사용 가능한 작업 이동, 옵션 스크롤, 항목 선택 등D 패드를 사용하여 탐색 할 때 활성 항목을 명확하게 강조 표시하고 시각적으로나 논리적으로 항목 간의 방향 이동을 만듭니다.
더 고토 링크
.... 당신이 구글 TV를위한 안드로이드 응용 프로그램을 개발하는 경우
0
, 이러한 문서를 따르십시오
'Google TV 앱용 UI 도움말'에 유용한이 스크린 캐스트는 유용 할 수 있습니다.
5 UI tips for Google TV apps
터치 스크린이 부족합니다. LOL –