Как просить деньги через телевизор? Екатерина Юлина
DESCRIPTION
http://2014.profsoux.ru/papers/56/TRANSCRIPT
![Page 1: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/1.jpg)
Как просить деньги через телевизор?
26 апреля 2014
Екатерина Юлина, проектировщик интерфейсов «Собака Павлова» http://pavlova.cc/
![Page 2: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/2.jpg)
Smart TV — гибрид компьютера с телевизором
![Page 3: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/3.jpg)
Часок посижу, фильм посмотрю
![Page 4: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/4.jpg)
Варианты оплаты
![Page 5: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/5.jpg)
Операторы связи
![Page 6: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/6.jpg)
Подтверждение платежа: получите СМС и ответьте на него
![Page 7: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/7.jpg)
Банковские карты
![Page 8: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/8.jpg)
Подтверждение завершенной операции
![Page 9: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/9.jpg)
Счет в системе
![Page 10: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/10.jpg)
Платежных систем нет
![Page 11: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/11.jpg)
Традиционно, но не практично
![Page 12: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/12.jpg)
Цифры удобнее букв
![Page 13: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/13.jpg)
Промокоды
![Page 14: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/14.jpg)
Платные и бесплатные поставщики контента
ivi.ru Play: фильмы HD Stream Ayyo.Фильмы Амедиатека
megogo.net Now YouTube Tvigle Explore 3D
![Page 15: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/15.jpg)
Производители Smart TV
![Page 16: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/16.jpg)
Разрешения (px):**
1920 x 1080 1366 x 768 3840 x 2160
Соотношения *сторон: **
16:9 16:10 4:3
1920 px
1080
px
16:9
32" — 42"
Диагональ: **
32" (81,2 см) 39" (98,7 см) 40" (101,6 см) 42" (106,6 см)
Типичный Smart TV
![Page 17: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/17.jpg)
Smart TV — среда со своими способами и принципами взаимодействия с пользователем
![Page 18: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/18.jpg)
Пульты для Smart TV
![Page 19: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/19.jpg)
Альтернативные способы управления
голосом через приложение на телефоне
жестами
![Page 20: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/20.jpg)
ДУ как микрофон
![Page 21: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/21.jpg)
Виртуальные клавиатуры
![Page 22: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/22.jpg)
Линейный переход от элемента к элементу, как у WAP
Smart TVWAP
![Page 23: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/23.jpg)
НЕЛЬЗЯ ПРОСТО ТАК ВЗЯТЬ
И ПЕРЕМЕСТИТЬ КУРСОР
![Page 24: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/24.jpg)
Привычные действия:
вверх-вниз, влево-вправо, назад
![Page 25: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/25.jpg)
Слайдеры
![Page 26: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/26.jpg)
Крупные элементы
![Page 27: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/27.jpg)
Выделение фокуса
![Page 28: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/28.jpg)
Выделение фокуса
![Page 29: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/29.jpg)
Вкладки для организации пространства
![Page 30: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/30.jpg)
Неглубокая навигация
![Page 31: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/31.jpg)
А, В, С, D: интерфейс и пульт
![Page 32: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/32.jpg)
Интерфейсный шум
![Page 33: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/33.jpg)
Подсказки при вводе
![Page 34: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/34.jpg)
Альтернатива виртуальным клавиатурам
![Page 35: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/35.jpg)
Один интерфейс?Desktop Smart TV
![Page 36: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/36.jpg)
Hello, world!
![Page 37: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/37.jpg)
Я. Хочу. Посмотреть. Фильм.
![Page 38: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/38.jpg)
СтатистикаЯндекс.Метрика и Google Analytics не знают о Smart TV как об отдельном устройстве
Яндекс.Метрика определяет девайс как немобильное устройство, ОС Linux, браузер Safari
Google Analytics считает телевизор настольным компьютером
![Page 39: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/39.jpg)
Линукс? А я со Smart TV за сериалом
![Page 40: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/40.jpg)
Поиск фильма «Д’Артаньян и три мушкетера»
Смартфон 13 секунд
Ноутбук 8,5 секунды
Smart TV 51 секунда
![Page 41: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/41.jpg)
Платить там или не платить — а проектировать надо
![Page 42: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/42.jpg)
Сайты с приложениями *http://www.samsung.com/ru/samsung-tv-apps/ http://ru.lgappstv.com/appspc/main/main/main.lge http://www.google.com/tv/apps.htm http://www.philips.ru/c/televisions/19570/cat/#/why-philips/smart-tv http://panasonic.net/avc/viera/global/internet_apps/area/15
Что читать и смотреть
Опыт разработчиков для Smart TV *http://habrahabr.ru/post/205612/ http://www.slideshare.net/JetStyle/smart-tv-uxsreda http://habrahabr.ru/company/samsung/blog/128792/ http://habrahabr.ru/post/153159/ http://habrahabr.ru/post/216155/
UX-гайдлайн Samsung http://www.samsungdforum.com/UxGuide/2013/01_design_principles_for_creating_samsung_apps_content.html#ux-01 *Форум Samsung о разработке приложений Smart TV http://www.samsungdforum.com/ *Ресурс о Smart TV http://tvsmart.su/
![Page 43: Как просить деньги через телевизор? Екатерина Юлина](https://reader033.vdocuments.pub/reader033/viewer/2022052900/555e1a62d8b42a9e188b58ce/html5/thumbnails/43.jpg)
Спасибо за внимание!
Екатерина Юлина, проектировщик интерфейсов «Собака Павлова» http://pavlova.cc/