SlideShare una empresa de Scribd logo
1 de 43
Descargar para leer sin conexión
Как просить деньги
через телевизор?
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/

Más contenido relacionado

Destacado

Проблемы монетизации Smart TV
Проблемы монетизации Smart TVПроблемы монетизации Smart TV
Проблемы монетизации Smart TVMaxim 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 SegmentsMaxim Zenin
 
3 ольга трушкова
3 ольга трушкова3 ольга трушкова
3 ольга трушковаleonid-mt-mt
 
Интерфейсы для Smart TV #uxsreda
Интерфейсы для Smart TV #uxsredaИнтерфейсы для Smart TV #uxsreda
Интерфейсы для Smart TV #uxsredaJetStyle
 
Tvigle.ru на Smart-TV
Tvigle.ru на Smart-TVTvigle.ru на Smart-TV
Tvigle.ru на Smart-TVTvigle
 

Destacado (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
 

Más de Профсо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
 

Más de Профсо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: «Залезть человеку в голову»
 
Дизайн алгоритма, который помогает подбирать одежду
Дизайн алгоритма, который помогает подбирать одеждуДизайн алгоритма, который помогает подбирать одежду
Дизайн алгоритма, который помогает подбирать одежду
 

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