SlideShare a Scribd company logo
1 of 25
Download to read offline
Видеоролики
как часть документации
Андрей Пшеничнов
Технический писатель
ОАО «ИнфоТеКС»
andrey.pshenichnov@infotecs.ru
Почему мы решили попробовать
видео
• Иногда тексты не дают пользователям
нужного представления о сценариях
– сложно
– не наглядно
• Видео помогает
– ощутить работу в программе
– оценить трудозатраты
– пройти сложный сценарий
2
Видеоролики как часть документации.
Пшеничнов (ИнфоТеКС)
О каком видео я буду
рассказывать
Если цель — показать сценарий, то имеет
значение содержательность и прозрачность
видео, а не профессиональное оформление.
Технический писатель со стандартным знанием
ПК, обычным оснащением и доступным ПО
может делать такие видео.
3
Видеоролики как часть документации.
Пшеничнов (ИнфоТеКС)
Особенности видео как формы
• Наглядность
(похоже на настоящее взаимодействие с
программой)
• Широкие возможности по управлению
вниманием зрителя
(подписи, указатели…)
• Существенное расширение аудитории через
публичные каналы
4
Видеоролики как часть документации.
Пшеничнов (ИнфоТеКС)
С чего мы начали
• Поиск программы
для захвата и монтажа
– TechSmith Camtasia Studio (try)
(интуитивно понятный, время создания видео –
несколько часов)
– Adobe Captivate (try)
(более сложный в работе, красивый результат)
• Средства работы со звуком
– Наушники, микрофон
– Помещение
– Редактор звука (Adobe Audition)
• Средства создания изображений:
– Графический редактор (Adobe Photoshop)
– MS PowerPoint
5
Видеоролики как часть документации.
Пшеничнов (ИнфоТеКС)
Что мы делаем до съемок
• Определяем
– Цель видео
– Аудиторию
– Наши ожидания: что зритель получает в
результате просмотра
• Составляем план сценария
• Выбираем длительность
(оцениваем возможность в нее поместиться)
6
Видеоролики как часть документации.
Пшеничнов (ИнфоТеКС)
Хорошие практики: видеозахват 1
Проблема
Зритель не понимает, что происходит на экране
Решение
• В процессе ревью/саморевью проверяем, что
зрителю показали всё что нужно, чтобы
воспроизвести события на экране
• Мы не используем горячие клавиши
(либо мы это поясняем и подписываем)
• Если на экране что-то происходит автоматически, мы
это проговариваем, чтобы было понятно, что это не
наши действия
7
Видеоролики как часть документации.
Пшеничнов (ИнфоТеКС)
8
Видеоролики как часть документации.
Пшеничнов (ИнфоТеКС)
Хорошие практики: видеозахват 2
Проблема
Зритель не уверен, все ли он сделал правильно
Решение
Мы даем ясные критерии прохождения шагов
На промежуточных этапах мы показываем, как все выглядит, если
все сделать правильно.
Если что-то не так, зритель может вернуться и пройти сценарий
еще раз.
9
Видеоролики как часть документации.
Пшеничнов (ИнфоТеКС)
Хорошие практики: видеозахват 3
Проблема
Когда мы доснимаем фрагменты позже, мы не замечаем
изменений в кадре по сравнению с первой съемкой
Решение
• Если вы используете виртуальную машину, сделайте
snapshot перед съемкой. Позже, если нужно будет
доснять видео, вернитесь к этому snapshot
• Нужно убрать с экрана лишние элементы:
– часы и лишние значки в области уведомлений (трэе)
– файлы с рабочего стола
10
Видеоролики как часть документации.
Пшеничнов (ИнфоТеКС)
• Нужно убрать с экрана лишние элементы:
– часы и лишние значки в области уведомлений (трэе)
– файлы с рабочего стола
11
Видеоролики как часть документации.
Пшеничнов (ИнфоТеКС)
Хорошие практики: озвучка 1
Проблема
Кто будет озвучивать?
Возможные решения
• Аутсорс. Не оптимален для видеозахвата
– сложности с переозвучкой
– неестественная речь, потому что обычно диктор не знает, о
чем он говорит
• Самостоятельная озвучка
– не сложно (диктор начинает говорить естественно через
несколько часов практики)
– возможность живой озвучки: позволяет зафиксировать свои
пояснения «по ходу действия», которые было бы сложно
предугадать
12
Видеоролики как часть документации.
Пшеничнов (ИнфоТеКС)
Хорошие практики: озвучка 2
Проблема
Когда в ролике одновременно производятся действия и звучит речь,
зритель не может их воспринимать по отдельности
Плохо:
Говорим «Настраиваем сетевой интерфейс»,
при этом мышка совершает действия в области уведомлений (трэе), и
зритель не понимает, как связана настройка с действиями пользователя.
Решение
Сначала объясняем, затем показываем действия.
Исключение — непосредственное описание действий пользователя
(«нажмите OK»).
Хорошо:
Говорим «Настраиваем сетевой интерфейс. Для этого в области
уведомлений щелкаем …»
13
Видеоролики как часть документации.
Пшеничнов (ИнфоТеКС)
Хорошие практики: озвучка 3
Проблема
От какого лица рассказывать?
Решение
От первого лица — можно!
«Открываем программу …»
«Сейчас я задаю пароль …»
От второго лица — тоже можно.
«Откройте программу …»
«Здесь вы задаете пароль …»
14
Видеоролики как часть документации.
Пшеничнов (ИнфоТеКС)
Хорошие практики: монтаж 1
Проблема
Когда на экране долго не происходит ничего
интересного, пользователь выключает видео
Решение
Вырезаем несодержательные части видео
• С учетом подготовки зрителя, пропускаем очевидные
операции (прохождение мастера установки ПО)
• Ускоряем ввод паролей, progress bars и т.п.
• Вырезаем все паузы речи, междометия (даже доли
секунды)
15
Видеоролики как часть документации.
Пшеничнов (ИнфоТеКС)
Хорошие практики: монтаж 2
Проблема
На экране много всего, пользователь не вычленяет то, о
чем мы говорим
Решение
Используем подписи, рамки, стрелки, наезды
Хорошие практики: ревью
Проблема
Хочется сначала согласовать сценарий, а уже затем
снимать видео
Но заинтересованные лица не могут дать обратную
связь, не увидев ролика
Решение
Мы научились снимать «черновики» за несколько часов
После ревью содержательной части можно переснять
видео «с нуля», но уже с большей проработкой
16
Видеоролики как часть документации.
Пшеничнов (ИнфоТеКС)
Публикация файла с видео
• Качество
• Формат видеофайлов
Выбирайте формат файла, который будет
поддерживать ваше средство публикации
17
Видеоролики как часть документации.
Пшеничнов (ИнфоТеКС)
низкое высокое
хорошо, когда просмотр должен быть
доступен для пользователей с низкой
скоростью подключения
хорошо, когда при
просмотре должны
быть видны мелкие
подробности
18
Видеоролики как часть документации.
Пшеничнов (ИнфоТеКС)
Требования YouTube к форматам
Варианты публикации в Интернете
• Свой хостинг
• Публичный хостинг
19
Видеоролики как часть документации.
Пшеничнов (ИнфоТеКС)
Публичные хостинги: особенности
(+) Предоставление и поддержка готовой
инфраструктуры.
(-) Некоторые корпоративные политики сетевого
доступа блокируют видеохостинги. Часть вашей
аудитории может не увидеть ваших видео.
(-) По форматам видео имеются ограничения.
(-) Обновление: на youtube вы не можете заменить
старый видеофайл на новый с сохранением URL.
Поэтому при обновлении видео придётся
исправлять все ссылки на видео.
20
Видеоролики как часть документации.
Пшеничнов (ИнфоТеКС)
Публичные хостинги: публикация
• Добавляем описание видео
(со ссылкой на свой сайт)
• Добавляем теги
http://wordstat.yandex.ru/
https://www.youtube.com/keyword_tool
• Если нужно, вставляем субтитры и веб-ссылки
в сам видеоролик
21
Видеоролики как часть документации.
Пшеничнов (ИнфоТеКС)
22
Видеоролики как часть документации.
Пшеничнов (ИнфоТеКС)
Обратная связь на публичных хостингах
YouTube: сервис «Менеджер видео»
23
Видеоролики как часть документации.
Пшеничнов (ИнфоТеКС)
Сред. просмотр 3:46
Длительность 11:15
Отношение:
226 сек : 675 сек = 33%
33% — это как будто бы 1 из 3 ваших зрителей посмотрел видео до конца, а 2 сразу
выключили. Возможные причины:
• слишком длинный ролик
• название не соответствует содержанию
• видео не отвечает на вопрос зрителя
24
Видеоролики как часть документации.
Пшеничнов (ИнфоТеКС)
Сред. просмотр 0:59
Длительность 1:38
Отношение:
59 сек : 98 сек = 60%
60% — это как будто бы 3 из 5 ваших зрителей посмотрели видео до конца, а 2
сразу выключили. Это уже неплохой результат.
Спасибо за внимание!
Андрей Пшеничнов
технический писатель
ОАО «ИнфоТеКС»
andrey.pshenichnov@infotecs.ru
Видеоролики как часть документации
www.vipnet.com
www.infotecs.ru

More Related Content

What's hot

68
6868
68JIuc
 
CONTINUOUS INTEGRATION ДЛЯ ЧАЙНИКОВ ВМЕСТЕ С TEAMCITY
CONTINUOUS INTEGRATION ДЛЯ ЧАЙНИКОВ ВМЕСТЕ С TEAMCITYCONTINUOUS INTEGRATION ДЛЯ ЧАЙНИКОВ ВМЕСТЕ С TEAMCITY
CONTINUOUS INTEGRATION ДЛЯ ЧАЙНИКОВ ВМЕСТЕ С TEAMCITYPavel Tsukanov
 
«Особенности Agile-разработки интернет-проектов»
«Особенности Agile-разработки интернет-проектов»«Особенности Agile-разработки интернет-проектов»
«Особенности Agile-разработки интернет-проектов»DataArt
 
69
6969
69JIuc
 
Виталий Шибаев - Креативный менеджмент глазами разработчика: как выжить в agi...
Виталий Шибаев - Креативный менеджмент глазами разработчика: как выжить в agi...Виталий Шибаев - Креативный менеджмент глазами разработчика: как выжить в agi...
Виталий Шибаев - Креативный менеджмент глазами разработчика: как выжить в agi...HappyDev
 
Анти шаблоны непрерывной интеграции
Анти шаблоны непрерывной интеграцииАнти шаблоны непрерывной интеграции
Анти шаблоны непрерывной интеграцииSQALab
 
буктрейлер
буктрейлербуктрейлер
буктрейлерcbs_iskitim
 

What's hot (10)

68
6868
68
 
CONTINUOUS INTEGRATION ДЛЯ ЧАЙНИКОВ ВМЕСТЕ С TEAMCITY
CONTINUOUS INTEGRATION ДЛЯ ЧАЙНИКОВ ВМЕСТЕ С TEAMCITYCONTINUOUS INTEGRATION ДЛЯ ЧАЙНИКОВ ВМЕСТЕ С TEAMCITY
CONTINUOUS INTEGRATION ДЛЯ ЧАЙНИКОВ ВМЕСТЕ С TEAMCITY
 
«Особенности Agile-разработки интернет-проектов»
«Особенности Agile-разработки интернет-проектов»«Особенности Agile-разработки интернет-проектов»
«Особенности Agile-разработки интернет-проектов»
 
самоучитель
самоучитель самоучитель
самоучитель
 
69
6969
69
 
Виталий Шибаев - Креативный менеджмент глазами разработчика: как выжить в agi...
Виталий Шибаев - Креативный менеджмент глазами разработчика: как выжить в agi...Виталий Шибаев - Креативный менеджмент глазами разработчика: как выжить в agi...
Виталий Шибаев - Креативный менеджмент глазами разработчика: как выжить в agi...
 
Анти шаблоны непрерывной интеграции
Анти шаблоны непрерывной интеграцииАнти шаблоны непрерывной интеграции
Анти шаблоны непрерывной интеграции
 
Локтева Е. Требования к курсу
Локтева Е. Требования к курсуЛоктева Е. Требования к курсу
Локтева Е. Требования к курсу
 
TechCamp Videomaking
TechCamp VideomakingTechCamp Videomaking
TechCamp Videomaking
 
буктрейлер
буктрейлербуктрейлер
буктрейлер
 

Similar to Видеоролики как часть документации — Андрей Пшеничнов, ИнфоТеКС

Руководство по видео, трансляциям и премьерам (Youtube 2020)
Руководство по видео, трансляциям и премьерам (Youtube 2020)Руководство по видео, трансляциям и премьерам (Youtube 2020)
Руководство по видео, трансляциям и премьерам (Youtube 2020)Транслируем.бел
 
Разработка оптимального ПО - создание раскадровок и сбор отзывов от заинтерес...
Разработка оптимального ПО - создание раскадровок и сбор отзывов от заинтерес...Разработка оптимального ПО - создание раскадровок и сбор отзывов от заинтерес...
Разработка оптимального ПО - создание раскадровок и сбор отзывов от заинтерес...Александр Шамрай
 
История проекта, который никогда не падает / Андрей Шетухин
История проекта, который никогда не падает / Андрей ШетухинИстория проекта, который никогда не падает / Андрей Шетухин
История проекта, который никогда не падает / Андрей ШетухинOntico
 
опыт проектирования интерфейса Smart nut
опыт проектирования интерфейса Smart nutопыт проектирования интерфейса Smart nut
опыт проектирования интерфейса Smart nutИлья Котельников
 
Cеминар: Работа с технологиями - Технологические платформы
Cеминар: Работа с технологиями - Технологические платформыCеминар: Работа с технологиями - Технологические платформы
Cеминар: Работа с технологиями - Технологические платформыMDIF
 
Vimply, студия видеомаркетинга
Vimply, студия видеомаркетингаVimply, студия видеомаркетинга
Vimply, студия видеомаркетингаAliona Kirsanova
 
Этапы создания буктрейлера
Этапы создания буктрейлераЭтапы создания буктрейлера
Этапы создания буктрейлераTatyana Utkina
 
Документирование дефектов
Документирование дефектовДокументирование дефектов
Документирование дефектовNickola14
 
Консалтинг высоконагруженных web систем
Консалтинг высоконагруженных web системКонсалтинг высоконагруженных web систем
Консалтинг высоконагруженных web системMedia Gorod
 
Изменения в инфраструктуре инструментов для программистов
Изменения в инфраструктуре инструментов для программистовИзменения в инфраструктуре инструментов для программистов
Изменения в инфраструктуре инструментов для программистовTatyanazaxarova
 
Архитектура для мобильных игр - с чего начать и популярные решения / Евгений ...
Архитектура для мобильных игр - с чего начать и популярные решения / Евгений ...Архитектура для мобильных игр - с чего начать и популярные решения / Евгений ...
Архитектура для мобильных игр - с чего начать и популярные решения / Евгений ...DevGAMM Conference
 
Никита Мещаненко, Антон Семенченко - Альтернативные пути преподавания основ п...
Никита Мещаненко, Антон Семенченко - Альтернативные пути преподавания основ п...Никита Мещаненко, Антон Семенченко - Альтернативные пути преподавания основ п...
Никита Мещаненко, Антон Семенченко - Альтернативные пути преподавания основ п...COMAQA.BY
 
Пери Инновации - Боты машинное обучение и искусственный интеллект
Пери Инновации - Боты машинное обучение и искусственный интеллектПери Инновации - Боты машинное обучение и искусственный интеллект
Пери Инновации - Боты машинное обучение и искусственный интеллектMicrosoft
 
5 правил успешной разработки приложений для бренда
5 правил успешной разработки приложений для бренда 5 правил успешной разработки приложений для бренда
5 правил успешной разработки приложений для бренда Heads&Hands
 
Методики управления развитием ис на базе 1с
Методики управления развитием ис на базе 1сМетодики управления развитием ис на базе 1с
Методики управления развитием ис на базе 1сHelen Kopteva
 
Image-based automation
Image-based automationImage-based automation
Image-based automationVitali Shulha
 
Автоматизация с помощью скриншотов. Как научить скрипт видеть графический инт...
Автоматизация с помощью скриншотов. Как научить скрипт видеть графический инт...Автоматизация с помощью скриншотов. Как научить скрипт видеть графический инт...
Автоматизация с помощью скриншотов. Как научить скрипт видеть графический инт...SQALab
 
Система для обучения и презентаций Виртуальный презентер. Инженерный центр ГР...
Система для обучения и презентаций Виртуальный презентер. Инженерный центр ГР...Система для обучения и презентаций Виртуальный презентер. Инженерный центр ГР...
Система для обучения и презентаций Виртуальный презентер. Инженерный центр ГР...Сообщество eLearning PRO
 

Similar to Видеоролики как часть документации — Андрей Пшеничнов, ИнфоТеКС (20)

Руководство по видео, трансляциям и премьерам (Youtube 2020)
Руководство по видео, трансляциям и премьерам (Youtube 2020)Руководство по видео, трансляциям и премьерам (Youtube 2020)
Руководство по видео, трансляциям и премьерам (Youtube 2020)
 
Разработка оптимального ПО - создание раскадровок и сбор отзывов от заинтерес...
Разработка оптимального ПО - создание раскадровок и сбор отзывов от заинтерес...Разработка оптимального ПО - создание раскадровок и сбор отзывов от заинтерес...
Разработка оптимального ПО - создание раскадровок и сбор отзывов от заинтерес...
 
История проекта, который никогда не падает / Андрей Шетухин
История проекта, который никогда не падает / Андрей ШетухинИстория проекта, который никогда не падает / Андрей Шетухин
История проекта, который никогда не падает / Андрей Шетухин
 
опыт проектирования интерфейса Smart nut
опыт проектирования интерфейса Smart nutопыт проектирования интерфейса Smart nut
опыт проектирования интерфейса Smart nut
 
Cеминар: Работа с технологиями - Технологические платформы
Cеминар: Работа с технологиями - Технологические платформыCеминар: Работа с технологиями - Технологические платформы
Cеминар: Работа с технологиями - Технологические платформы
 
Vimply, студия видеомаркетинга
Vimply, студия видеомаркетингаVimply, студия видеомаркетинга
Vimply, студия видеомаркетинга
 
Этапы создания буктрейлера
Этапы создания буктрейлераЭтапы создания буктрейлера
Этапы создания буктрейлера
 
Документирование дефектов
Документирование дефектовДокументирование дефектов
Документирование дефектов
 
Профессиональная мастерская "Создание и продвижение библиотечного канала на в...
Профессиональная мастерская "Создание и продвижение библиотечного канала на в...Профессиональная мастерская "Создание и продвижение библиотечного канала на в...
Профессиональная мастерская "Создание и продвижение библиотечного канала на в...
 
Консалтинг высоконагруженных web систем
Консалтинг высоконагруженных web системКонсалтинг высоконагруженных web систем
Консалтинг высоконагруженных web систем
 
Изменения в инфраструктуре инструментов для программистов
Изменения в инфраструктуре инструментов для программистовИзменения в инфраструктуре инструментов для программистов
Изменения в инфраструктуре инструментов для программистов
 
280slides
280slides 280slides
280slides
 
Архитектура для мобильных игр - с чего начать и популярные решения / Евгений ...
Архитектура для мобильных игр - с чего начать и популярные решения / Евгений ...Архитектура для мобильных игр - с чего начать и популярные решения / Евгений ...
Архитектура для мобильных игр - с чего начать и популярные решения / Евгений ...
 
Никита Мещаненко, Антон Семенченко - Альтернативные пути преподавания основ п...
Никита Мещаненко, Антон Семенченко - Альтернативные пути преподавания основ п...Никита Мещаненко, Антон Семенченко - Альтернативные пути преподавания основ п...
Никита Мещаненко, Антон Семенченко - Альтернативные пути преподавания основ п...
 
Пери Инновации - Боты машинное обучение и искусственный интеллект
Пери Инновации - Боты машинное обучение и искусственный интеллектПери Инновации - Боты машинное обучение и искусственный интеллект
Пери Инновации - Боты машинное обучение и искусственный интеллект
 
5 правил успешной разработки приложений для бренда
5 правил успешной разработки приложений для бренда 5 правил успешной разработки приложений для бренда
5 правил успешной разработки приложений для бренда
 
Методики управления развитием ис на базе 1с
Методики управления развитием ис на базе 1сМетодики управления развитием ис на базе 1с
Методики управления развитием ис на базе 1с
 
Image-based automation
Image-based automationImage-based automation
Image-based automation
 
Автоматизация с помощью скриншотов. Как научить скрипт видеть графический инт...
Автоматизация с помощью скриншотов. Как научить скрипт видеть графический инт...Автоматизация с помощью скриншотов. Как научить скрипт видеть графический инт...
Автоматизация с помощью скриншотов. Как научить скрипт видеть графический инт...
 
Система для обучения и презентаций Виртуальный презентер. Инженерный центр ГР...
Система для обучения и презентаций Виртуальный презентер. Инженерный центр ГР...Система для обучения и презентаций Виртуальный презентер. Инженерный центр ГР...
Система для обучения и презентаций Виртуальный презентер. Инженерный центр ГР...
 

More from Yandex

Предсказание оттока игроков из World of Tanks
Предсказание оттока игроков из World of TanksПредсказание оттока игроков из World of Tanks
Предсказание оттока игроков из World of TanksYandex
 
Как принять/организовать работу по поисковой оптимизации сайта, Сергей Царик,...
Как принять/организовать работу по поисковой оптимизации сайта, Сергей Царик,...Как принять/организовать работу по поисковой оптимизации сайта, Сергей Царик,...
Как принять/организовать работу по поисковой оптимизации сайта, Сергей Царик,...Yandex
 
Структурированные данные, Юлия Тихоход, лекция в Школе вебмастеров Яндекса
Структурированные данные, Юлия Тихоход, лекция в Школе вебмастеров ЯндексаСтруктурированные данные, Юлия Тихоход, лекция в Школе вебмастеров Яндекса
Структурированные данные, Юлия Тихоход, лекция в Школе вебмастеров ЯндексаYandex
 
Представление сайта в поиске, Сергей Лысенко, лекция в Школе вебмастеров Яндекса
Представление сайта в поиске, Сергей Лысенко, лекция в Школе вебмастеров ЯндексаПредставление сайта в поиске, Сергей Лысенко, лекция в Школе вебмастеров Яндекса
Представление сайта в поиске, Сергей Лысенко, лекция в Школе вебмастеров ЯндексаYandex
 
Плохие методы продвижения сайта, Екатерины Гладких, лекция в Школе вебмастеро...
Плохие методы продвижения сайта, Екатерины Гладких, лекция в Школе вебмастеро...Плохие методы продвижения сайта, Екатерины Гладких, лекция в Школе вебмастеро...
Плохие методы продвижения сайта, Екатерины Гладких, лекция в Школе вебмастеро...Yandex
 
Основные принципы ранжирования, Сергей Царик и Антон Роменский, лекция в Школ...
Основные принципы ранжирования, Сергей Царик и Антон Роменский, лекция в Школ...Основные принципы ранжирования, Сергей Царик и Антон Роменский, лекция в Школ...
Основные принципы ранжирования, Сергей Царик и Антон Роменский, лекция в Школ...Yandex
 
Основные принципы индексирования сайта, Александр Смирнов, лекция в Школе веб...
Основные принципы индексирования сайта, Александр Смирнов, лекция в Школе веб...Основные принципы индексирования сайта, Александр Смирнов, лекция в Школе веб...
Основные принципы индексирования сайта, Александр Смирнов, лекция в Школе веб...Yandex
 
Мобильное приложение: как и зачем, Александр Лукин, лекция в Школе вебмастеро...
Мобильное приложение: как и зачем, Александр Лукин, лекция в Школе вебмастеро...Мобильное приложение: как и зачем, Александр Лукин, лекция в Школе вебмастеро...
Мобильное приложение: как и зачем, Александр Лукин, лекция в Школе вебмастеро...Yandex
 
Сайты на мобильных устройствах, Олег Ножичкин, лекция в Школе вебмастеров Янд...
Сайты на мобильных устройствах, Олег Ножичкин, лекция в Школе вебмастеров Янд...Сайты на мобильных устройствах, Олег Ножичкин, лекция в Школе вебмастеров Янд...
Сайты на мобильных устройствах, Олег Ножичкин, лекция в Школе вебмастеров Янд...Yandex
 
Качественная аналитика сайта, Юрий Батиевский, лекция в Школе вебмастеров Янд...
Качественная аналитика сайта, Юрий Батиевский, лекция в Школе вебмастеров Янд...Качественная аналитика сайта, Юрий Батиевский, лекция в Школе вебмастеров Янд...
Качественная аналитика сайта, Юрий Батиевский, лекция в Школе вебмастеров Янд...Yandex
 
Что можно и что нужно измерять на сайте, Петр Аброськин, лекция в Школе вебма...
Что можно и что нужно измерять на сайте, Петр Аброськин, лекция в Школе вебма...Что можно и что нужно измерять на сайте, Петр Аброськин, лекция в Школе вебма...
Что можно и что нужно измерять на сайте, Петр Аброськин, лекция в Школе вебма...Yandex
 
Как правильно поставить ТЗ на создание сайта, Алексей Бородкин, лекция в Школ...
Как правильно поставить ТЗ на создание сайта, Алексей Бородкин, лекция в Школ...Как правильно поставить ТЗ на создание сайта, Алексей Бородкин, лекция в Школ...
Как правильно поставить ТЗ на создание сайта, Алексей Бородкин, лекция в Школ...Yandex
 
Как защитить свой сайт, Пётр Волков, лекция в Школе вебмастеров
Как защитить свой сайт, Пётр Волков, лекция в Школе вебмастеровКак защитить свой сайт, Пётр Волков, лекция в Школе вебмастеров
Как защитить свой сайт, Пётр Волков, лекция в Школе вебмастеровYandex
 
Как правильно составить структуру сайта, Дмитрий Сатин, лекция в Школе вебмас...
Как правильно составить структуру сайта, Дмитрий Сатин, лекция в Школе вебмас...Как правильно составить структуру сайта, Дмитрий Сатин, лекция в Школе вебмас...
Как правильно составить структуру сайта, Дмитрий Сатин, лекция в Школе вебмас...Yandex
 
Технические особенности создания сайта, Дмитрий Васильева, лекция в Школе веб...
Технические особенности создания сайта, Дмитрий Васильева, лекция в Школе веб...Технические особенности создания сайта, Дмитрий Васильева, лекция в Школе веб...
Технические особенности создания сайта, Дмитрий Васильева, лекция в Школе веб...Yandex
 
Конструкторы для отдельных элементов сайта, Елена Першина, лекция в Школе веб...
Конструкторы для отдельных элементов сайта, Елена Першина, лекция в Школе веб...Конструкторы для отдельных элементов сайта, Елена Першина, лекция в Школе веб...
Конструкторы для отдельных элементов сайта, Елена Першина, лекция в Школе веб...Yandex
 
Контент для интернет-магазинов, Катерина Ерошина, лекция в Школе вебмастеров ...
Контент для интернет-магазинов, Катерина Ерошина, лекция в Школе вебмастеров ...Контент для интернет-магазинов, Катерина Ерошина, лекция в Школе вебмастеров ...
Контент для интернет-магазинов, Катерина Ерошина, лекция в Школе вебмастеров ...Yandex
 
Как написать хороший текст для сайта, Катерина Ерошина, лекция в Школе вебмас...
Как написать хороший текст для сайта, Катерина Ерошина, лекция в Школе вебмас...Как написать хороший текст для сайта, Катерина Ерошина, лекция в Школе вебмас...
Как написать хороший текст для сайта, Катерина Ерошина, лекция в Школе вебмас...Yandex
 
Usability и дизайн - как не помешать пользователю, Алексей Иванов, лекция в Ш...
Usability и дизайн - как не помешать пользователю, Алексей Иванов, лекция в Ш...Usability и дизайн - как не помешать пользователю, Алексей Иванов, лекция в Ш...
Usability и дизайн - как не помешать пользователю, Алексей Иванов, лекция в Ш...Yandex
 
Cайт. Зачем он и каким должен быть, Алексей Иванов, лекция в Школе вебмастеро...
Cайт. Зачем он и каким должен быть, Алексей Иванов, лекция в Школе вебмастеро...Cайт. Зачем он и каким должен быть, Алексей Иванов, лекция в Школе вебмастеро...
Cайт. Зачем он и каким должен быть, Алексей Иванов, лекция в Школе вебмастеро...Yandex
 

More from Yandex (20)

Предсказание оттока игроков из World of Tanks
Предсказание оттока игроков из World of TanksПредсказание оттока игроков из World of Tanks
Предсказание оттока игроков из World of Tanks
 
Как принять/организовать работу по поисковой оптимизации сайта, Сергей Царик,...
Как принять/организовать работу по поисковой оптимизации сайта, Сергей Царик,...Как принять/организовать работу по поисковой оптимизации сайта, Сергей Царик,...
Как принять/организовать работу по поисковой оптимизации сайта, Сергей Царик,...
 
Структурированные данные, Юлия Тихоход, лекция в Школе вебмастеров Яндекса
Структурированные данные, Юлия Тихоход, лекция в Школе вебмастеров ЯндексаСтруктурированные данные, Юлия Тихоход, лекция в Школе вебмастеров Яндекса
Структурированные данные, Юлия Тихоход, лекция в Школе вебмастеров Яндекса
 
Представление сайта в поиске, Сергей Лысенко, лекция в Школе вебмастеров Яндекса
Представление сайта в поиске, Сергей Лысенко, лекция в Школе вебмастеров ЯндексаПредставление сайта в поиске, Сергей Лысенко, лекция в Школе вебмастеров Яндекса
Представление сайта в поиске, Сергей Лысенко, лекция в Школе вебмастеров Яндекса
 
Плохие методы продвижения сайта, Екатерины Гладких, лекция в Школе вебмастеро...
Плохие методы продвижения сайта, Екатерины Гладких, лекция в Школе вебмастеро...Плохие методы продвижения сайта, Екатерины Гладких, лекция в Школе вебмастеро...
Плохие методы продвижения сайта, Екатерины Гладких, лекция в Школе вебмастеро...
 
Основные принципы ранжирования, Сергей Царик и Антон Роменский, лекция в Школ...
Основные принципы ранжирования, Сергей Царик и Антон Роменский, лекция в Школ...Основные принципы ранжирования, Сергей Царик и Антон Роменский, лекция в Школ...
Основные принципы ранжирования, Сергей Царик и Антон Роменский, лекция в Школ...
 
Основные принципы индексирования сайта, Александр Смирнов, лекция в Школе веб...
Основные принципы индексирования сайта, Александр Смирнов, лекция в Школе веб...Основные принципы индексирования сайта, Александр Смирнов, лекция в Школе веб...
Основные принципы индексирования сайта, Александр Смирнов, лекция в Школе веб...
 
Мобильное приложение: как и зачем, Александр Лукин, лекция в Школе вебмастеро...
Мобильное приложение: как и зачем, Александр Лукин, лекция в Школе вебмастеро...Мобильное приложение: как и зачем, Александр Лукин, лекция в Школе вебмастеро...
Мобильное приложение: как и зачем, Александр Лукин, лекция в Школе вебмастеро...
 
Сайты на мобильных устройствах, Олег Ножичкин, лекция в Школе вебмастеров Янд...
Сайты на мобильных устройствах, Олег Ножичкин, лекция в Школе вебмастеров Янд...Сайты на мобильных устройствах, Олег Ножичкин, лекция в Школе вебмастеров Янд...
Сайты на мобильных устройствах, Олег Ножичкин, лекция в Школе вебмастеров Янд...
 
Качественная аналитика сайта, Юрий Батиевский, лекция в Школе вебмастеров Янд...
Качественная аналитика сайта, Юрий Батиевский, лекция в Школе вебмастеров Янд...Качественная аналитика сайта, Юрий Батиевский, лекция в Школе вебмастеров Янд...
Качественная аналитика сайта, Юрий Батиевский, лекция в Школе вебмастеров Янд...
 
Что можно и что нужно измерять на сайте, Петр Аброськин, лекция в Школе вебма...
Что можно и что нужно измерять на сайте, Петр Аброськин, лекция в Школе вебма...Что можно и что нужно измерять на сайте, Петр Аброськин, лекция в Школе вебма...
Что можно и что нужно измерять на сайте, Петр Аброськин, лекция в Школе вебма...
 
Как правильно поставить ТЗ на создание сайта, Алексей Бородкин, лекция в Школ...
Как правильно поставить ТЗ на создание сайта, Алексей Бородкин, лекция в Школ...Как правильно поставить ТЗ на создание сайта, Алексей Бородкин, лекция в Школ...
Как правильно поставить ТЗ на создание сайта, Алексей Бородкин, лекция в Школ...
 
Как защитить свой сайт, Пётр Волков, лекция в Школе вебмастеров
Как защитить свой сайт, Пётр Волков, лекция в Школе вебмастеровКак защитить свой сайт, Пётр Волков, лекция в Школе вебмастеров
Как защитить свой сайт, Пётр Волков, лекция в Школе вебмастеров
 
Как правильно составить структуру сайта, Дмитрий Сатин, лекция в Школе вебмас...
Как правильно составить структуру сайта, Дмитрий Сатин, лекция в Школе вебмас...Как правильно составить структуру сайта, Дмитрий Сатин, лекция в Школе вебмас...
Как правильно составить структуру сайта, Дмитрий Сатин, лекция в Школе вебмас...
 
Технические особенности создания сайта, Дмитрий Васильева, лекция в Школе веб...
Технические особенности создания сайта, Дмитрий Васильева, лекция в Школе веб...Технические особенности создания сайта, Дмитрий Васильева, лекция в Школе веб...
Технические особенности создания сайта, Дмитрий Васильева, лекция в Школе веб...
 
Конструкторы для отдельных элементов сайта, Елена Першина, лекция в Школе веб...
Конструкторы для отдельных элементов сайта, Елена Першина, лекция в Школе веб...Конструкторы для отдельных элементов сайта, Елена Першина, лекция в Школе веб...
Конструкторы для отдельных элементов сайта, Елена Першина, лекция в Школе веб...
 
Контент для интернет-магазинов, Катерина Ерошина, лекция в Школе вебмастеров ...
Контент для интернет-магазинов, Катерина Ерошина, лекция в Школе вебмастеров ...Контент для интернет-магазинов, Катерина Ерошина, лекция в Школе вебмастеров ...
Контент для интернет-магазинов, Катерина Ерошина, лекция в Школе вебмастеров ...
 
Как написать хороший текст для сайта, Катерина Ерошина, лекция в Школе вебмас...
Как написать хороший текст для сайта, Катерина Ерошина, лекция в Школе вебмас...Как написать хороший текст для сайта, Катерина Ерошина, лекция в Школе вебмас...
Как написать хороший текст для сайта, Катерина Ерошина, лекция в Школе вебмас...
 
Usability и дизайн - как не помешать пользователю, Алексей Иванов, лекция в Ш...
Usability и дизайн - как не помешать пользователю, Алексей Иванов, лекция в Ш...Usability и дизайн - как не помешать пользователю, Алексей Иванов, лекция в Ш...
Usability и дизайн - как не помешать пользователю, Алексей Иванов, лекция в Ш...
 
Cайт. Зачем он и каким должен быть, Алексей Иванов, лекция в Школе вебмастеро...
Cайт. Зачем он и каким должен быть, Алексей Иванов, лекция в Школе вебмастеро...Cайт. Зачем он и каким должен быть, Алексей Иванов, лекция в Школе вебмастеро...
Cайт. Зачем он и каким должен быть, Алексей Иванов, лекция в Школе вебмастеро...
 

Видеоролики как часть документации — Андрей Пшеничнов, ИнфоТеКС

  • 1. Видеоролики как часть документации Андрей Пшеничнов Технический писатель ОАО «ИнфоТеКС» andrey.pshenichnov@infotecs.ru
  • 2. Почему мы решили попробовать видео • Иногда тексты не дают пользователям нужного представления о сценариях – сложно – не наглядно • Видео помогает – ощутить работу в программе – оценить трудозатраты – пройти сложный сценарий 2 Видеоролики как часть документации. Пшеничнов (ИнфоТеКС)
  • 3. О каком видео я буду рассказывать Если цель — показать сценарий, то имеет значение содержательность и прозрачность видео, а не профессиональное оформление. Технический писатель со стандартным знанием ПК, обычным оснащением и доступным ПО может делать такие видео. 3 Видеоролики как часть документации. Пшеничнов (ИнфоТеКС)
  • 4. Особенности видео как формы • Наглядность (похоже на настоящее взаимодействие с программой) • Широкие возможности по управлению вниманием зрителя (подписи, указатели…) • Существенное расширение аудитории через публичные каналы 4 Видеоролики как часть документации. Пшеничнов (ИнфоТеКС)
  • 5. С чего мы начали • Поиск программы для захвата и монтажа – TechSmith Camtasia Studio (try) (интуитивно понятный, время создания видео – несколько часов) – Adobe Captivate (try) (более сложный в работе, красивый результат) • Средства работы со звуком – Наушники, микрофон – Помещение – Редактор звука (Adobe Audition) • Средства создания изображений: – Графический редактор (Adobe Photoshop) – MS PowerPoint 5 Видеоролики как часть документации. Пшеничнов (ИнфоТеКС)
  • 6. Что мы делаем до съемок • Определяем – Цель видео – Аудиторию – Наши ожидания: что зритель получает в результате просмотра • Составляем план сценария • Выбираем длительность (оцениваем возможность в нее поместиться) 6 Видеоролики как часть документации. Пшеничнов (ИнфоТеКС)
  • 7. Хорошие практики: видеозахват 1 Проблема Зритель не понимает, что происходит на экране Решение • В процессе ревью/саморевью проверяем, что зрителю показали всё что нужно, чтобы воспроизвести события на экране • Мы не используем горячие клавиши (либо мы это поясняем и подписываем) • Если на экране что-то происходит автоматически, мы это проговариваем, чтобы было понятно, что это не наши действия 7 Видеоролики как часть документации. Пшеничнов (ИнфоТеКС)
  • 8. 8 Видеоролики как часть документации. Пшеничнов (ИнфоТеКС) Хорошие практики: видеозахват 2 Проблема Зритель не уверен, все ли он сделал правильно Решение Мы даем ясные критерии прохождения шагов На промежуточных этапах мы показываем, как все выглядит, если все сделать правильно. Если что-то не так, зритель может вернуться и пройти сценарий еще раз.
  • 9. 9 Видеоролики как часть документации. Пшеничнов (ИнфоТеКС) Хорошие практики: видеозахват 3 Проблема Когда мы доснимаем фрагменты позже, мы не замечаем изменений в кадре по сравнению с первой съемкой Решение • Если вы используете виртуальную машину, сделайте snapshot перед съемкой. Позже, если нужно будет доснять видео, вернитесь к этому snapshot • Нужно убрать с экрана лишние элементы: – часы и лишние значки в области уведомлений (трэе) – файлы с рабочего стола
  • 10. 10 Видеоролики как часть документации. Пшеничнов (ИнфоТеКС) • Нужно убрать с экрана лишние элементы: – часы и лишние значки в области уведомлений (трэе) – файлы с рабочего стола
  • 11. 11 Видеоролики как часть документации. Пшеничнов (ИнфоТеКС) Хорошие практики: озвучка 1 Проблема Кто будет озвучивать? Возможные решения • Аутсорс. Не оптимален для видеозахвата – сложности с переозвучкой – неестественная речь, потому что обычно диктор не знает, о чем он говорит • Самостоятельная озвучка – не сложно (диктор начинает говорить естественно через несколько часов практики) – возможность живой озвучки: позволяет зафиксировать свои пояснения «по ходу действия», которые было бы сложно предугадать
  • 12. 12 Видеоролики как часть документации. Пшеничнов (ИнфоТеКС) Хорошие практики: озвучка 2 Проблема Когда в ролике одновременно производятся действия и звучит речь, зритель не может их воспринимать по отдельности Плохо: Говорим «Настраиваем сетевой интерфейс», при этом мышка совершает действия в области уведомлений (трэе), и зритель не понимает, как связана настройка с действиями пользователя. Решение Сначала объясняем, затем показываем действия. Исключение — непосредственное описание действий пользователя («нажмите OK»). Хорошо: Говорим «Настраиваем сетевой интерфейс. Для этого в области уведомлений щелкаем …»
  • 13. 13 Видеоролики как часть документации. Пшеничнов (ИнфоТеКС) Хорошие практики: озвучка 3 Проблема От какого лица рассказывать? Решение От первого лица — можно! «Открываем программу …» «Сейчас я задаю пароль …» От второго лица — тоже можно. «Откройте программу …» «Здесь вы задаете пароль …»
  • 14. 14 Видеоролики как часть документации. Пшеничнов (ИнфоТеКС) Хорошие практики: монтаж 1 Проблема Когда на экране долго не происходит ничего интересного, пользователь выключает видео Решение Вырезаем несодержательные части видео • С учетом подготовки зрителя, пропускаем очевидные операции (прохождение мастера установки ПО) • Ускоряем ввод паролей, progress bars и т.п. • Вырезаем все паузы речи, междометия (даже доли секунды)
  • 15. 15 Видеоролики как часть документации. Пшеничнов (ИнфоТеКС) Хорошие практики: монтаж 2 Проблема На экране много всего, пользователь не вычленяет то, о чем мы говорим Решение Используем подписи, рамки, стрелки, наезды
  • 16. Хорошие практики: ревью Проблема Хочется сначала согласовать сценарий, а уже затем снимать видео Но заинтересованные лица не могут дать обратную связь, не увидев ролика Решение Мы научились снимать «черновики» за несколько часов После ревью содержательной части можно переснять видео «с нуля», но уже с большей проработкой 16 Видеоролики как часть документации. Пшеничнов (ИнфоТеКС)
  • 17. Публикация файла с видео • Качество • Формат видеофайлов Выбирайте формат файла, который будет поддерживать ваше средство публикации 17 Видеоролики как часть документации. Пшеничнов (ИнфоТеКС) низкое высокое хорошо, когда просмотр должен быть доступен для пользователей с низкой скоростью подключения хорошо, когда при просмотре должны быть видны мелкие подробности
  • 18. 18 Видеоролики как часть документации. Пшеничнов (ИнфоТеКС) Требования YouTube к форматам
  • 19. Варианты публикации в Интернете • Свой хостинг • Публичный хостинг 19 Видеоролики как часть документации. Пшеничнов (ИнфоТеКС)
  • 20. Публичные хостинги: особенности (+) Предоставление и поддержка готовой инфраструктуры. (-) Некоторые корпоративные политики сетевого доступа блокируют видеохостинги. Часть вашей аудитории может не увидеть ваших видео. (-) По форматам видео имеются ограничения. (-) Обновление: на youtube вы не можете заменить старый видеофайл на новый с сохранением URL. Поэтому при обновлении видео придётся исправлять все ссылки на видео. 20 Видеоролики как часть документации. Пшеничнов (ИнфоТеКС)
  • 21. Публичные хостинги: публикация • Добавляем описание видео (со ссылкой на свой сайт) • Добавляем теги http://wordstat.yandex.ru/ https://www.youtube.com/keyword_tool • Если нужно, вставляем субтитры и веб-ссылки в сам видеоролик 21 Видеоролики как часть документации. Пшеничнов (ИнфоТеКС)
  • 22. 22 Видеоролики как часть документации. Пшеничнов (ИнфоТеКС) Обратная связь на публичных хостингах YouTube: сервис «Менеджер видео»
  • 23. 23 Видеоролики как часть документации. Пшеничнов (ИнфоТеКС) Сред. просмотр 3:46 Длительность 11:15 Отношение: 226 сек : 675 сек = 33% 33% — это как будто бы 1 из 3 ваших зрителей посмотрел видео до конца, а 2 сразу выключили. Возможные причины: • слишком длинный ролик • название не соответствует содержанию • видео не отвечает на вопрос зрителя
  • 24. 24 Видеоролики как часть документации. Пшеничнов (ИнфоТеКС) Сред. просмотр 0:59 Длительность 1:38 Отношение: 59 сек : 98 сек = 60% 60% — это как будто бы 3 из 5 ваших зрителей посмотрели видео до конца, а 2 сразу выключили. Это уже неплохой результат.
  • 25. Спасибо за внимание! Андрей Пшеничнов технический писатель ОАО «ИнфоТеКС» andrey.pshenichnov@infotecs.ru Видеоролики как часть документации www.vipnet.com www.infotecs.ru