• Контактная информация:
  • Телефон: +38 068 734-10-37
  • Skype: dezmaster
  • Jabber: dezmaster@gmail.com
  • ICQ: 486914

Сайт Ярослава Бирзула Пишу о дизайне интерфейсов, менеджменте и всяком другом. Работаю в UXDepot

Интерфейс видеоплеера: Анализ

в категории: АнализКомментариев: 27

Когда речь идет о юзабилити, в первую очередь подразумевают «удобство пользования».
Само по себе «удобство» вещь весьма субъективная, однако некоторые критерии, которые можно замерить всё-таки есть.

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

Например: Если это плеер в социальной сети, то стоит оценивать по количеству людей, поделившимися этим роликом в интернете или этой самой сети.

Во-вторых — скорость работы. Скорость оценить проще, если нужные инструменты встроены в плеер.

В-третьих — обучаемость и сохранение знаний после перерыва. Критерий тоже довольно субъективен и замерить его можно только в тепличных условиях, в лаборатории, однако всё-таки можно. Хотя это и займет немало времени.

Поскольку в этом цикле статей я собираюсь проектировать не сферическо-вакуумный видеоплеер, а плеер для готового проекта, то я выбрал самый популярный — YouTube. Причин тому две: его популярность и спорность дизайна последней версии.
Я решил проанализировать плееры большой тройки — YouTube, Vimeo и RuTube и выделить их плюсы и минусы в работе с пользователем. Можно было взять больше, но в статьях я обещал краткость.

Поехали.

YouTube

Плеер этого сервиса постоянно терпит метаморфозы, иногда болезненные. Именно из-за спорности нового дизайна я и решил взять в качестве подопытного именно его.

Плюсы:

  • Возможность переключения разрешения видео.
  • Изменение громкости в один клик.
  • Можно погасить громкость в один клик.
  • Наконец-то иконка разворота во весь экран интуитивна.
  • Удобная прокрутка видео.
  • Можно получить код ролика в контекстном меню по правой кнопке мыши или после проигрывания.
  • Можно вручную указать время загрузки ролика.

Минусы:

  • Много функций плеера спрятано в не интуитивном контекстном меню по правой кнопке мыши.
  • Изменение громкости в спорном месте.
  • Стрелка справа с неясными функциями.
  • Полоса функций занимает дорогое место.
  • Элементы управления довольно малы.
  • Во время проигрывания полоса загрузки видео сворачивается слишком узко и раздражает глаз.
  • Интерфейс плеера на сайте и других сайтах различаются.

Vimeo

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

Плюсы:

  • Возможность переключения в режим HD.
  • Изменение громкости в один клик.
  • Иконка разворота во весь экран интуитивна.
  • Удобная прокрутка видео.
  • Возможность получить код ролика не заходя на сайт Vimeo.
  • Во время проигрывания интерфейс тактично исчезает.
  • Самые важные элементы управления с подходящим размером.
  • Интерфейс идентичен на сайте Vimeo и других сайтах.

Минусы:

  • Чтобы смотреть видео в режиме HD обязательно нужно перейти на сайт.
  • Нельзя перемотать на нужное время до тех пор, пока видео не загрузилось до этого момента.

RuTube

Как и его собрат из YouTube этот плеер неоднократно изменялся его создателями. Сегодняшний вариант кажется мне совсем неудовлетворительным.

Плюсы:

  • Можно вручную указать время загрузки ролика.
  • Можно заглушить громкость в одно нажатие.
  • Можно менять громкость в один клик.
  • Можно передать ссылку на нужный момент в видео.
  • Можно остановить загрузку ролика.
  • Переключатель режима времени ролика — «прошедшее \ оставшееся»

Минусы:

  • Элементы управления достаточно невелики.
  • Слишком много интерактивности. В результате движения мышкой всё меняется, двигается.
  • Чтобы закрыть назойливую рекламу нужно проявить недюжинную прыть.
  • Достаточно большая задержка при появлении элемента изменения громкости.
  • Не интуитивное расположение и вид ссылки на полноэкранный режим.
  • Реклама во время паузы, при этом неясно как её убрать и вернуться к ролику.

Результаты этого краткого и грубого анализа станут отправной точкой для дальнейшей работы над интерфейсом видеоплеера.

На этапе создания прототипа стоит избегать минусов уже существующих аналогов и включить в свой плеер максимальное количество плюсов, при этом, не растеряв по дороге эффективность использования и общее положительное впечатление.

Продолжение следует.

PS: следующей статьей в рамках цикла станет «Интерфейс видеоплеера: Прототип». Её выход планируется в следующий четверг, 27 Мая.

Читатели оставили 27 хороших комментариев

Напишите свой комментарий
  1. Павел написал этот ответ 20 мая, 2010 в 12:50

    Частично согласен с автором. Хотя, как мне кажется, много субъективных оценок.

    Например, мне нравится сворачивающаяся полоса загрузки видео.

  2. Ярослав Бирзул написал этот ответ 20 мая, 2010 в 13:03

    Павел, к сожалению (или к счастью, не знаю :) юзабилити это не точная наука, поэтому я могу быть субъективен в суждениях.

    Однако я считаю, что было бы лучше, если бы у этой полоски было два состояния — полная и полностью свернутая. Не вижу смысла в её тонком состоянии.

  3. Your name* написал этот ответ 20 мая, 2010 в 13:26

    «Изменение громкости в спорном месте.»

    «Во время проигрывания полоса загрузки видео сворачивается слишком узко и раздражает глаз.»

    Да, это очень неприятные моменты. Мне плеер от Vimeo очень нравится. Но обзор маловат, где контактовский, фейсбуковский, дейлимоушн?

  4. Евгений написал этот ответ 20 мая, 2010 в 16:08

    > Невозможность получить код ролика не заходя на YouTube.

    Всё-таки можно: gyazo.com/5fbfd1c7f9d0910...57cd4c125fd6.png

  5. Влад написал этот ответ 20 мая, 2010 в 16:12

    а вы на youtube правой кнопкой тыкали?

    Там можно скопировать код и еще фишечки есть

    Субъективно от меня:

    Увеличение окна у ютюба это суппер дуппер клевая фишка — бывает хочешь побольше, но не в полный экран. Пробел — это пазуа

    Вимео большая кнопочка плэй — бывает удобно. Пробел — это пазуа

    Рутьюб — видеозакладка это охиренно.

  6. Ярослав Бирзул написал этот ответ 20 мая, 2010 в 16:48

    Женя, спасибо за наводку, но это уже после проигрывания. Я неправильно сформулировал пункт об этом.

    Влад, о контекстном меню по правой кнопке я узнал совсем недавно, несмотря на то, то пользуюсь YouTube с самого начала его существования как видеохостинга. Догадываюсь, что большинство людей понятия о нем не имеют просто из-за привычки, что на правой кнопке висит контекстное меню браузера.

  7. Евгений написал этот ответ 20 мая, 2010 в 16:51

    На самом деле, это меню можно вызвать в любой момент (стрелочка внизу справа, а там всплывающая менюха из одного пункта).

  8. Ярослав Бирзул написал этот ответ 20 мая, 2010 в 16:53

    Вот эта вот менюха по стрелочке всегда вводила меня в ступор — непонятные пиктограммы (их иногда больше трех), еще больше стрелочек вложенности. Хорошенько же они зарыли этот пункт. Если бы это меню выводилось на паузе, думаю, было бы намного лучше.

  9. Евгений написал этот ответ 20 мая, 2010 в 16:55

    Да, неочевидно как-то.

    Кстати, можно сделать так, чтобы не приходилось каждый раз имя с почтой при комментировании вводить?

  10. Ярослав Бирзул написал этот ответ 20 мая, 2010 в 16:56

    Это косяк верстки, но вводить повторно не нужно, несмотря на пустоту полей, они данные всё-таки хранят.

  11. MyFreeWeb написал этот ответ 20 мая, 2010 в 22:43

    >Чтобы смотреть видео в режиме HD обязательно нужно перейти на сайт.

    Это не минус плеера, это они так завлекают посетителей на сайт (:

  12. Ярослав Бирзул написал этот ответ 20 мая, 2010 в 22:47

    MyFreeWeb в сравнении с другими плеерами это всё-таки минус. Да и стратегия замания весьма темная :)

  13. Ярослав Бирзул написал этот ответ 21 мая, 2010 в 02:27

    Your name, претензии на абсолютную полноту не было, я сразу решил, что возьму 3 этих плеера. Они прекрасно контрастируют друг с другом :)

  14. МастерВсея написал этот ответ 21 мая, 2010 в 21:22

    Не понимаю почему вы вдруг взяли Рутуб в качестве примера, на мой взгляд это все равно что взять плеер какого-то самоделкина Васи и рассматривать его на равне с такими гигантами как Ютуб и Вимео. То есть рутуб имеет совершенно бездумный плеер и обсуждать его…

    Кстати я еще оцениваю плеер с точки зрения хоткеев, особенно пауза по пробелу.

  15. Ярослав Бирзул написал этот ответ 21 мая, 2010 в 21:24

    МастерВася, для анализа я изначально планировал взять плеер высокого класса, среднего и низкого. Угадайте под какой попадает плеер Rutube :)

  16. МастерВсея написал этот ответ 21 мая, 2010 в 21:52

    Автор, вы не правы… Как подсказывают пользователи выше у ютуба и правда можно скопировать код вставки в блог по правому клику. Я даже не поленился это перепроверить. Даже если сам плеер просматривается не через сайт ютуба. Может стоит убрать это из минусов? За ютуб обидно)

  17. Ярослав Бирзул написал этот ответ 21 мая, 2010 в 22:12

    Не обижайтесь, я уже дополнил статью :)

  18. МастерВсея написал этот ответ 22 мая, 2010 в 01:52

    Спасибо))) А как можно вручную указать время загрузки ролика?

    Я не понял где это выбирать…

  19. Ярослав Бирзул написал этот ответ 22 мая, 2010 в 03:05

    Достаточно кликнуть в нужное место ролика и он начнет свою загрузку именно с этого момента.

  20. Максим написал этот ответ 24 мая, 2010 в 14:15

    «Например: Если это плеер в социальной сети, то стоит оценивать по количеству людей, поделившимися этим роликом в интернете или этой самой сети.»

    Ох не согласен, здесь можно подставить слишком много «но» и «или».

  21. Ярослав Бирзул написал этот ответ 24 мая, 2010 в 16:27

    На то это и «например», Максим, чтобы это выражение было гибким и изменяемым :)

  22. Макс Дерягин написал этот ответ 29 мая, 2010 в 18:49

    Хорошее начало быть может интересного цикла статей. Однако заголовок блока с комментариями

    «21 ответов в статье «Интерфейс видеоплеера: Анализ»» звучит не по-русски.

  23. Ярослав Бирзул написал этот ответ 30 мая, 2010 в 18:37

    Спасибо, Макс, обязательно исправлю этот момент.

  24. seo-cook написал этот ответ 6 июля, 2010 в 17:32

    проще надо, только контур и основные функции.

  25. Ярослав Бирзул написал этот ответ 8 июля, 2010 в 08:15

    Seo-cook, что надо, кому надо? :)

  26. seo-cook написал этот ответ 8 июля, 2010 в 09:25

    Ярослав, забей, читал один блог, запостил в другой.

Напишите свой комментарий

Обратные ссылки

  • Интерфейс видеоплеера: Прототип | О юзабилити простыми словами