Vidaq — видеохостинг от экспертов

Совместно со студией Sick разработать интерфейс для зарубежного видеохостинга Vidaq. Главной идеей проекта является обучение и подача специализированной информации от специалистов — специалистам.

Проанализировали прямых конкурентов в лице YouTube и Vimeo, составили майндмап, на основе которого разработали первые прототипы. Одна из сложностей, с которой мы столкнулись во время работы — мы не контактировали с заказчиком напрямую, из-за чего все прототипы были сделаны на русском языке.

Далее совместно со студией Sick изменили язык и отдали готовый дизайн Vidaq.

Проанализировали последовательность действий потенциального пользователя видеохостинга и на основе этого создали детальный User Flow. Постарались разобрать все сценарии от первого касания с сайтом до реакции на конкретное видео автора.

Главная

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

Кроме стандартных путей по поиску контента: поиск, каталог и так далее, мы использовали систему «эмоций». Каждый ролик оценивается именно эмоциями, например,

Главная

Поменяли расположение видео на странице, в зависимости от разрешения исходного файла, также акцентировали внимание на эмоциях, которые пользователи ставят под видео.

Канал

Добавили отдельный блок с рекомендуемыми каналами от автора, увеличили количество видео в сроке и слегка изменили информацию о канале.

Поиск

Поисковую систему вывели в отдельное маленькое окно. В результатах показываются сами авторы и видео, которые подходят под вводимый запрос. Также вы можете перейти на глобальный поиск, в который помимо вышеописанных результатов также выдаются прямые трансляции.

Профиль

Если мы рассматриваем профиль зрителя, то здесь находится информация о его подписках, избранных видео, плейлистах и каналах, от которых он отказался.

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

Канал

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

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

А вот так выглядит готовая страница канала автора:

Видео

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

И еще 20+ экранов и состояний Vidaq.

Немаловажным было адаптировать сервис под разные платформы. За основу взяли 5 стандартных разрешений:

— Full HD 1920

— Desktop 1440

— Small desktop 1280

— Big Tablet 1024

— Tablet 768

— Mobile 360

В результате совместно с Sick спроектировали и задизайнили более 50 страниц для видеохостинга от экспертов, которые делятся своими знаниями и обучают других.