1. дома
  2. Вопрос и ответ
  3. Google TV design UI

Google TV design UI

2012-05-11 2 views
0

Дизайн для Google Tv отличается от планшета. Что мне следует учитывать при разработке пользовательского интерфейса для Google TV.Google TV design UI

источник

2012-05-11 Sachin

+1

Отсутствие сенсорного экрана lol –

ответ

3

https://developers.google.com/tv/web/docs/design_for_tv

Вопросы проектирования расстояние

телезрителя с экрана

телезрители сидят относительно далеко от своих экранах. Это расстояние делает традиционную веб-страницу труднее читать, загромождать и сложнее выполнять основные задачи, такие как навигационное меню и кнопки выбора.

При проектировании веб-страницы для телевизора видимая область должна отображать меньше информации в целом, и то, что должно сосредоточиться на ограниченном наборе задач (даже подумайте о том, чтобы выполнить свою желаемую задачу автоматически или выбрать по умолчанию). Попытайтесь сохранить весь контент «над сгибом» и полностью просмотреть на экране без прокрутки вниз.

Шрифты и графики на сайте должны быть больше, чтобы отслеживать расстояние просмотра. Люди сидят пропорционально дальше от телевизора, чем от монитора компьютера того же размера. Чтобы избежать загромождения внешнего вида на телевизоре, пустое пространство между элементами на странице должно быть больше. Обычно это называется белым пространством (или дополнением), и это фундаментальный аспект того, что веб-контент легко распознает и перемещается. Широкоэкранные дисплеи имеют более удобную горизонтальную недвижимость, чем настольный монитор, поэтому навигацию лучше обрабатывать сбоку (сохраняя ценное вертикальное пространство для контента) или в качестве наложения. Эффективность против визуальной привлекательности

Исследования показывают, что пользователи предпочитают быстрые сайты, поэтому лучше всего сбалансировать любую привлекательную визуальную привлекательность и соображения производительности. Кроме того, Google TV может не отображать страницу так быстро, как ваша рабочая станция. Перед тем, как потребовать много сложных анимаций для вашей страницы для рендеринга, проверьте/рассмотрите влияние на удовлетворенность пользователей. Простые усовершенствования производительности переднего плана (например, размещение таблиц стилей вверху и скрипты внизу) можно найти на code.google.com/speed.

Вертикальная прокрутка

Вертикальная прокрутка, в то время как фундаментальный на настольном браузере, не может быть столь же привлекательным на экране телевизора UI. Прокрутка может казаться менее плавной, и важная информация может быть скрыта под слоем, если пользователи не признают, что больше содержимого существует за пределами экрана. Лучший подход - использовать горизонтальные макеты и визуальные переходы между страницами контента.

Человеческий интерфейс браузера

Google TV включает в себя «удаленный», который состоит из клавиатуры с указательным устройством для перемещения курсора. Многие пользователи будут иметь этот пульт на диване вместе с ними и могут испытывать трудности с точным позиционированием курсора - как новичок, играющий в видеоигры. За исключением того, что они могут быть не такими терпеливыми, как в первый раз геймер (они просто хотят посмотреть видео!). Постарайтесь, чтобы этот пользователь был счастлив. Элементы на странице должны иметь большие поверхности выбора для пользователей мыши. Расширение поверхности, когда пользователь мыши над элементом упрощает пользователю выбор нужного элемента на странице. Сложные или точные движения с помощью мыши, такие как операции перетаскивания и выпадающего меню, имеют высокую вероятность вызвать разочарование.

Главный интерфейс Google TV поощряет использование D-pad на пульте дистанционного управления, чтобы сделать выбор на экране - вероятно, пользователи будут придерживаться этой привычки даже в Интернете. Веб-страницы должны позволять каждому основному действию на нем взаимодействовать с D-pad: перемещаться по доступным действиям, прокручивать опции, выбирать элементы и т. Д.При навигации с помощью D-pad четко выделите активный элемент и сделайте направленное перемещение между элементами визуально и физически логичным.

и более Гото ссылка ....

источник

2012-05-11 08:48:48

Смежные вопросы

 Смежные вопросы