SlideShare a Scribd company logo
Как просить деньги
через телевизор?
26 апреля 2014
Екатерина Юлина,
проектировщик интерфейсов «Собака Павлова»
http://pavlova.cc/
Smart TV — гибрид компьютера с телевизором
Часок посижу, фильм посмотрю
Варианты оплаты
Операторы связи
Подтверждение платежа: получите СМС и ответьте на него
Банковские карты
Подтверждение завершенной операции
Счет в системе
Платежных систем нет
Традиционно, но не практично
Цифры удобнее букв
Промокоды
Платные и бесплатные поставщики контента
ivi.ru Play: фильмы HD Stream Ayyo.Фильмы Амедиатека
megogo.net Now YouTube Tvigle Explore 3D
Производители Smart TV
Разрешения (px):*
*
1920 x 1080
1366 x 768
3840 x 2160
Соотношения *
сторон: *
*
16:9
16:10
4:3
1920 px
1080px16:9
32" —
42"
Диагональ: *
*
32" (81,2 см)  
39" (98,7 см) 
40" (101,6 см)
42" (106,6 см)  
Типичный Smart TV
Smart TV — среда со своими
способами и принципами
взаимодействия с пользователем
Пульты для Smart TV
Альтернативные способы управления
голосом через приложение на
телефоне
жестами
ДУ как микрофон
Виртуальные клавиатуры
Линейный переход
от элемента к элементу, как у WAP
Smart TVWAP
НЕЛЬЗЯ ПРОСТО ТАК ВЗЯТЬ
И ПЕРЕМЕСТИТЬ КУРСОР
Привычные действия:
вверх-вниз, влево-вправо, назад
Слайдеры
Крупные элементы
Выделение фокуса
Выделение фокуса
Вкладки для организации пространства
Неглубокая навигация
А, В, С, D: интерфейс и пульт
Интерфейсный шум
Подсказки при вводе
Альтернатива виртуальным клавиатурам
Один интерфейс?
Desktop Smart TV
Hello, world!
Я. Хочу. Посмотреть. Фильм.
Статистика
Яндекс.Метрика и Google Analytics
не знают о Smart TV как об отдельном устройстве
Яндекс.Метрика
определяет девайс как немобильное
устройство, ОС Linux, браузер Safari
Google Analytics
считает телевизор настольным компьютером
Линукс?
А я со Smart TV
за сериалом
Поиск фильма
«Д’Артаньян и три мушкетера»
Смартфон
13 секунд
Ноутбук
8,5 секунды
Smart TV
51 секунда
Платить там или не платить — а проектировать надо
Сайты с приложениями
*
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/
Спасибо за внимание!
Екатерина Юлина,
проектировщик интерфейсов «Собака Павлова»
http://pavlova.cc/

More Related Content

Viewers also liked

Проблемы монетизации Smart TV
Проблемы монетизации Smart TVПроблемы монетизации Smart TV
Проблемы монетизации Smart TV
Maxim Zenin
 
Умное будущее: Smart TV в России и в мире
Умное будущее: Smart TV в России и в миреУмное будущее: Smart TV в России и в мире
Умное будущее: Smart TV в России и в мире
IMHO Vi
 
Imho vi умное будущее.smart tv в россии и мире
Imho vi умное будущее.smart tv в россии и миреImho vi умное будущее.smart tv в россии и мире
Imho vi умное будущее.smart tv в россии и миреTvigle
 
Gemius. портрет аудитории smart tv в россии
Gemius. портрет аудитории smart tv в россииGemius. портрет аудитории smart tv в россии
Gemius. портрет аудитории smart tv в россииTvigle
 
Weborama Ad-Hoc Segments
Weborama Ad-Hoc SegmentsWeborama Ad-Hoc Segments
Weborama Ad-Hoc Segments
Maxim Zenin
 
3 ольга трушкова
3 ольга трушкова3 ольга трушкова
3 ольга трушкова
leonid-mt-mt
 
Интерфейсы для Smart TV #uxsreda
Интерфейсы для Smart TV #uxsredaИнтерфейсы для Smart TV #uxsreda
Интерфейсы для Smart TV #uxsredaJetStyle
 
Vi web mobile-smart tv_i_pad
Vi   web mobile-smart tv_i_padVi   web mobile-smart tv_i_pad
Vi web mobile-smart tv_i_pad
Анна Кретова
 
Tvigle.ru на Smart-TV
Tvigle.ru на Smart-TVTvigle.ru на Smart-TV
Tvigle.ru на Smart-TVTvigle
 

Viewers also liked (9)

Проблемы монетизации Smart TV
Проблемы монетизации Smart TVПроблемы монетизации Smart TV
Проблемы монетизации Smart TV
 
Умное будущее: Smart TV в России и в мире
Умное будущее: Smart TV в России и в миреУмное будущее: Smart TV в России и в мире
Умное будущее: Smart TV в России и в мире
 
Imho vi умное будущее.smart tv в россии и мире
Imho vi умное будущее.smart tv в россии и миреImho vi умное будущее.smart tv в россии и мире
Imho vi умное будущее.smart tv в россии и мире
 
Gemius. портрет аудитории smart tv в россии
Gemius. портрет аудитории smart tv в россииGemius. портрет аудитории smart tv в россии
Gemius. портрет аудитории smart tv в россии
 
Weborama Ad-Hoc Segments
Weborama Ad-Hoc SegmentsWeborama Ad-Hoc Segments
Weborama Ad-Hoc Segments
 
3 ольга трушкова
3 ольга трушкова3 ольга трушкова
3 ольга трушкова
 
Интерфейсы для Smart TV #uxsreda
Интерфейсы для Smart TV #uxsredaИнтерфейсы для Smart TV #uxsreda
Интерфейсы для Smart TV #uxsreda
 
Vi web mobile-smart tv_i_pad
Vi   web mobile-smart tv_i_padVi   web mobile-smart tv_i_pad
Vi web mobile-smart tv_i_pad
 
Tvigle.ru на Smart-TV
Tvigle.ru на Smart-TVTvigle.ru на Smart-TV
Tvigle.ru на Smart-TV
 

More from ПрофсоUX

Наталья Мануйлова. Топ-задачи или что самое важное в бэклоге?
Наталья Мануйлова. Топ-задачи или что самое важное в бэклоге?Наталья Мануйлова. Топ-задачи или что самое важное в бэклоге?
Наталья Мануйлова. Топ-задачи или что самое важное в бэклоге?
ПрофсоUX
 
Мама, прости, что-то пошло не так
Мама, прости, что-то пошло не такМама, прости, что-то пошло не так
Мама, прости, что-то пошло не так
ПрофсоUX
 
Свободный дизайн — опенсорс и все-все-все
Свободный дизайн — опенсорс и все-все-всеСвободный дизайн — опенсорс и все-все-все
Свободный дизайн — опенсорс и все-все-все
ПрофсоUX
 
Обратная связь в большом проекте и как извлечь из неё максимум пользы
Обратная связь в большом проекте и как извлечь из неё максимум пользыОбратная связь в большом проекте и как извлечь из неё максимум пользы
Обратная связь в большом проекте и как извлечь из неё максимум пользы
ПрофсоUX
 
Как точно определить задачи и выбрать метод: канва для исследователя
Как точно определить задачи и выбрать метод: канва для исследователяКак точно определить задачи и выбрать метод: канва для исследователя
Как точно определить задачи и выбрать метод: канва для исследователя
ПрофсоUX
 
UX-способы повысить конверсию интернет-магазина
UX-способы повысить конверсию интернет-магазинаUX-способы повысить конверсию интернет-магазина
UX-способы повысить конверсию интернет-магазина
ПрофсоUX
 
UX для сотрудников в большой компании
UX для сотрудников в большой компанииUX для сотрудников в большой компании
UX для сотрудников в большой компании
ПрофсоUX
 
UX strategy – the secret sauce that defines the pixie dust
UX strategy – the secret sauce that defines the pixie dustUX strategy – the secret sauce that defines the pixie dust
UX strategy – the secret sauce that defines the pixie dust
ПрофсоUX
 
Пользовательский интерфейс как иностранный язык
Пользовательский интерфейс как иностранный языкПользовательский интерфейс как иностранный язык
Пользовательский интерфейс как иностранный язык
ПрофсоUX
 
Обучение других как драйвер профессионального роста
Обучение других как драйвер профессионального ростаОбучение других как драйвер профессионального роста
Обучение других как драйвер профессионального роста
ПрофсоUX
 
Математический аппарат в UX. Как проверять гипотезы на статистических данных
Математический аппарат в UX. Как проверять гипотезы на статистических данныхМатематический аппарат в UX. Как проверять гипотезы на статистических данных
Математический аппарат в UX. Как проверять гипотезы на статистических данных
ПрофсоUX
 
Как сделать хороший интерфейс для незрячих
Как сделать хороший интерфейс для незрячихКак сделать хороший интерфейс для незрячих
Как сделать хороший интерфейс для незрячих
ПрофсоUX
 
Дизайн дневниковых исследований
Дизайн дневниковых исследованийДизайн дневниковых исследований
Дизайн дневниковых исследований
ПрофсоUX
 
Резюме и портфолио UX-дизайнера
Резюме и портфолио UX-дизайнераРезюме и портфолио UX-дизайнера
Резюме и портфолио UX-дизайнера
ПрофсоUX
 
Истории о прототипах
Истории о прототипахИстории о прототипах
Истории о прототипах
ПрофсоUX
 
Опыт госпроектов и взаимодействия с корпоративными структурами
Опыт госпроектов и взаимодействия с корпоративными структурамиОпыт госпроектов и взаимодействия с корпоративными структурами
Опыт госпроектов и взаимодействия с корпоративными структурами
ПрофсоUX
 
Прикручивание колёс на ходу. Внедрение UX процессов в уже работающий продукт
Прикручивание колёс на ходу. Внедрение UX процессов в уже работающий продуктПрикручивание колёс на ходу. Внедрение UX процессов в уже работающий продукт
Прикручивание колёс на ходу. Внедрение UX процессов в уже работающий продукт
ПрофсоUX
 
Проблемы UI/UX в медицинской технике
Проблемы UI/UX в медицинской техникеПроблемы UI/UX в медицинской технике
Проблемы UI/UX в медицинской технике
ПрофсоUX
 
Brain Computer Interface: «Залезть человеку в голову»
Brain Computer Interface: «Залезть человеку в голову»Brain Computer Interface: «Залезть человеку в голову»
Brain Computer Interface: «Залезть человеку в голову»
ПрофсоUX
 
Дизайн алгоритма, который помогает подбирать одежду
Дизайн алгоритма, который помогает подбирать одеждуДизайн алгоритма, который помогает подбирать одежду
Дизайн алгоритма, который помогает подбирать одежду
ПрофсоUX
 

More from ПрофсоUX (20)

Наталья Мануйлова. Топ-задачи или что самое важное в бэклоге?
Наталья Мануйлова. Топ-задачи или что самое важное в бэклоге?Наталья Мануйлова. Топ-задачи или что самое важное в бэклоге?
Наталья Мануйлова. Топ-задачи или что самое важное в бэклоге?
 
Мама, прости, что-то пошло не так
Мама, прости, что-то пошло не такМама, прости, что-то пошло не так
Мама, прости, что-то пошло не так
 
Свободный дизайн — опенсорс и все-все-все
Свободный дизайн — опенсорс и все-все-всеСвободный дизайн — опенсорс и все-все-все
Свободный дизайн — опенсорс и все-все-все
 
Обратная связь в большом проекте и как извлечь из неё максимум пользы
Обратная связь в большом проекте и как извлечь из неё максимум пользыОбратная связь в большом проекте и как извлечь из неё максимум пользы
Обратная связь в большом проекте и как извлечь из неё максимум пользы
 
Как точно определить задачи и выбрать метод: канва для исследователя
Как точно определить задачи и выбрать метод: канва для исследователяКак точно определить задачи и выбрать метод: канва для исследователя
Как точно определить задачи и выбрать метод: канва для исследователя
 
UX-способы повысить конверсию интернет-магазина
UX-способы повысить конверсию интернет-магазинаUX-способы повысить конверсию интернет-магазина
UX-способы повысить конверсию интернет-магазина
 
UX для сотрудников в большой компании
UX для сотрудников в большой компанииUX для сотрудников в большой компании
UX для сотрудников в большой компании
 
UX strategy – the secret sauce that defines the pixie dust
UX strategy – the secret sauce that defines the pixie dustUX strategy – the secret sauce that defines the pixie dust
UX strategy – the secret sauce that defines the pixie dust
 
Пользовательский интерфейс как иностранный язык
Пользовательский интерфейс как иностранный языкПользовательский интерфейс как иностранный язык
Пользовательский интерфейс как иностранный язык
 
Обучение других как драйвер профессионального роста
Обучение других как драйвер профессионального ростаОбучение других как драйвер профессионального роста
Обучение других как драйвер профессионального роста
 
Математический аппарат в UX. Как проверять гипотезы на статистических данных
Математический аппарат в UX. Как проверять гипотезы на статистических данныхМатематический аппарат в UX. Как проверять гипотезы на статистических данных
Математический аппарат в UX. Как проверять гипотезы на статистических данных
 
Как сделать хороший интерфейс для незрячих
Как сделать хороший интерфейс для незрячихКак сделать хороший интерфейс для незрячих
Как сделать хороший интерфейс для незрячих
 
Дизайн дневниковых исследований
Дизайн дневниковых исследованийДизайн дневниковых исследований
Дизайн дневниковых исследований
 
Резюме и портфолио UX-дизайнера
Резюме и портфолио UX-дизайнераРезюме и портфолио UX-дизайнера
Резюме и портфолио UX-дизайнера
 
Истории о прототипах
Истории о прототипахИстории о прототипах
Истории о прототипах
 
Опыт госпроектов и взаимодействия с корпоративными структурами
Опыт госпроектов и взаимодействия с корпоративными структурамиОпыт госпроектов и взаимодействия с корпоративными структурами
Опыт госпроектов и взаимодействия с корпоративными структурами
 
Прикручивание колёс на ходу. Внедрение UX процессов в уже работающий продукт
Прикручивание колёс на ходу. Внедрение UX процессов в уже работающий продуктПрикручивание колёс на ходу. Внедрение UX процессов в уже работающий продукт
Прикручивание колёс на ходу. Внедрение UX процессов в уже работающий продукт
 
Проблемы UI/UX в медицинской технике
Проблемы UI/UX в медицинской техникеПроблемы UI/UX в медицинской технике
Проблемы UI/UX в медицинской технике
 
Brain Computer Interface: «Залезть человеку в голову»
Brain Computer Interface: «Залезть человеку в голову»Brain Computer Interface: «Залезть человеку в голову»
Brain Computer Interface: «Залезть человеку в голову»
 
Дизайн алгоритма, который помогает подбирать одежду
Дизайн алгоритма, который помогает подбирать одеждуДизайн алгоритма, который помогает подбирать одежду
Дизайн алгоритма, который помогает подбирать одежду
 

Как просить деньги через телевизор? Екатерина Юлина